*{margin:0;padding:0;}

html, body{
width:100%;
height:100%;
background: url(pic/bg_body.png) repeat-x;
font-family: Arial, Geneva, Helvetica, sans-serif;
}

#page{
border: 1px solid white;
margin: auto;
width: 1000px;
background-color: #000;
margin-top: 10px;
}

#Top{
width: 1000px;
height: 403px;
background: url(pic/bg_top.jpg) no-repeat;
}
#logo_link{
margin: 10px 0px 0px 25px;
width: 120px;
height: 120px;
}

a.steplo{
position:absolute;
color: #999;
text-decoration: none;
font-size: 100%;
font-weight: bold;
margin: 60px 0px 0px 90px;
}

#Top2Lay{
width: 1000px;
height: 179px;
}

/* ********Μενώ************* */
#MainMenu{
color: #fff;
margin-left: 50px;
}

#MainMenu li{
display:block; 
margin: 0 0 0 60px;
padding: 0;
float: left;
display: inline;
list-style: none;
position: relative;
height: 30px;
font-size: 120%;
}

#MainMenu li a{
color: #fff;
text-decoration: none;
}

#MainMenu li a:hover{
color: #ff0000;
}

#MainMenu li a span{
color: #ff0000;
}

#mmenu{
background-color: #000;
background: url(pic/bg_catalog.jpg) no-repeat;
}

#Catalog{
color: #fff;
width: 96%;
margin: auto;
}

#Catalog tr td{
padding: 0px 3px 0px 3px;
}

#Catalog tr td ul li{
color: #fff;
list-style: none;
margin-top: -3px;
padding: 0px;
}

#Catalog tr td ul li a{
font-size: 70%;
color: #fff;
text-decoration: none;
}
#Catalog tr td ul li a:hover{
background-color: #ff0000;
color: #fff;
}

#Catalog tr td ul li a.active{
font-size: 70%;
color: #fff;
text-decoration: none;
background-color: #ff0000;
}
#Catalog tr td ul li a.active:hover{
background-color: #fff;
color: #000;
}


a.red{
color: #ff0000;
text-decoration: none;
font-weight: bold;
font-size: 90%;
}
a.red:hover{
color: #fff;
}

#MainLeft{
background-color: #fff;
width: 630px;
float: left;
padding: 10px;
}

#MainLeft p{
font-size: 90%;
padding: 10px;
text-align: justify;
}

#MainRight{
background-color: #fff;
width: 320px;
float: right;
border-left: 1px dotted #999;
padding: 10px;
display: table-cell;
vertical-align: middle;
}


#MainLeft2Lay{
background-color: #fff;
width: 700px;
float: right;
padding: 10px;
}

#MainLeft2Lay p{
font-size: 90%;
padding: 10px;
text-align: justify;
}

#MainRight2Lay{
background-color: #fff;
width: 250px;
float: left;
border-right: 1px dotted #999;
padding: 10px;
display: table-cell;
vertical-align: middle;
}


p#part{
background-color: #0071d6;
color: #fff;
width: 230px;
height: 18px;
font-size: 95%;
font-weight: bold;
padding: 5px;
margin-top: 10px;
}
p#part a {
display:block; 
text-decoration: none;
color: #fff;
margin-left: 10px;
}
p#part a:hover {
border-bottom: 1px solid #fff;
}
#news_name{
color: #0071d6;
font-size: 80%;
font-weight: bold;
margin: 10px;
}
#news_text{
text-align: justify;
margin: 10px;
font-size: 80%;
color: #8f8f8f;
}


#breadcrumb{
font-size: 80%;
margin-left: 20px;
border-bottom: dotted 1px #000;
}

h1{
color: #0071d6;
}

a{
color: #62bbe8;
text-decoration: underline;
font-size: inherit;
font-weight: inherit;
}

a:hover{
color: #000;
}

div#cat_right{
margin-top: 15px;
}
div#cat_right h1 {
font-size: 110%;
color: #0e82c7;
}

div#cat_right p {
font-size: 70%;
font-weight: bold;
}

div#cat_part{
float: left;
margin: 0;
padding: 0;
}

div#width70{
width: 55%;
float: left;
}
div#width30{
width: 40%;
float: left;
}

.box{
margin: 10px 0 10px 10px;
font-size: 100%;
font-weight: bold;
list-style: none;
}

.box li{
padding: 3px;
}

.box li#active{
background-color: #62bbe8;
background: url(pic/menu_arr.png) no-repeat right;
}

.box li#active a{
color: #fff;
text-decoration: none;
}
#submit_f{
margin-top: 15px;
background-color: #62bbe8;
color: #fff;
border: 1px solid #449cc8;
font-size: 100%;
font-weight: bold;
}

table#mnf tr td{
padding:4px;
border-bottom: 1px dotted #999;
font-size: 90%;
}

ul#mnf {
font-size: 90%;
margin: 15px 0 15px 15px;
}

ul#mnf li {
margin-top: 10px;
font-size: 90%;
}

ul#mnf li a{
color: #ff0000;
text-decoration: underline;
}
ul#mnf li a:hover{
color: #000;
}

table#cat_photo{
margin: 85px 0 0 10px;

}

ul#podcat{
margin: 0px 0px 10px 30px;
}

img#icon_cat{
margin: 5px;
text-align: left;
}

ul#simcat{
border: 1px solid #777;
}
ul#simcat li a{
color: #000;
text-decoration: none;
}
ul#simcat li a:hover{
color: #000;
text-decoration: underline;
}
ul#simcat li {
padding: 3px;
}
li#odd {
display:block; 
background-color: #fafafa;
}

li#even {
display:block; 
background-color: #eee;
}
 
div#price{
padding: 10px;
}
div#price h4{
color: #62bbe8;
}
div#price ol{
font-size: 80%;
color: #7b7b7b;
margin-left: 20px;
}
div#price ol li{
margin-top: 15px;
border-bottom: 1px dotted #999;
}

div#price ul{
padding: 20px;
}
div#price ul li {
margin-top: 20px;
}
div#price ul li a {
font-weight: bold;
}
div#price ul li span {
font-size: 70%;
color: #777;
}
div#support ul li{
margin-top: 15px;
border-bottom: 1px dotted #999;
font-size: 80%;
color: #7b7b7b;
margin-left: 20px;
}

.newsslider {position:relative; overflow:hidden; border-top:1px dotted #999; border-bottom:1px dotted #999; height:150px; width:600px; background:#fff; margin:0px}
.newsslidercontent {position:absolute}
.newsslidercontent .upper {border-bottom:1px solid #9ac1c9}
.newssection {height:150px}

p#service_name{
color: #4497e1;
font-size: 80%;
font-weight: normal;
}
p#service_text{
text-align: justify;
margin: -10px 0 0 0;
font-size: 80%;
color: #000;
}

.sortable {width:100%; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px; font-size: 90%;}
.sortable th {background:url(images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1; font-size: 0.8em;}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#controls {width:980px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:580px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}


div#company p{
margin: 5px;
font-size: 80%;
}
div#company img{
margin: 10px;
}

div#tbn{
font-size: 80%;
}
div#tbn img{
margin: 10px;
}

table#navpanel{
width: 102%;
height: 100px;
background: url(pic/bg_navpanel.png) repeat-x;
margin-left: -10px;
}

ul#navpanel li{
float: left;
margin: 5px 10px 5px 15px;
list-style: none;
}
ul#navpanel li a{
color: #fff;
}
ul#navpanel li a:hover{
color: #000;
}
ul#navpanel li h1 span{
font-size: 60%;
color: #000;
font-weight: normal;
}
ul#navpanel li h1{
color: #fff;
font-size: 130%;
}

.dropdown {float:left; padding-right:5px; font-size: 80%;}
.dropdown dt {width:268px; border:1px solid #fff; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)}
.dropdown dt:hover {background:url(images/header_over.gif)}
.dropdown dd {position:absolute; overflow:hidden; width:288px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {width:284px; border:1px solid #4ccef9; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#ecf2f6; width:274px; border-bottom:1px solid #4ccef9 }
.dropdown a:hover {background:#fff; color:#000}

.dropdown a.active, .dropdown a.active:active, .dropdown a.active:visited {background-color:#62bbe8;}

p#small{
color: #999;
font-size: 80%;
}
p#cat_text{
font-size: 80%;
font-weight: bold;
}

div#tabs_content{
margin: 0;
font-size: 80%;
}

div#price_content{
margin: 0px 0;
font-size: 60%;
}

div#price_content h3{
font-size: 110%;
}

h3#subname{
color: #333;
font-size: 90%;
}

div#tbn{

}

ul#tbn_menu{
margin: 0px 0 10px 100px;
padding: 10px;
font-size: 90%;
border-bottom: 1px dotted #999;
}

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

ul#tbn_menu li a.active{
font-weight: bold;
color: #000;
}