*{
padding: 0;
margin: 0;
outline: 0;
}
body, html {
color: #333333; 
font-family: Tahoma, sans-serif;
text-align: center;
height: 100%;
/*background: #ffffff url(../images/design/body_bg.gif) repeat-x left top;*/
}
body {
font-size:12px;
}
p {padding: 7px 0 7px 0;}

a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}

img{
	border:0;
}
h3{
	color:#415467;
	font-size:18px;
	font-weight: normal;
}
h1{
	color:#415467;
	font-size:20px;
	font-weight: normal;
	padding-bottom: 10px;
}
h1 a{
	color:#415467;
	text-decoration: none;	
}
h1 a:hover{
	color:#509DD9;
	text-decoration: none;
}
.clear { clear: both; }
#mainContainer {
width: 1000px;
margin: 0 auto;
min-height: 100%;
text-align: left;
}
* html #mainContainer {
height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

ul{
line-height:1.4em;
list-style-position:outside;
margin:3px 3px 10px 20px;
padding:0 2px 0 5px;
text-indent:2px;
}
/**************************
HEADER
**************************/
#header {
/*background: #e2e2e7 url(../images/design/header.jpg) no-repeat;*/
height: 345px;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 237px;
}
* html .outer {
padding-right: 253px; /* Normally this shouldn't be in this hack, it should be in .outer, but because of IE7 I had to */
}
.inner {
width: 763px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
padding-bottom: 136px;
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 747px;
margin-left: -237px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 510px;
background: #ffffff url(../images/design/content_bg.gif) left top repeat-x;
}
* html #content {
position: relative;
}

.contentWrap{
padding: 35px 5px 0 5px;
overflow: hidden;
position: relative;
width: 500px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 195px;
padding: 0 20px 0 22px;
background: #ffffff url(../images/design/content_bg.gif) left top repeat-x;
}
* html #left {
position: relative;  /*** IE needs this  ***/
}

/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 237px;
background: #ffffff url(../images/design/content_bg.gif) left top repeat-x;
padding-left: 16px;
}
* html #right {
position: relative;  /*** IE needs this  ***/
margin-right: -253px; /*** IE gets this margin. ***/
}
/**************************
FOOTER
**************************/
#footer {
width: 1000px;
height: 136px; 
margin: 0 auto;
margin-top: -136px;
text-align: center;
background: #085fae url(../images/design/footer_bg.gif) left top repeat-x;
}



/**/

/*Μενώ start*/
ul.dealersmenu{border-top:3px solid #c81d01;	border-bottom:3px solid #c81d01;	color:#c81d01;}
ul.dealersmenu li a{color:#c81d01; background:#ffffff url(../images/design/menu_pimp_red.gif) 171px center no-repeat;}
ul.dealersmenu li a:hover, ul.dealersmenu li.over a{background: #c81c00 url(../images/design/menu_pimp_white.gif) 171px center no-repeat;}


.menu{
font-family: Arial;
border-top:3px solid #0380c3;
border-bottom:3px solid #048ecb;
width:195px;
list-style: none;
margin: 0;
padding: 0;
}
.menu li{
background: #ffffff url(../images/design/menu_li_bg.gif) left top repeat-x;
padding-top: 1px;
height: 29px;
position: relative;
/*z-index: 100;*/
}
.menu li a{
height: 29px;
line-height: 29px;
display: block;
padding: 0 0 0 20px;
color: #00548f;
text-decoration: none;
background: #ffffff url(../images/design/menu_pimp_blue.gif) 171px center no-repeat;
}
.menu li a:hover,.menu li.over a{
background: #0154a7 url(../images/design/menu_pimp_white.gif) 171px center no-repeat;
color: #ffffff;
text-decoration: none;
position: relative;
}
.menu li:first-child{
	background: none;
	padding: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu  li a { height: 1%; }
/* End */

ul.menu li ul {
	position: absolute;
	display: none;
	left: 195px; 
	top: 1px;
	background-color: #ffffff;	
	width: 186px;
	list-style: none;
	margin: 0;
	padding: 0;	
}
ul.menu li.over ul li {
	background-position: 1px;	
}
ul.menu li.over ul li:last-child{
	/*border-top: none;
	border-bottom: none;	*/
}
ul.menu li.over ul li a{
	background: #0154a7 url(../images/design/menu_sub_bg.jpg) left top no-repeat;
}
ul.menu li.over ul li a:hover{
	background: #0154a7 url(../images/design/menu_sub_bg.jpg) left top no-repeat;
}

ul.menu li:hover ul ul,ul.menu li:hover ul ul ul,ul.menu li.over ul ul,ul.menu li.over ul ul ul { display: none; }
ul.menu li:hover ul,ul.menu li li:hover ul,ul.menu li li li:hover ul,ul.menu li.over ul,ul.menu li li.over ul,ul.menu li li li.over ul { display: block; }

ul.dealersmenu li.over ul li a{background: #c81c00 url(../images/design/menu_sub_bg_red.jpg) left top no-repeat;}
ul.dealersmenu li.over ul li a:hover{background: #c81c00 url(../images/design/menu_sub_bg_red.jpg) left top no-repeat;}
/*Menu end*/

/*Banner start*/
#banner{
	margin:25px 0 25px 0;
}
/*Banner end*/

/*Fotter start*/
#footer #phone{
float: left;
margin-left: 30px;	
}
#footer span{
	float: left;
	width: 140px;
	text-align: left;
	font-family: Tahoma,Arial;
	font-size: 11px;
	margin: 60px 0 0 20px;
	color: #ffffff;
}
#footer #counters{
	float: left;
	width: 230px;
	margin-top: 60px;
}
/*Fotter end*/

/*Ramka start*/
#ramka{
	height: 272px;
	background: #ffffff url(../images/design/ramka.jpg) left top no-repeat;	
	padding: 8px 0 0px 12px;
}
#ramka #ads{
	
}
/*Ramka end*/
.right_sep{
	margin: 15px 0;
}

.right_info{
	border-bottom: 1px dotted #2b8ddc;
	padding: 0 0 10px 0;
	margin: 15px 0 0 0;
}
.right_info span{
background-color: #0055ab;
color:#ffffff;
padding: 1px 4px;
font-size: 11px;
margin: 0 5px 5px 0;
}
.right_info a{
font-family: Tahoma;
color:#1381a7;
text-decoration: none;
}
.right_info a:hover{
color:#1381a7;
text-decoration: underline;
}

#header_map{
	position: absolute;
	float: left;
	margin-left: 509px;
	margin-top: 50px;
}
#flash{
	float: left;
	height: 345px;
}
#header_map a{
	display: block;
	width:140px;
	height: 90px;
	background: url(../images/design/1px.jpg);
}

.diski{
width: 500px;
height: 230px;
float: left;
clear: both;
text-align: justify;	
margin-bottom: 10px;
}
.diski-top{
	height: 100px;
	width: 500px;
	float: left;
	clear: both;
	text-align: justify;	
	margin-top: 20px;
}
.diski-top h1{
margin-top: 30px;
margin-left: 200px;
}
.diski-bottom{
width: 500px;
height: 100px;
float: left;
clear: both;
text-align: left;	
margin-bottom: 5px;	
}

.madeby{
	color: #ffffff;
	text-decoration: none;
}
.madeby:hover{
	color: #ffffff;
	text-decoration: none;
}

.madebyc{
	color: #ffffff;
	text-decoration: none;
}
#footer .madebyc span{
	color:#FF8400;
	margin: 0;
	font-weight:bold;
	float: none;
	width:auto;	
}
.madebyc:hover{
	color: #ffffff;
	text-decoration: underline;
}