html { margin : 0; padding : 0; background-image : url('images/bg.jpg'); background-repeat:repeat; background-color : #000000; }
body { margin : 0; padding : 0; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #3F4554; min-height: 100%; height: 100%; }
* html img,
* html .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "images/system/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}

#wrapper { background: transparent; margin: 0 auto; height:auto !important; height: 100%; min-height:100%; width: 684px; }
.clearer { font-size: 0px; height: 0px; line-height: 0px; width: 100%; display: block; clear: both; }
#header { width: 100%; 244px; margin: 0px; padding: 0px; }
#flash { background-image : url('images/flash.jpg'); background-repeat : no-repeat; background-position : top; width: 388px; height: 244px; float:left; }
#right_header { width: 296px; float:left; }

/* photos.php */
#photos_main { font-size: 11px; font-weight:normal; display: block; padding-bottom: 15px; color: #767676; text-align: left; width: 373px; }	
	#photos_main a:link, #photos_main a:visited, #photos_main a:active { color: #3F4554; text-decoration: none; }
	#photos_main a:hover { color: #000000; 	text-decoration: none; }
	#photos_main img { padding: 5px; margin-right: 10px; display: block; border: solid 1px #000000; background-image : url('images/img_bg2.gif'); background-repeat: repeat; background-color : #000000;	}
.photos_title { width: 100%; float: left; font-size: 11px; font-weight: bold; padding-top: 10px; padding-bottom: 5px; }
	.photos_title a { color: #3F4554; text-decoration: none; }
	.photos_title a:hover { color: #000000; text-decoration: none; }
.photos_cat_title { width: 100%; float: left; font-size: 11px; font-weight: bold; padding-top: 10px; padding-bottom: 5px; }
	.photos_cat_title a { color: #3F4554; text-decoration: none; }
	.photos_cat_title a:hover { color: #000000; text-decoration: none; }
.photos_cat_more { font-size: 11px; font-weight:normal; display: block; padding-bottom: 15px; color: #767676; text-align: right; border-bottom: dotted 1px #767676; }	
	.photos_cat_more a:link, .photos_cat_more a:visited, .photos_cat_more a:active { color: #3F4554; text-decoration: none; }
	.photos_cat_more a:hover { color: #FF6600; 	text-decoration: none; }
#photos_list { padding-top: 10px; float: left; text-align: center; width:33%; }
	#photos_list img { height: 67px; width: 90px; padding: 5px; margin-right: 10px; display: block; border: solid 1px #000000;	background-image : url('images/img_bg.jpg'); background-repeat: repeat; background-color : #000000; } 
#photofoot { width: 100%; font-size: 9px; height:20px; }
.pre_next {font-size: 9px; }
	.pre_next a { width: 14px; height: 14px; background-color:#FD8606; color:#000000; border:#000000 solid 1px; text-align:center; display:inline; }
	.pre_next a:hover { color: #FFFFFF; text-decoration: none; background-color : #000000; }
	
	/* products.php */
.products_main { font-size: 11px; font-weight:normal; display: block; padding-bottom: 15px; color: #767676; text-align: left; width: 373px; }	
	.products_main a:link, #products_main a:visited, #products_main a:active { color: #3F4554; text-decoration: none; }
	.products_main a:hover { color: #000000; 	text-decoration: none; }
	.products_main img { padding: 5px; margin-right: 10px; display: block; border: solid 1px #000000; background-image : url('images/img_bg2.gif'); background-repeat: repeat; background-color : #000000; float:left;}
.products_title { width: 100%; float: left; font-size: 11px; font-weight: bold; padding-top: 10px; padding-bottom: 5px; }
	.products_title a { color: #3F4554; text-decoration: none; }
	.products_title a:hover { color: #000000; text-decoration: none; }
.products_cat_title { width: 100%; float: left; font-size: 11px; font-weight: bold; padding-top: 10px; padding-bottom: 5px; }
	.products_cat_title a { color: #3F4554; text-decoration: none; }
	.products_cat_title a:hover { color: #000000; text-decoration: none; }
.products_cat_more { font-size: 11px; font-weight:normal; display: block; padding-bottom: 15px; color: #767676; text-align: right; border-bottom: dotted 1px #767676; }	
	.products_cat_more a:link, .products_cat_more a:visited, .products_cat_more a:active { color: #3F4554; text-decoration: none; }
	.products_cat_more a:hover { color: #FF6600; 	text-decoration: none; }
#products_list { padding-top: 10px; float: left; text-align: center; width:33%; }
	#products_list img { height: 67px; width: 90px; padding: 5px; margin-right: 10px; display: block; border: solid 1px #000000;	background-image : url('images/img_bg.jpg'); background-repeat: repeat; background-color : #000000; } 
.products_list { padding-top: 10px; float: left; text-align: center; width:33%; }
	.products_list img { height: 67px; width: 90px; padding: 5px; margin-right: 10px; display: block; border: solid 1px #000000;	background-image : url('images/img_bg.jpg'); background-repeat: repeat; background-color : #000000; } 
#photofoot { width: 100%; font-size: 9px; height:20px; }
.pre_next {font-size: 9px; }
	.pre_next a { width: 14px; height: 14px; background-color:#FD8606; color:#000000; border:#000000 solid 1px; text-align:center; display:inline; }
	.pre_next a:hover { color: #FFFFFF; text-decoration: none; background-color : #000000; }
	
#container { width: 100%; background-image : url('images/mainbg.png'); background-repeat : repeat-y; background-position : top; padding: 0px; vertical-align:top; }

#time_lang { background-image : url('images/time_lang.png'); background-repeat : no-repeat; background-position : top; width: 296px; height: 38px; padding-top: 10px; font-size:9px; vertical-align:middle; }
	#time_lang a { padding-left: 30px; color: #999999; text-decoration: none; }
	#time_lang a:hover { color: #000000; text-decoration: none; }
#menu_bg { background-image : url('images/menu.png'); background-repeat : no-repeat; background-position : top; width: 296px; height: 196px; }

#black { width: 5px; }
#cont { width: 383px; margin-left: 10px; }
#prod_row { width: 183px; vertical-align:top; }
#row4 { width: 113px; }


#main_content{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding-left: 5px; padding-right: 5px; }
#main_content a { color:#FF6600; text-decoration:none; }
#main_content a:hover { color:#FF6600; text-decoration:underline; }
.main_img { font-size:11px; }
.main_img img { border: 1px solid #BCD6E3; padding: 5px; margin: 5px; }
.title { width: 100%; float: left; font-size: 11px; font-weight: bold; padding-top: 10px; padding-bottom: 5px; }
	.title a { color: #3F4554; text-decoration: none; }
	.title a:hover { color: #000000; text-decoration: none; }
#footer_bg { 
background-image : url('images/footer_bg.png');
background-repeat : no-repeat;
background-position : top;
width: 684px;
height: 49px;
}
#footer_text {
color:#FFFFFF;
padding-top: 24px;
padding-left: 18px;
}

#prod_menu1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding-left: 18px;
padding-right: 5px;
padding-top: 44px;
line-height: 18px;
background-image : url('images/prod_title.jpg');
background-repeat : no-repeat;
background-position : top;
}

#prod_menu1 A:link {
color: #666666;
text-align : left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
letter-spacing: 1px;
	padding-left: 12px;
	background-image: url('images/menu_bullet.jpg');
	background-repeat: no-repeat;
}
#prod_menu1 A:active {
color: #000000;
text-align : left;
text-decoration: none;
padding-left: 19px;
	background-position: 0px -104px;
}
#prod_menu1 A:visited {
color: #666666;
text-align : left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
letter-spacing: 1px;
	padding-left: 12px;
	background-image: url('images/menu_bullet.jpg');
	background-repeat: no-repeat;
}
#prod_menu1 A:hover {
color: #000000;
text-align : left;
text-decoration: none;
padding-left: 19px;
	background-position: 0px -104px;
}


#prod_menu2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding-left: 18px;
padding-right: 5px;
padding-top: 44px;
line-height: 18px;
background-image : url('images/prod_title2.jpg');
background-repeat : no-repeat;
background-position : top;
}

#prod_menu2 A:link {
color: #666666;
text-align : left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
letter-spacing: 1px;
	padding-left: 12px;
	background-image: url('images/menu_bullet.jpg');
	background-repeat: no-repeat;
}
#prod_menu2 A:active {
color: #000000;
text-align : left;
text-decoration: none;
padding-left: 19px;
	background-position: 0px -104px;
}
#prod_menu2 A:visited {
color: #666666;
text-align : left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
letter-spacing: 1px;
	padding-left: 12px;
	background-image: url('images/menu_bullet.jpg');
	background-repeat: no-repeat;
}
#prod_menu2 A:hover {
color: #000000;
text-align : left;
text-decoration: none;
padding-left: 19px;
	background-position: 0px -104px;
}


#main_menu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding-left: 10px;
padding-right: 5px;
padding-top: 20px;
line-height: 18px;
vertical-align:middle;
margin: auto;
}

#main_menu A:link {
color: #666666;
text-align : left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
letter-spacing: 1px;
	padding-left: 12px;
	background-image: url('images/main_menu_bullet.jpg');
	background-repeat: no-repeat;
}
#main_menu A:active {
color: #FF9900;
text-align : left;
text-decoration: none;
padding-left: 19px;
	background-position: 0px -104px;
}
#main_menu A:visited {
color: #666666;
text-align : left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
letter-spacing: 1px;
	padding-left: 12px;
	background-image: url('images/main_menu_bullet.jpg');
	background-repeat: no-repeat;
}
#main_menu A:hover {
color: #FF9900;
text-align : left;
text-decoration: none;
line-height: 18px;
	background-position: 0px -104px;
}

.printfr {
	font-size: 9px;
	text-align: right;
	font-weight:bold;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666666;
}
.printfr a {
	color: #666666;
	text-decoration: none;
	}
.printfr a:hover {
	color: #000000;
	text-decoration: none;
	}

/* CSS FORM */

.cssform p{
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 5px; /*width of left column containing the label elements*/
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.cssform label{
font-weight: bold;
font-size: 10px;
float: left;
vertical-align:middle;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left: 0px; /*width of left column*/
margin-top: 8px;
margin-right: 5px;
width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align:right;
}
.cssform legend{
font-weight: bold;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
color:#003366;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border: solid 1px gray;
font-size: 10px;
margin-top: 8px;
margin-bottom: 8px;
color: #333333;
}
.cssform input[type="submit"]{ /*width of text boxes. IE6 does not understand this attribute*/
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
background:url(http://www.e-kivos.gr/images/formbg.gif) repeat-x left top;
margin: 8px;
font-weight: bold;
text-align:center;
padding: 5px;
}
.cssform input[type="reset"]{ /*width of text boxes. IE6 does not understand this attribute*/
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
background:url(http://www.e-kivos.gr/images/formbg.gif) repeat-x left top;
margin: 8px;
font-weight: bold;
text-align:center;
padding: 5px;
}
.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border: solid 1px gray;
font-size: 10px;
margin-top: 8px;
margin-bottom: 8px;
color: #333333;
}
.cssform input.readonly {
background:#aaccff;
}
.cssform input{
border: solid 1px gray;
font-size: 10px;
color: #333333;
margin-top: 8px;
margin-bottom: 8px;
vertical-align:middle;
}

.cssform select {
border: solid 1px gray;
font-size: 10px;
color: #333333;
margin-top: 8px;
margin-bottom: 8px;
}
.cssform fieldset {
margin: 20px;
}
.cssform textarea{
width: 90%;
height: 150px;
}
#form_com { font-size: 9px; padding: 10px; font-style:italic; }

* html .threepxfix{
margin-left: 3px;
}
/* END CSS FORM */
.pagination{
padding: 2px; 
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 10px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 2px; 
padding-top: 2px; 
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #FF6600;
text-decoration: none; 
color: #FF6600;
padding-bottom: 2px; 
padding-top: 2px; 
}

.pagination a:hover, .pagination a:active{
border: 1px solid #000000;
color: #000000;
background-color: #FD8606;
}

.pagination a.currentpage{
background-color: #FF9900;
color: #FFF !important;
border-color: #000000;
font-weight: bold;
cursor: default;
}
.pagination a.currentpage:hover{
background-color: #000000;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: transparent;
border-color: transparent;
cursor: default;
color: #666666;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
border-color: transparent;
background-color: transparent;
}
.validator {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight:normal;
	padding-left: 180px;
	text-align:right;
	color: #FFCC00;
}
.validator a {
	color: #FFCC00;
	text-decoration: none;
	}
.validator a:hover {
	color: #FF9900;
	text-decoration: none;
	}
	
	
	
	
	
	
	
	
	
/* Sample 5*/
#box5{
	position:absolute;
	width:160px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}


.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:160px;
	height:30px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:11px;
	font-weight:bold;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:9px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:160px;
	height:120px;
	overflow:hidden;
	margin:0 auto;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
	width:160px;
	height:120px;
}
.articles_main {
display:block;
border-bottom:1px dotted #666666;
padding-bottom:10px;
}
.articles_title { width: 100%; font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 5px; }
	.articles_title a { color: #3F4554; text-decoration: none; }
	.articles_title a:hover { color: #000000; text-decoration: none; }
.articles_subtitle { width: 100%; font-size: 10px; font-style:italic; padding-top: 2px; padding-bottom: 5px;}
	.articles_subtitle a { color: #3F4554; tex0-decoration: none; }
	.articles_subtitle a:hover { color: #000000; text-decoration: none; }
.articles_cont { width: 100%; font-size: 11px;}
	.articles_cont img { width:80px; height:auto; padding-right:5px; }
	.articles_cont a { color: #3F4554; text-decoration: none; }
	.articles_cont a:hover { color: #000000; text-decoration: none; }
.articles_cont2 { width: 100%; font-size: 11px;}
	.articles_cont2 a { color: #3F4554; text-decoration: none; }
	.articles_cont2 a:hover { color: #000000; text-decoration: none; }
.articles_more { width: 100%; font-size: 10px; font-style:italic; padding-top: 10px; padding-bottom: 10px; text-align:right; }
	.articles_more a { color: #3F4554; tex0-decoration: none; }
	.articles_more a:hover { color: #000000; text-decoration: none; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
z-index:1000;
margin:25px 0 50px 15px; /* this page only */
}
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
.menu li {
color: #666666;
position:relative;
line-height: 18px;
vertical-align:middle;
}
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
line-height: 18px;
vertical-align:middle;
color:#000;
width:149px;
text-indent:5px;
	padding-left: 12px;
	background-image: url('images/main_menu_bullet.jpg');
	background-repeat: no-repeat;
}
* html .menu a, * html .menu a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
* html .menu a:hover {color:#fff; background-position: 0px -104px;}
.menu :hover > a {
color: #FF9900;
background-position: 0px -104px;
}
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px; 
background:#FFFFFF;
}
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}
.menu ul :hover ul ul{
visibility:hidden;
}
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}





.menu2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
z-index:1000;
margin:25px 0 50px 15px; /* this page only */
}
.menu2 ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
* html .menu2 ul {margin-left:-16px; ma\rgin-left:0;}
.menu2 li {
color: #666666;
position:relative;
line-height: 18px;
vertical-align:middle;
}
.menu2 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
.menu2 a, .menu2 a:visited {
display:block; 
text-decoration:none;
line-height: 18px;
vertical-align:middle;
color:#000;
width:149px;
margin-bottom:10px;
padding:5px;
}
* html .menu2 a, * html .menu2 a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
* html .menu2 a:hover {color:#fff; background-color:#333333;}
.menu2 :hover > a {
color: #FF9900;
background-color:#333333;
}
.menu2 ul ul {
visibility:hidden;
position:absolute;
bottom:0;
left:150px; 
background:#E6E6E6;
}
.menu2 ul li:hover ul,
.menu2 ul a:hover ul {
visibility:visible;
}
.menu2 ul :hover ul ul{
visibility:hidden;
}
.menu2 ul :hover ul :hover ul ul{
visibility:hidden;
}
.menu2 ul :hover ul :hover ul{ 
visibility:visible;
}
.menu2 ul :hover ul :hover ul :hover ul { 
visibility:visible;
}