html, body, #wrapper {height:100%; margin:0px; padding:0px;}

a, embed, img, input, select, option, textarea {outline:none; border:none;}


button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    outline:none; border:none;
}
/* checkbox, radio and submit styles */
input[type="checkbox"]:not(old),input[type="radio"]:not(old){margin:0; padding:0; opacity:0;}

input[type="checkbox"]:not(old) + label{display:inline-block; width:18px; height:18px; padding-left:28px; vertical-align:middle; background:url(/img/radcheck.png) no-repeat 0 -54px; cursor:pointer;}
input[type="radio"]:not(old) + label{display:inline-block; width:18px; height:18px; padding-left:28px; vertical-align:middle; background:url(/img/radcheck.png) no-repeat 0 0; cursor:pointer;}

input[type="checkbox"]:not(old):hover + label{background:url(/img/radcheck.png) no-repeat 0 -72px;}
input[type="radio"]:not(old):hover + label{background:url(/img/radcheck.png) no-repeat 0 -18px;}

input[type="checkbox"]:not(old):checked + label{background:url(/img/radcheck.png) no-repeat 0 -90px;}
input[type="radio"]:not(old):checked + label{background:url(/img/radcheck.png) no-repeat 0 -36px;}

.submit{background:#9d561e; border-radius:7px; border:1px #9d561e solid; padding:10px 20px 11px 21px; cursor:pointer; font:17px Tahoma; font-weight:bold; color:#fff; transition:background 300ms; text-shadow:1px 1px 0px #411d00;}
.submit:hover{background:#7e4111;}
/* checkbox, radio and submit styles */

marquee, form {margin:0px;}

select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; outline:none; border:none; font-family:Verdana;font-size:11px; padding:3px; height:25px; background:none;}
option {height:16px; padding-top:3px;}

a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
a:active {color:#000; text-decoration:none;}

#content {height:100%; margin:0 auto; min-width:1130px; max-width:1262px; width:100%;}

#mytb {height:100%; width:100%;
}

/* map cyprus style */
.cypr{background:url(/img/cyprus.jpg); width:135px; height:86px; cursor:pointer; border-top:1px #777 solid; border-left:1px #777 solid;}
.cypr:hover{background:url(/img/cyprus-2.jpg);}

.rbutton {width:158px; height:218px; background:url(/img/rbuttons.png) no-repeat left; margin:8px 0;}
.rbuttonen {width:158px; height:218px; background:url(/img/rbuttons.png) no-repeat right; margin:8px 0;}
.rbuttons {width:158px; height:46px; margin-bottom:6px; cursor:pointer;}

#topbtn {width:36px; height:36px; background:url('/img/top.png') no-repeat; position:fixed; bottom:30px; right:30px; cursor:pointer; display:none; opacity:0.8; filter:alpha(opacity=80);}
#topbtn:hover {opacity:1; filter:alpha(opacity=100);}

.mnf {width:165px; float:left; border:1px #b36e00 solid; overflow:hidden; background:url(/img/down.gif) no-repeat right #fff; border-radius:3px;}
.sort {width:185px; float:right; border:1px #b36e00 solid; overflow:hidden; background:url(/img/down.gif) no-repeat right #fff; margin:0 7px; border-radius:3px;}
.ppp {width:55px; float:right; border:1px #b36e00 solid; overflow:hidden; background:url(/img/down.gif) no-repeat right #fff; border-radius:3px;}
.apostoli {width:390px; float:left; border:1px #b36e00 solid; overflow:hidden; background:url(/img/down.gif) no-repeat right #fff; border-radius:3px;}

ul.nav {list-style-type:none; margin:0px; padding:0px;}
li.nav {font:11px Tahoma; width:100%; float:left; border-bottom:1px #fff solid;}
li.nav a {text-decoration:none; color:#fff; display:block; padding:8px 0 8px 20px; background:url(/img/bullet.gif) no-repeat #3d3835;}
li.nav a:hover {background:url(/img/bullet.gif) no-repeat #eeb900; color:#222;}

.contshop{float:left; padding:7px; margin-left:10px; background:#DADADA; font:11px Tahoma; font-weight:bold; border:1px #777 solid; cursor:pointer; border-radius:5px;}
.contshop:hover{background:#e5e5e5;}
.ordcomp{padding:7px; background:#614330; margin-right:10px; font:11px Tahoma; font-weight:bold; cursor:pointer; border-radius:5px; border:1px #630 solid; color:#fff; float:right;}
.ordcomp:hover{background:#6f5e54;}
.updall{float:right; padding:7px 8px 7px 28px; background:url(/img/upd.png) no-repeat left center #b8e1c7; font:11px Tahoma; font-weight:bold; border:1px #777 solid; cursor:pointer; border-radius:5px;}
.updall:hover{background:url(/img/upd.png) no-repeat left center #c8e9d4;}
.delall{float:left; padding:7px 8px 7px 23px; background:url(/img/del.png) no-repeat left center #d9534f; font:11px Tahoma; font-weight:bold; cursor:pointer; border-radius:5px; border:1px #777 solid; color:#fff;}
.delall:hover{background:url(/img/del.png) no-repeat left center #dc6865;}
.qtyplus{background:url(/img/plmn.gif) top left no-repeat; width:17px; height:14px; cursor:pointer;}
.qtyplus:active{background:url(/img/plmn.gif) top right no-repeat;}
.qtyminus{ background:url(/img/plmn.gif) bottom left no-repeat; width:17px; height:14px; cursor:pointer;}
.qtyminus:active{background:url(/img/plmn.gif) bottom right no-repeat;}

.mydiv {font-family:Verdana; height:32px; font-size:12px; line-height:30px; border-radius:5px; background:url(/img/navbg.png) repeat-x; margin-bottom:2px; color:#fff; width:100%; text-align:center;}

.print1{font-family:Verdana; font-size:22px;}

.newhp {z-index:10; width:88px; height:88px; background:url('/img/new.png') no-repeat top right; position:absolute;}
.newcat {z-index:10; width:22px; height:14px; position:absolute; background:url('/img/newcat.png') no-repeat; top:0px; right:0px;}
.new {z-index:10; width:50px; height:30px; position:absolute; background:url('/img/new.png') no-repeat; top:0px; right:0px;}
.new2 {z-index:10; width:50px; height:30px; position:absolute; background:url('/img/new2.png') no-repeat; top:0px; left:0px;}
.exp {background:url('/images/exp.png'); border:1px #8b85d2 solid; color:#2a2a2a; padding:1px 3px 1px 4px; font-weight:bold; font-family:Tahoma; font-size:10px; margin-left:8px;}
.low {background:url('/images/low.png'); border:1px #6da965 solid; color:#2a2a2a; padding:1px 3px 1px 4px; font-weight:bold; font-family:Tahoma; font-size:10px; margin-left:8px;}
.qty {background:url('/images/qty.png'); border:1px #a0780b solid; color:#2a2a2a; padding:3px 3px 0px 4px; font-weight:bold; font-family:Tahoma; font-size:10px; margin-left:8px;}
.onreq {background:url('/images/onreq.gif'); border:1px #4b5586 solid; color:#2a2a2a; padding:3px 3px 0px 4px; font-weight:bold; font-family:Tahoma; font-size:10px; margin-left:8px;}
.offer {background:url('/images/offer.gif'); border:1px #772400 solid; color:#fff; padding:3px 3px 0px 4px; font-weight:bold; font-family:Tahoma; font-size:10px; margin-left:8px; cursor:pointer;}
.dots {font-family:Tahoma; color:#222; font-size:10px; font-weight:normal;}

#dlt{background:url(/img/close.gif) top; cursor:pointer; margin:0 2px 0 3px; width:11px; height:11px;}
#dlt:hover{background:url(/img/close.gif) bottom;}

#flags{border:1px #444 solid; border-radius:5px; box-shadow:0 0 3px #fff; float:right;}
#grflag{background:url(/img/flags.png) left; width:28px; height:28px; cursor:pointer; margin:2px 5px; float:left; opacity:0.6; filter:alpha(opacity=60);}
#grflag2{background:url(/img/flags.png) left; width:28px; height:28px; margin:2px 5px; float:left;}
#enflag{background:url(/img/flags.png) center; width:28px; height:28px; cursor:pointer; margin:2px 5px; float:left; opacity:0.6; filter:alpha(opacity=60);}
#enflag2{background:url(/img/flags.png) center; width:28px; height:28px; margin:2px 5px; float:left;}
#roflag{background:url(/img/flags.png) right; width:28px; height:28px; cursor:pointer; margin:2px 5px; float:left; opacity:0.6; filter:alpha(opacity=60);}

.srtbl1 {width:254px; background:url(/img/search.png) top; margin:7px 7px 0 10px; float:right;}
.srtbl2 {width:254px; background:url(/img/search.png) bottom; margin:7px 7px 0 10px; float:right;}

.expand {width:172px; position:fixed; bottom:26px; right:15px; background:#fff; border-top:1px #888 solid; border-right:1px #888 solid; border-left:1px #888 solid;}
.expand2 {width:172px; position:fixed; bottom:26px; left:15px; background:#fff; border-top:1px #888 solid; border-right:1px #888 solid; border-left:1px #888 solid;}
.hiddiv{border:1px #aaa solid; padding:7px; background:#f1f1f1; font-size:11px; display:none; margin-top:10px; line-height:16px;}
.showdiv{border:1px #aaa solid; padding:7px; background:#fff; font:11px Verdana; margin-top:15px; line-height:16px;}
div.button {width:172px; height:25px; position:fixed; bottom:0px; right:15px; border-top:1px #999 solid; border-right:1px #999 solid; border-left:1px #999 solid; text-align:center; background:url(/images/talk.jpg) no-repeat #e0e0df;}
.notif {width:172px; position:fixed; bottom:0px; left:15px; cursor:pointer;}
#mail table.navbar a{display:block; padding:6px; text-decoration:none;}
#worders table.navbar a{display:block; padding:10px 6px; text-decoration:none;}
#worders table.navbar tr:nth-child(odd) td{background:#f1f1f1; border-bottom:1px #ccc solid;}
#worders table.navbar tr:nth-child(even) td{background:#fff; border-bottom:1px #ccc solid;}
#worders table.navbar tr:first-child td{background:#bcd8f5;}
#worders table.navbar tr:hover td{background:#dfdfdf;}
#services table.navbar a{display:block; padding:8px; text-decoration:none;}
#front table.navbar td{background:#fff; border:1px #999 solid; border-radius:7px; transition:background 400ms;}
#front table.navbar a{display:block; padding:5px; text-decoration:none;}
#front table.navbar td:hover{background:#f7f7f7; border-color:#555;}
#link table.navbar a{display:block; padding:6px; text-decoration:none; color:#000;}
#link2 table.navbar a{display:block; padding:4px; text-decoration:none; color:#000;}
#link3 table.navbar a{display:block; padding:3px; text-decoration:none; color:#000;}
#subt table.navbar a{display:block; font:11px Verdana; padding:4px; text-decoration:none; color:#000; transition:background 400ms;}
#subt table.navbar a:hover{background:#f5f5f5;}
#prof table.navbar a{display:block; padding:40px 7px; line-height:19px; text-decoration:none; color:#333; background:#F0F0F0; transition:background 400ms;}
#prof table.navbar a:hover{color:#000; background:#e6b385;}
#addr table.navbar a{display:block; padding:5px 10px; text-decoration:none; transition:background 400ms;}
#addr table.navbar a:hover{color:#fff; background:#876546;}
#btabs table.navbar a{display:block; padding:5px; border-right:1px #53494b solid; color:#fff; font:12px Arial; text-decoration:none; font-weight:bold; height:30px; line-height:30px; transition:background 400ms; -webkit-transition:background 400ms; -moz-transition:background 400ms; -ms-transition:background 400ms; -o-transition:background 400ms;}
#btabs table.navbar a:hover{background:#565153;}
#btabs table.navbar a.active{background:#484345;}
#kostol a{display:block; width:194px; height:28px; font:12px Verdana; font-weight:bold; line-height:27px; text-align:center; background:#cfc6a2; border-radius:5px; color:#000; border:1px #888 solid; text-decoration:none; margin-top:10px; transition:background 400ms;}
#kostol a:hover{color:#000; background:#d8cfaa;}
#wlist a{display:block; position:relative; width:194px; height:28px; font:12px Verdana; font-weight:bold; line-height:27px; text-align:center; background:url(/img/wlist2.png) no-repeat #bed0e2; border-radius:5px; color:#000; border:1px #818597 solid; text-decoration:none; transition:background 400ms;}
#wlist a:hover{color:#000; background:url(/img/wlist2.png) no-repeat #d3d6dd;}
#wlistCount {border-radius:10px; width:12px; height:13px; border:1px #800 solid; background:#fff; padding-left:1px; position:absolute; top:2px; left:13px; z-index:2; font:10px Tahoma; display:none;}
#dealer a{display:block; height:28px; font:12px Verdana; font-weight:bold; line-height:27px; text-align:center; background:#eef6f7; color:#000; margin-bottom:10px; border:1px #888 solid; text-decoration:none;}
#dealer a:hover{color:#000; background:#ddd;}
#dlinks table.navbar a{display:block; padding:4px; text-decoration:none; color:#000;}
#dlinks table.navbar a:hover{background:#ddd;}
#dlist table.navbar a{display:block; padding:7px; text-decoration:none; color:#000;}
#mylink table.navbar a{display:block; padding:15px; text-decoration:none;}
.hpg a{border-left:1px #53494b solid;}
#myrows{transition:background 300ms; -webkit-transition:background 300ms; -moz-transition:background 300ms; -ms-transition:background 300ms; -o-transition:background 300ms;}
#myrows:hover{background:#dfdfdf;}

.cats a{display:block; font-family:Tahoma; font-size:10px; color:#333; padding:0px 4px 2px 4px; font-weight:bold; text-decoration:none; height:23px; background:url(/img/cats.png) top; border:1px #883d00 dotted;}
.cats a:hover{ background:url(/img/cats.png) bottom;}
.mylinks2 {background:#444; color:#fff; padding:2px; text-decoration:none;}
#zoom {z-index:10; width:80px; height:12px; background:url(/img/zoom.png); position:absolute; bottom:15px; left:34px;}
.imgpdf {margin-top:8px; float:left;}
.ipv{margin-right:7px; float:left;}
#video {z-index:10; width:48px; height:38px; background:url(/img/video.png) center no-repeat; position:absolute;}

.style151 {font:12px Verdana;}
.style251 {font:11px Verdana;}
.bbutton {width:85px; background:#3b5998; color:#fff; border-top:1px #d9dfea solid; border-left:1px #d9dfea solid; border-bottom:1px #0e1f5b solid; border-right:1px #0e1f5b solid; font:11px Tahoma; padding:3px 0 4px 0; cursor:pointer;}
.form2 {color:#000; font-size:11px; background:#fff; font-family:Verdana; border:1px #888 solid;}
.form3 {color:#000; font-size:11px; background:#fff; font-family:Verdana; border:1px #aaa solid; padding:3px;}
#smail {width:163px; height:15px; margin-right:7px; padding:3px; font:12px Verdana; color:#777; border:1px #aaa solid;}

#manuf{font:11px Verdana; color:#700; font-weight:bold; position:absolute; top:4px; left:14px;}
.img1{margin:10px 5px 0px 5px; padding:4px; border:1px #aaa solid; border-radius:5px; background:#fff; width:90px;}
.img2{margin:5px; padding:4px; border:1px #aaa solid; border-radius:5px; background:#fff; width:40px; float:left;}
.img3{margin:8px; padding:15px; border:1px #777 solid; box-shadow:1px 1px 3px 1px #555; border-radius:10px; background:#fff; width:100px; cursor:zoom-in;}
.katask{font-family:Verdana; font-size:17px; color:#800; color:#700; font-weight:bold; margin:4px; text-shadow:1px 1px #777;}
.modelo{font:12px Verdana; color:#000; font-weight:bold; margin:4px 4px 1px 4px;}
.modelo1{font:12px Verdana; color:#000; font-weight:bold; margin:6px 4px 1px 4px;}
.modelo2{font:21px Verdana; color:#532100; font-weight:bold; margin:4px 4px 1px 4px; text-shadow:1px 1px #777;}
.kodikos{font:10px Verdana; color:#555; font-weight:bold; margin:10px 4px;}
.perigr{font:11px Verdana; line-height:15px; color:#000; font-weight:normal; margin:2px 0;}
.more{color:#333; font-weight:normal; padding-left:4px; margin-top:10px; font:10px Tahoma;}
.avdiv{background:url(/img/infavail.png) #fff585; border:1px #83503F solid; border-radius:5px; cursor:pointer; float:right; width:86px; height:24px;}
.availab{color:#333; font:10px Tahoma; padding-top:2px;}
.diathes{font:12px Verdana; color:#000; margin:7px 4px;}
.diathes2{font:11px Verdana; color:#000; margin:2px 4px;}
.diathes3{font:11px Verdana; color:#000; margin-top:10px; text-align:left;}
.descr{font-family:Verdana; font-size:14px; font-weight:normal; color:#000; margin:4px;}
.timi{margin:4px 4px -4px 0; font:15px Verdana; color:#a02900; font-weight:bold; text-shadow:1px 1px 1px #977655;}
.timi1{font:12px Verdana; color:#a02900; font-weight:bold; text-shadow:0px 0px 1px #977655;}
.timi2{margin:4px; font:15px Verdana; color:#a02900; font-weight:bold; text-shadow:1px 1px 1px #977655;}
.timi3{margin:4px; font:15px Verdana; color:#a02900; font-weight:bold; text-shadow:1px 1px 1px #977655;}
.timi4{margin-top:4px; font:12px Verdana; color:#a02900; font-weight:bold; text-shadow:0px 0px 1px #977655;}
.retprice{font:11px Tahoma; color:#555; line-height:17px; text-align:right;}
.imgdiv {margin:4px 4px;}
.smallimg{padding:2px; border:1px #555 solid; border-radius:3px; width:32px; background:#fff;}
.pricer{font:11px Verdana; color:#555; font-weight:bold;}
.webprice{font-family:Verdana; font-size:14px; color:#0b461a; font-weight:bold; margin-top:5px;}
.timicrt{font-family:Verdana; font-size:14px; font-weight:bold; color:#333;}
.cartClass{background:url(/img/cart1.png) no-repeat top center; width:72px; height:20px; cursor:pointer; font:12px Verdana; padding:5px 0 0 9px; font-weight:bold; color:#222;}
.cartClass:hover{background-position:bottom center;}
.mycart{background:url(/img/cart.png) no-repeat top center; width:75px; height:24px; cursor:pointer; border:none;}
.mycart:active{background-position:bottom center;}
.mycart2{background:url(/img/cart2.png) no-repeat top center; width:75px; height:24px; cursor:pointer; border:none;}
.mycart2:active{background-position:bottom center;}
.wishlist{background:url(/img/wishlist.png) no-repeat top center; width:75px; height:22px; cursor:pointer; opacity:0.86; filter:alpha(opacity=86);}
.wishlist:active{background-position:bottom center;}
.wishlist1{background:url(/img/wlistok.png) no-repeat top center; width:75px; height:22px;}
.wishlist2{background:url(/img/wishlist2.png); width:21px; height:24px; cursor:pointer; float:right;}
.wishlist3{background:url(/img/wlistok2.png); width:21px; height:24px; float:right;}
.addcart{width:72px; height:20px; margin-right:4px;}
.scrcart{position:fixed;}
.scrcart2{position:relative;}

#myview{padding:2px; margin-left:5px; border-radius:3px; background:#5f524a; cursor:pointer;}
#myview2{opacity:0.5; filter:alpha(opacity=50); padding:2px; margin-left:5px; border-radius:3px; background:#5f524a;}

.checktd{font:12px Verdana; background:#5f524a; font-weight:bold; color:#fff;}
.style1{font:11px Verdana; color:#fff; font-weight:bold;}
.style2{font:11px Verdana; font-weight:bold;}
.style3{font:11px Verdana;}
.style4{font:11px Tahoma;}
.style5{font:11px Tahoma; color:#0066cc;}
.style6{font:11px Tahoma; color:#fff; font-weight:bold;}
.style7{font-family:Verdana; font-size:10px; font-weight:bold;}
.style8{font:11px Tahoma; color:#444;}
.style9{font-family:Tahoma; font-size:10px;}
.style10{font:12px Verdana;}
.style11{font:19px Verdana; color:#333; line-height:20px; text-shadow:1px 1px #888;}
.style12{font:12px Verdana; color:#333; font-weight:bold;}
.style14{font:11px Tahoma; font-weight:bold;}
.style15{font:12px Tahoma;}
.remarks{font:13px Arial; color:#000; line-height:19px; padding:0 5px;}
.footer{font:12px Verdana; line-height:19px; color:#fff;}
.footer a{font:12px Verdana; line-height:19px; color:#fff;}
.form{color:#000; font:11px Verdana; border:1px #aaa solid; background:#fff; padding:4px;}
.formerr{color:#000; font:12px Arial; padding:4px; border:1px #a00 solid; background:#fff0f0;}
.error{color:#000; font:11px Verdana; border:1px #a46969 solid; background:#eddbcd; margin-bottom:2px;}
.errmess{font:11px Tahoma; font-style:italic; color:#82220B; font-weight:bold;}
.alerts{font:12px Tahoma; font-style:italic; color:#82220B; font-weight:bold;}
.mailmess{font:11px Verdana; font-style:italic; color:#b0310f;}
#comment{color:#000; font:11px Verdana; border:1px #888 solid; padding:3px; width:525px; height:53px;}

/* top left & top right links */
#topleft{float:left;}
#topleft #contact{float:right; background:url(/img/contact.png) no-repeat; font:11px Verdana; color:#fff; cursor:pointer; padding:3px 8px 5px 27px; border-right:1px #4c4849 solid; transition:background 400ms; -webkit-transition:background 400ms; -moz-transition:background 400ms; -ms-transition:background 400ms; -o-transition:background 400ms;}
#topleft #contact:hover{background:url(/img/contact.png) no-repeat #565153;}
#phone{float:left; background:url(/img/phone.png) no-repeat; font:11px Verdana; color:#fff; padding:3px 8px 5px 27px; border-right:1px #4c4849 solid; transition:background 400ms;}
#topleft #phone:hover{background:url(/img/phone.png) no-repeat #565153;}
#mailLink{float:left; background:url(/img/mail.png) no-repeat; font:11px Verdana; color:#fff; padding:3px 8px 5px 27px; border-right:1px #4c4849 solid; transition:background 400ms;}
#topleft #mailLink:hover{background:url(/img/mail.png) no-repeat #565153;}
#topright{float:right;}
#topright div{float:right; background:url(/img/pointer.gif) no-repeat; padding:3px 8px 5px 18px; font:11px Verdana; color:#fff; cursor:pointer; border-left:1px #4c4849 solid; transition:background 400ms; -webkit-transition:background 400ms; -moz-transition:background 400ms; -ms-transition:background 400ms; -o-transition:background 400ms;}
#topright div:hover{background:url(/img/pointer.gif) no-repeat #565153;}
#topright #timer{float:right; padding:2px 8px 5px 5px; font:11px Verdana; color:#999;}
#topright #tmrel{float:right;}
#onbtn{cursor:pointer; padding-right:7px; background:url(/img/on-off.png) top no-repeat; width:134px; height:15px;}
#offbtn{cursor:pointer; padding-right:7px; background:url(/img/on-off.png) bottom no-repeat; width:134px; height:15px;}

/*navigator */
.nav1 {float:left; background:#f2faf7;}
.nav2 {float:left; background:#deebe7;}
.navleft {float:left; width:7px; height:21px; background:url(/img/navleft.png) no-repeat;}
.navright {float:right; width:7px; height:21px; background:url(/img/navright.png) no-repeat;}
.navmid {float:left; width:7px; height:21px; background:url(/img/navmid.png) no-repeat;}
.mynav {float:left; padding:0 4px; height:21px; background:url(/img/nav.png); font:11px Verdana; color:#2b483a; line-height:19px;}

#nav {height:22px; background:#2a2a2a; font:11px Verdana; padding:0 7px 0 10px; font-weight:bold; color:#fff;}
#nav1 {font:11px Verdana; padding:0 7px; color:#fff;}
#nav2 {font:11px Verdana; padding:0 7px; color:#fff;}
#nav3 {font:11px Verdana; padding:0 7px; color:#fff; font-weight:bold;}
#stnav {width:22px; background:url(/img/stnav.gif) no-repeat; display:none;}
#midnav {width:22px; background:url(/img/midnav.gif) no-repeat #3d3835;}
#finav {width:22px; background:url(/img/midnav1.gif) no-repeat;}
#fullnav {height:27px; left:0px; right:0px; background:url(/img/px.png); position:absolute; z-index:100;}

/* specs table */
ul.specs {list-style:none; padding:0 7px; margin:19px 0 0 0;}
ul.specs li{padding:7px; border-bottom:1px #ccc solid; text-align:left; list-style:none; list-style-position:outside;}
.lspecs{font:12px Arial; padding:7px; border-bottom:1px #ccc solid; text-align:left; font-weight:bold;}
.rspecs{font:12px Arial; padding:7px 7px 7px 15px; border-bottom:1px #ccc solid; text-align:left; width:73%;}
.fspecs{font:12px Arial; padding:7px; border-bottom:1px #ccc solid; text-align:left; text-align:justify;}
.pspecs{font-family:Arial; font-size:15px; color:#622907; padding:5px; text-align:left; font-weight:bold; border-bottom:1px #e1e1e1 solid; background:#f0f0f0;}
.p2specs{font:12px Verdana; padding-top:10px; text-align:left;}
.imgspecs{padding:10px 7px; text-align:left;}
.linkspecs{font:12px Arial; font-weight:bold; font-style:italic; padding:10px 0px; text-align:left; text-decoration:underline;}
.pargrf{font:12px Arial; padding:7px; border-bottom:1px #ccc solid; font-weight:bold; color:#422;}
.specs1{font:12px Arial;}
.specs2{padding:2px; border-bottom:1px #aaa solid;}
.pb {font-family:Arial; font-size:14px; color:#555; margin-bottom:4px;}

.btitle{font:20px Verdana; color:#222; font-weight:bold; text-shadow:1px 1px #888;}
#ptitle{margin:6px; float:left; font-family:Verdana; font-size:14px;}
.incvat{float:right; width:196px; margin-top:7px; font:11px Tahoma; color:#444;}

.submit2{background:url(/img/sbmt.png) top repeat-x; border-radius:4px; border:1px #411d00 solid; padding:0px 7px 1px 8px; height:30px; cursor:pointer; font:11px Tahoma; font-weight:bold; color:#fff; text-shadow:1px 1px 0px #411d00;}
.submit2:active{background:url(/img/sbmt.png) bottom repeat-x;}

#yes {width:59px; padding:15px 5px; border-radius:15px; border:1px #5d4533 solid; font:12px Verdana; font-weight:bold; color:#fff; background:#4471c4; cursor:pointer;}
#yes:hover{background:#dfdfdf;}
#no {width:59px; padding:15px 5px; border-radius:15px; border:1px #5d4533 solid; font:12px Verdana; font-weight:bold; color:#333; background:#fff; cursor:pointer;}
#no:hover{background:#dfdfdf;}

.auto-clear{font:11px Verdana; color:#555; padding:2px; height:100%;}

.blue_button{width:85px; background:#3b5998; color:#fff; border-top:1px #d9dfea solid; border-left:1px #d9dfea solid; border-bottom:1px #0e1f5b solid; border-right:1px #0e1f5b solid; font:11px Tahoma; padding:3px 0 4px 0; cursor:pointer;}
.comm_button{width:85px; background:#3b5998; color:#fff; border-top:1px #d9dfea solid; border-left:1px #d9dfea solid; border-bottom:1px #0e1f5b solid; border-right:1px #0e1f5b solid; font:11px Tahoma; padding:3px 0 4px 0; cursor:pointer;}

.myinput{border:none; padding:0 2px 2px 2px; line-height:19px; width:206px; height:19px; margin:4px 7px 4px 5px; font:12px Verdana; color:#999; background:none;}
.mysubmit{width:32px; height:29px; cursor:pointer; border:none; background:none;}
.srdiv{width:32px; height:29px;}

/*selidopoiisi*/
#paging {font:11px Tahoma; color:#000;}
#paging a{padding:1px 3px 1px 4px; background:#fff; border:1px solid #888; border-radius:5px; text-decoration:none;}
#paging a:hover{background:#ddd;}
#paging a.slct{padding:1px 3px 1px 4px; background:#ddd; border:1px solid #888; border-radius:5px; text-decoration:none;}

/* autocomplete */
.ac_results{padding:0px; margin-top:4px; border:1px #bebebe solid; background-color:white; overflow:hidden; z-index:99999;}
.ac_results ul{width:100%; list-style-position:outside; list-style:none; padding:0; margin:0}
.ac_results li{margin:0px; padding:4px 4px; cursor:default; display:block; font:11px Verdana; line-height:14px; overflow:hidden}
.ac_loading{background:url('/img/srloader.gif') right center no-repeat; margin-right:-4px;}
.ac_odd{background-color:#fff; border-top:1px #ccc solid; border-bottom:1px #ccc solid;}
.ac_over{background:#c5c5c5; color:#000;}

/* tags */
div.tagsinput {border:1px solid #CCC; background:#FFF; padding:5px; width:300px; height:100px; overflow-y:auto;}
div.tagsinput span.tag {border:1px solid #777; -moz-border-radius:2px; -webkit-border-radius:2px; display:block; float:left; padding:3px; text-decoration:none; background:#eee; color:#000; margin:0 5px 5px 0; font:11px Verdana;}
div.tagsinput span.tag a {font-weight:bold; color:#800d0d; text-decoration:none; font-size:11px; } 
div.tagsinput input {width:80px; margin:0px; font:11px Verdana; border:1px solid transparent; padding:3px; background:transparent; color:#000; outline:0px;  margin-right:5px; margin-bottom:5px;}
div.tagsinput div {display:block; float:left;} 
.tags_clear {clear:both; width:100%; height:0px;}
.not_valid {background:#FBD8DB !important; color:#90111A !important;}

/*products menu */
.topnav{width:158px;}
ul.topnav{padding:0; margin:0; font-size:1em; line-height:0.5em; list-style:none;}
ul.topnav li{list-style:none; font-family:Verdana; text-decoration:none; font-weight:normal; font-size:11px;}
ul.topnav li a{line-height:10px; padding:7px 3px 8px 7px; color:#fff; background:#2a2a2a; display:block; text-decoration:none; border-bottom:1px #373737 solid; position:relative;}
ul.topnav li a:hover{background:#eeb900; color:#363031;}
ul.topnav ul{margin:0; padding:0; display:none;}
ul.topnav ul li{margin:0; padding:0; clear:both;}
ul.topnav ul li a{line-height:10px; padding:6px 3px 7px 7px; color:#fff585; display:block; background:#3d3835; border-left:3px #2a2a2a solid; text-decoration:none; border-bottom:1px #2a2a2a solid; position:relative;}
ul.topnav ul li a:hover{background:#eeb900; color:000;}
ul.topnav ul ul li a{padding-left:7px; color:#fff; border-left:5px #3d3835 solid; background:#5f524a; text-decoration:none; position:relative;}
ul.topnav ul ul li a:hover{background:#eeb900; color:#000;}
ul.topnav span{float:right;}
ul.topnav li.active a{background:#ffb24f; color:#000;}
ul.topnav li.active a:hover{background:#ddd;}
ul.topnav ul li.active a{background:#ffb24f; color:#000;}
ul.topnav ul li.active a:hover{background:#eeb900;}
ul.topnav ul ul li.active a{background:#ffb24f; color:#000;}
ul.topnav ul ul li.active a:hover{background:#bbbb;}

/*jquery slider */
.frontdiv{border:6px #fff solid; background:#fff; border-radius:7px; box-shadow:1px 1px 5px #522e0b;}
.frontdivIE{border:1px #522e0b solid;}
#wowslider-container1{display:table; zoom:1; position:relative; width:100%; max-width:898px; max-height:390px; margin:0px auto 0px; z-index:90; text-align:left; /* reset align=center */ font-size:10px; text-shadow:none; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
* html #wowslider-container1{width:898px}
#wowslider-container1 .ws_images ul{position:relative; width:10000%; height:100%; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow:visible;}
#wowslider-container1 .ws_images ul li{position:relative; width:1%; height:100%; line-height:0; overflow:hidden; float:left; padding:0 0 0 0 !important; margin:0 0 0 0 !important;}
#wowslider-container1 .ws_images{position:relative; left:0; top:0; height:100%; max-height:390px; max-width:898px; vertical-align:top; border:none; overflow:hidden;}
#wowslider-container1 .ws_images a{width:100%; height:100%; max-height:390px; display:block; color:transparent;}
#wowslider-container1 img{max-width:none !important;}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{width:100%; border:none 0; max-width:none; padding:0; margin:0;}
#wowslider-container1 .ws_images > div > img {max-height:390px;}
#wowslider-container1 .ws_bullets{font-size:0px; float:left; position:absolute; z-index:70;}
#wowslider-container1 .ws_bullets div{position:relative; float:left}
#wowslider-container1 a.wsl{display:none}
#wowslider-container1 sound, #wowslider-container1 object{position:absolute}
#wowslider-container1 .ws_bullets{padding:10px}
#wowslider-container1 .ws_bullets a{margin-left:4px; bottom:-10px; width:10px; height:10px; background:url(/img/bullet.png) no-repeat left; float:left; text-indent:-4000px; position:relative; color:transparent; cursor:pointer}
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{background-position:right;}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev{position:absolute; display:none; top:50%; margin-top:-28px; z-index:60; height:39px; width:39px; background:url(/img/next-prev.png)}
#wowslider-container1 a.ws_next{background-position:top right; right:2px;}
#wowslider-container1 a.ws_prev{background-position:top left; left:2px;}
#wowslider-container1 a.ws_next:hover{background-position:bottom right;}
#wowslider-container1 a.ws_prev:hover{background-position:bottom left;}
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev{display:block}
#wowslider-container1 .ws_bullets{bottom:0px; left:50%}
#wowslider-container1 .ws_bullets div{left:-50%}

/* product remarks tabs */
.tab_container{border:1px solid #bbb; overflow:hidden; clear:both; float:left; width:100%; background:#fff;}
.tab_content{padding:10px;}
ul.tabs{margin:0; margin-top:25px; float:left; list-style:none; height:28px; border-left:1px solid #bbb; width:100%;}
ul.tabs li{float:left; margin:0; padding:0; height:28px; line-height:28px; border:1px solid #bbb; border-left:none; overflow:hidden; position:relative; background:#fff;}
ul.tabs li a{text-decoration:none; color:#000; display:block; font-size:1em; padding:0 20px; border:1px solid #fff; outline:none; line-height:28px;}
ul.tabs li a:hover{color:#000;}
html ul.tabs li.active{background:#fff; border-bottom:none; color:#000; background:url(/img/tabs.gif) repeat-x top #fff;}

/* σχετικά έγγραφα */
.datasheet{width:100%; font:12px Verdana; border-bottom:1px #C7998B solid;}
.datasheet .title{font:12px Verdana; color:#532300; margin:0 0 5px 5px; font-weight:bold;}
.datasheet .rows{border-top:1px #C7998B solid; font:11px Verdana; font-style:italic;}
.datasheet img{margin-bottom:-2px;}

/* tooltip διαθεσιμότητας */
[data-tooltip]{position:relative; z-index:20; cursor:default;}
[data-tooltip]:before,[data-tooltip]:after{visibility:hidden; opacity:0; filter:alpha(opacity=0); pointer-events:none}
[data-tooltip]:before{position:absolute; bottom:80%; left:50%; margin-bottom:5px; margin-left:-75px; padding:7px; width:140px; border:2px #fff solid; border-radius:7px; background:#796144; color:#fff; content:attr(data-tooltip); text-align:center; font-size:14px; line-height:1.2; font:12px Verdana; box-shadow:0 0 5px #777;}
[data-tooltip]:after{position:absolute; bottom:80%; left:50%; margin-left:-5px; width:0; border-top:5px solid #000; border-right:5px solid transparent; border-left:4px solid transparent; content:" ";}
[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible; opacity:1; filter:alpha(opacity=100);}


/* chat */
.chatbox{position:fixed; width:250px; display:none; z-index:1000}
.chatboxhead{background-color:#6179ab; padding:3px 5px 0px 5px; color:#fff; border-top:1px solid #45567a; border-right:1px solid #45567a; border-left:1px solid #45567a}
.chatboxblink{background-color:#9da2ae; border-right:1px solid #9da2ae; border-left:1px solid #9da2ae}
.chatboxcontent{font-family:Verdana; font-size:11px; color:#333; height:220px; width:234px; overflow-y:auto; overflow-x:auto; padding:7px; border-left:1px solid #888; border-right:1px solid #888; border-bottom:1px solid #ccc; background-color:#fff; line-height:16px}
.chatboxinput{padding:5px; background-color:#fff; border-left:1px solid #888; border-right:1px solid #888; border-bottom:1px solid #888}
.chatboxtextarea{width:231px; height:28px; padding:3px 0pt 3px 3px; border:2px solid #ddc7ae; font-family:Verdana; font-size:11px; margin:1px; overflow:hidden}
.chatboxtextareaselected{border:2px solid #ff9c00; margin:1px}
.chatboxmessage{margin-left:0px; border-bottom:1px #bbb solid; margin-bottom:5px; padding-bottom:3px}
.chatboxinfo{color:#666}
.chatboxmessagefrom{font-weight:bold; font-family:Verdana; font-size:11px;}
.chatboxmessagecontent{}
.chatboxoptions{float:right; font-family:Verdana; font-size:11px; color:#fff; font-weight:bold}
.chatboxoptions a{text-decoration:none; color:white; font-weight:bold; font-family:Verdana;}
.chatboxtitle{float:left; font-family:Verdana; font-size:11px; color:#fff; font-weight:bold}

#main_container {
	width:100%;
	background-color:#ffffff; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */
	overflow-x: hidden;
	overflow-y: scroll;
	height:100%;	/* this will make sure that the height will extend at the bottom */
	position:absolute; /* container div must be absolute, for our fixed bar to work */
}

.save{
	border-style: solid 2px;
	border-radius: 5px;
	color: white;
	font: 12px Tahoma;
	font-weight: bold;
	padding: 7px 8px 7px 28px;
	background:url(/img/saveacdc.png) no-repeat left center cornflowerblue;
}

.save:hover{
	background-color:rgb(125, 174, 262);
}