/* 
  main application css 
  WGR.gr research and development department
*/

@CHARSET "UTF-8";

html
{
	overflow-y:scroll;
	overflow-x:auto;
}

body
{
	padding:0px;
	margin:0px;
	color:white;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	background-color: #1F1A17;
}

div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td 
{
	margin:0;	
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
display: inline;
}

img 
{ 
  border: none;
}

a,a:VISITED
{
	color:#FFF30A;
	text-decoration: none;
}

a:HOVER
{
	text-decoration: underline;
}

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



.menuBg a,.menuBg a:VISITED
{
	display:block;
	width:100%;
	color: white; 
	text-align:left;
	text-decoration: none !important;
}

.menuBg a:HOVER
{
	background-color:#AC7C14;
	text-decoration: none !important;
}


.hoverTopCategory a,.hoverTopCategory a:VISITED
{
	width:208px;
	height: 23px;
	text-align: center;
	padding-top:5px;
	color:black;
	background-image:url("../Images/menuBtn.png");
	background-position:top center;
	background-repeat:no-repeat;
	font-weight: bold;
	text-decoration: none !important;
	display: block;
}

.menusHead
{
	width:600px;
	height:50px;
	text-align: center;
	padding-top:100px;
	display:block;
	background-image:url("../Images/menusHead.jpg");
	background-position:top center;
	background-repeat:no-repeat;	
  font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
  font-size: 22px;
	color: white;
	text-shadow: 0.1em 0.1em orange;	
	letter-spacing:5px;
}

.menusBody
{
	width:600px;
	padding-left: 20px;
	padding-right: 40px;
	background-image:url("../Images/menusBody.jpg");
	background-repeat: repeat-y;
}

.menusEnd
{
}

.menusPic
{
	width:200px;
	vertical-align: middle;
	text-align: center;
}

.menusProduct
{
	padding-bottom: 47px;
	background-image:url("../Images/olive1.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.menusDesc
{
	text-align:left;
	font-size: 110%;
}

.menusPrice
{
	text-align: right;
	font-size: 130%;
	color: #D19330;
}
.large 
{
	font-size:110%;
}

.small 
{
	font-size:85%;
}

.bold
{
	font-weight:bold;
}
.formInput
{
	background-image: url("../Images/admin_formInput.png");
	background-repeat: repeat-y;
	background-position:left;
	border: solid 1px #AAAAAA;
	background-color: #D5D0CA;
	text-align: left;
}

.formLabel
{
	background-image: url("../Images/admin_formLabel.png");
	background-repeat: repeat-y;
	background-position:right;
	border: solid 1px #AAAAAA;
	background-color: #D5D0CA;
	text-align: right;
}

.actionButton
{
	color:#000000;
	background-image: url('../Images/btnBg.gif');
  background-repeat: repeat-x;
  text-align: center;
  height:20px;
  border: #CFCFCF 2px solid;
  text-decoration: none;
}

.actionButton a
{
	color:#FFFFFF;
	background-image: url('../Images/btnBg.gif');
  background-repeat: repeat-x;
  text-align: center;
  height:20px;
  border: #CFCFCF 2px solid;
  text-decoration: none;
}

.actionButton:HOVER
{
	background-image: url('../Images/btnBgOn.gif');
  background-repeat: repeat-x;
}

/* <COMMON CSS> */

.verticalTop
{
	vertical-align: top;
}

.verticalMiddle
{
	vertical-align: middle;
}

.verticalBottom
{
	vertical-align: bottom;
}

.height100
{
	height: 100%;
}

.height90
{
	height: 90%;
}

.height70
{
	height: 70%;
}
.right
{
  text-align: right;	
}

.center
{
  text-align: center; 	
}

.justify 
{
  text-align: justify;	
}

.left
{
	text-align: left;
}

.black
{
	color:black;
}

.width100
{
	width: 100%;
}

.width100px
{
	width: 100px;
}
.width90
{
	width: 90%;
}

.width80
{
	width: 80%;
}

.width20
{
	width: 20%;
}
.width60
{
	width: 60%;
}
.block 
{
	display:block;
}
.width10
{
	width: 10%;
}

.width77
{
	width: 77%;
}
/* </COMMON CSS> */

h6
{
	font-size: inherit;
	color: #FFF30A;
}

.sButton a,.sButton a:VISITED
{
	width:112px;
	height:20px;
	display:block;
	background-color:#C09230;
  font-weight:bold;
  padding-top:4px;
  color:white;
	vertical-align:middle;
	text-align: center;
	text-decoration: none !important;  
	border: 1px solid white;  
}

.sButton a:HOVER
{
	border: 1px solid black;
	background-color:#F7BC3D;
	background-repeat:repeat-x;
	display:block;
}
.width150px
{
	width:150px;
}

.sButton2 a,.sButton2 a:VISITED
{
	height:20px;
	display:block;
	background-color:#E67016;
  font-weight:bold;
  padding-top:4px;
  color:white;
	vertical-align:middle;
	text-align: center;
	text-decoration: none !important;  
	border: 1px solid white;
}

.sButton2 a:HOVER
{
	border: 1px solid black;
	background-color:#CD8A31;
	background-repeat:repeat-x;
	display:block;
}

.sButton3 a,.sButton3 a:VISITED
{
	width:280px;
	height:30px;
	display:block;
	background-image: url("../Images/sButton3.png");
	background-repeat:no-repeat;
  font-weight:bold;
  font-size:110%;
  padding-top:7px;
	text-align: center;
	filter: alpha(opacity = 70);  
	-moz-opacity: 0.70;  
	-khtml-opacity: 0.70;  
	opacity: 0.70;
	text-decoration: none !important;  
}

.sButton3 a:HOVER
{
	filter: alpha(opacity = 95);  
	-moz-opacity: 0.95;  
	-khtml-opacity: 0.95;  
	opacity: 0.95;
	display:block;
}

#path a
{
	color: #6EA6D9;
}

#path a:HOVER 
{
	color: #ACCCEA;
	text-decoration: none;	
}

#logo
{
	position: fixed;
	display: block;
	left: -100px; 
	top: -100px; 
	width: 10px;
	height: 10px; 
	z-index: 6;
	background-color: #1F1A17;
}

#loading
{
	position: absolute;
	left: 0px;
	top: 0px; 
	width: 100%;
	height: 100%;
}

#left
{
	position: absolute;
	display: block;
	padding-top: 120px;
	left: -300px; 
	top: -100px; 
	width: 250px; 
	z-index: 1;
}

#mainUp,#mainDown
{
	position: fixed;
	display: block;
	left: -100px; 
	top: -100px; 
	width: 680px;
	height: 19px; 
	background-color: #1F1A17;
	z-index: 6;
}

#mainUpImg,#mainDownImg
{
	position: fixed;
	display: block;
	left: -100px; 
	top: -100px; 
	width: 680px;
	height: 19px; 
	z-index: 6;
}

#mainMiddle
{
	position: fixed;
	display: block;
	left: -100px; 
	top: -100px; 
	width: 680px;
	height: 19px; 
	background-image:url("../Images/mainMiddle.png");
	background-repeat: repeat-y;
	background-position: left;
	background-color: #1F1A17;
	z-index: 2;
}

#cShow
{
	position: fixed;
	left: -100px; 
	top: -100px; 
	width: 10px;
	height: 10px; 
	z-index: 6;
	display:block;
	overflow:hidden;
}


.barMenu
{
	position: relative;
	left: 15px; 
	top: -2px; 
	width:170px;
	z-index: 2;
	display:block;
		font-family: MuseoSans-700,Arial,Sans-Serif;
	font-size: 14px;	
		padding-left:5px;
	background-color: black;
}

#img1
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
}

#bar
{
	position: fixed;
	left: 0px;
	top: -50px; 
	height:30px; 
	width:500px;
	padding-left: 140px; 
	z-index: 7; 
	height: 30px; 
	display:table;
	border:none;
	border-spacing: 0px;
	background-image: url("../Images/leftPlus.png");
	background-repeat:repeat-y;
	background-position:0px 0px;
}

#bar span
{
	display: table-cell;
	color: white;
	text-align: center;
	width:100px;	
	font-family: MuseoSans-700,Arial,Sans-Serif;
	font-size: 14px;
	line-height: 30px;
	vertical-align: middle;
	cursor: pointer;
	border:none;
	border-spacing: 0px;
}

#page
{
	font-size: 120%;
	display:block;
	padding:5px;
	width: 690px; 
	color: white;
	background-color: black;
}




#path
{
		padding-bottom:10px;
		color: white;
}

#path a
{
	color: white;
}

#path a:HOVER 
{
	color: #AF095D;
	text-decoration: none;	
}

#bgLines
{
	position: fixed;
	display: block;
	left: -100px; 
	top: -100px; 
	width: 10px;
	height: 10px; 
	z-index: 1;
}

#black2
{
	position: fixed;
	display: block;
	background-image:url("../Images/black2.png");
	background-repeat:repeat;
	left: -100px; 
	top: -100px; 
	width: 10px;
	height: 10px; 
	z-index: 2;
}

#leftMenu
{
	position: absolute;
	display: block;
	left: -300px; 
	top: 0px; 
	width: 200px;
	z-index: 2;
}

#main
{
	position: absolute;
	display: block;
	left: -800px; 
	top: 10px; 
	width: 700px;
	z-index: 3;
	opacity:0;
}

 .barBtn
 {
  display: block;
  width: 200px;
  height: 30px;
  margin-top: 4px;
  line-height: 30px;
  vertical-align: middle;
  padding-left: 30px; 
	background-image: url("../Images/barBg.png");
	background-repeat:repeat-y;
	background-position:0px -60px;  
	cursor: pointer;
	font-family: MuseoSans-700,Arial,Sans-Serif;
	font-size: 14px;	
	letter-spacing: 1px;
 }