/* @import url("xmas.css"); */

body {
	background:#fff url(../css/img/grid/bg.gif) 0 0;
	color:#262626;
	font:11px Verdana, Arial, Tahoma sans-serif;
	margin:0;
	padding:0;
	text-align: center;
	
}
	#root {
		background: none;
		text-align: left;
		margin: 	0 auto 30px;
		width: 		767px;
		z-index:	100;
		position: 	relative;
	}

/************************
	#header //START 
*************************/

#header {
	 background:#fff url(../css/img/grid/bg_header.gif) 100% 0 no-repeat;
	/* background:#fff url(../css/img/grid/zeus-xmas.png) 100% 0 no-repeat; */
	height:144px;
	position:relative;
}
	#header #logo a {
		background:url(../css/img/grid/logo_zeus.gif);
		/*background:url(../css/img/grid/zeus_xmas.gif);*/
		display:block;
		height:40px;
		left:0;
		position:absolute;
		top:30px;
		width:187px;
	}
		#header #logo span {
			display:none;
		}
/************************
	#header //END 
*************************/

/************************
	#lang //START 
*************************/
#lang {
	position: absolute;
	top:0;
	right:-1px;
	width:57px;
	text-align: right;
}
#lang ul li{
	float: left;
	width:27px;
	height:36px;
	background: #E6F3F8 3px 10px no-repeat;
	margin:0 1px 0 0;
}
#lang ul li.gr {
	background-image: url(../css/img/grid/flag_gr.gif);
}
#lang ul li.en {
	background-image: url(../css/img/grid/flag_en.gif);
}
	#lang ul li a {
		display: block;
		width:27px;
		height:36px;
	}
	#lang ul li a:hover {
		background: #CEEFC2 3px 12px no-repeat;
	}
	#lang ul li.gr a:hover {
		background-image: url(../css/img/grid/flag_gr.gif);
	}
	#lang ul li.en a:hover {
		background-image: url(../css/img/grid/flag_en.gif);
	}
	#lang ul li span{
		display: none;
	}

/************************
	#nav //START 
*************************/
#nav {
	position: absolute;
	top:119px;
	left:0;
	width:100%;
}
	#nav ul:after {
		content: "."; 
		display: block; 
		height:0; 
		clear: both; 
		visibility: hidden;
	}
	#nav ul{
		/*display:inline-block;*/
	}
	/* Hides from IE-mac \*/
	* html #nav ul{
		height: 1px;
	}
	#nav ul{
		display:block;
	}
	/* End hiding from IE-mac */
	
	#nav ul li {
		float: left;
		/*width:96px;*/
		width:112px;
		margin:0 1px 0 0;
		text-align: center;
	}
	#nav ul li.last {
		margin:0;
		width:89px;
		/*width:88px;*/
	}
		#nav ul li a,
		#nav ul li span{
			background: url(../css/img/grid/bg_nav.gif) left bottom repeat-x;
			color: #fff;
			display: block;
			height:25px;
			height:19px;
			padding:6px 0 0;
			text-decoration: none;
			
		}
		#nav ul li a:hover,
		#nav ul li a.activ,
		#nav ul li span{
			background: #6FD04D;
			top:-8px;
			position: relative;
			height:33px;
			height:19px;
			padding:14px 0 0;
		}
		#nav ul li span,
		#nav ul li a.activ{
			font-weight: bold;
		}
/************************
	#nav //END 
*************************/
/************************
	#breadcrumbs //START 
*************************/

#breadcrumbs {
	background:#CEEFC2;
	border-top:4px solid #6FD04D;
	z-index:101;
	position: relative;
}
#breadcrumbs p {
	margin:0 19px;
	padding:5px 0;
}
	#breadcrumbs p a{
		color: #315587;
		text-decoration: underline;
	}
	#breadcrumbs p a:hover{
		text-decoration: none;
	}
	#breadcrumbs p strong{
		font-size:10px;
	}
/************************
	#breadcrumbs //END 
*************************/

/************************
	#wrapper-top //START 
*************************/
#wrapper-top {
	background: #A4E488 url(../css/img/grid/bg_wrapper_top.gif) 0 0 repeat-x;
}
	#wrapper-top:after {
		content: "."; 
		display: block; 
		height:0; 
		clear: both; 
		visibility: hidden; 
	}
	#wrapper-top {
		/*display:inline-block;*/
	}
	/* Hides from IE-mac \*/
	* html #wrapper-top {
		height: 1px;
	}
	#wrapper-top {
		display:block;
	}
	/* End hiding from IE-mac */

/************************
	#wrapper-top //END 
*************************/
/************************
	.box-login //START 
*************************/
.box-login {
	float: left;
	width:214px;
	padding: 0 0 10px;
}
	.box-login dl{
		margin: 0 0 0 19px;
		font-size:10px;
	}
	.box-login dl dt {
		font: bold 14px Verdana, Arial, Tahoma sans-serif;
		color: #fff;
		margin: 16px 0 14px;
	}
		.box-login dl dd form {
			border-bottom: 1px solid #C0EDAB;
			padding: 0 0 3px;
		}
			.box-login dl dd form div {
				clear: left;
				padding:0;
				paddi\ng:0 0 5px 0;
				width:195px;
			}
				.box-login dl dd form div label {
					width:70px;
					font-weight: bold;
					float: left;
					margin: 0 0 5px;
					vertical-align: middle;
				}
				.box-login dl dd form div input.text {
					width:122px;
					width:116px;
					float: left;
					margin: 0 0 5px;
					vertical-align: middle;
				}
				.box-login dl dd form div input.button {
					margin: 0 0 0 68px;
					vertical-align: middle;
				}
				* html .box-login dl dd form div input.button {
					margin: 1px 0 0 52px;
				}
			.box-login dl dd ul {
				border-top: 1px solid #56C137;
				padding:7px 0 0;
			}
			.box-login dl dd ul li {
			background: url(../css/img/bullets/arrow1.gif) 0 5px no-repeat;
			padding: 0 0 0 10px;
		}
			.box-login dl dd ul li a{
				color: #262626;
			}
		
/************************
	.box-login //END 
*************************/
/************************
	.box-login-sub //START 
*************************/
#wrapper-top .box-login-sub {
	float: left;
	/*width:538px;*/
	width:548px;
	padding: 0;
	font-size:10px;		
}

.logged {
	color: #fff;
	padding: 2px 5px;
	font-weight: bold;
	}

.logged a { color: #fff; font-weight: normal; }

	#wrapper-top .box-login-sub form {
		margin:11px 0 0;
		padding: 0 0 11px;
		float: left;
		width:268px;
		/*width:258px;*/
	}
	#wrapper-top .box-login-sub form div {
		margin:0 0 0 18px;
	}
		.box-login-sub input.text {
			width:81px;
			widt\h:80px;
			margin: 0 1px 0 0;
			vertical-align: middle;
		}
		.box-login-sub input.button {
			margin: 0 4px 0 1px;
			vertical-align: middle;
			height:17px;
		}
		#wrapper-top .box-login-sub ul {
			float: left;
			padding:10px 0 0;
			width:280px;
		}
		#wrapper-top .box-login-sub ul li {
			background: url(../css/img/bullets/arrow1.gif) 0 5px no-repeat;
			padding: 0 0 0 10px;
			margin:0 17px 0 0;
		}
			.box-login-sub ul li a{
				color: #262626;
			}
		
/************************
	.box-login-sub //END 
*************************/

/************************
	.box-search //START 
*************************/
.box-search {
	width:550px;
	float: right;
	margin:16px 0 0 0;
	color: #fff;
}
	p.date {
		float: left;
		width:40%;
		font-size:10px;
		margin: 0;
		padding:0;
	}
		p.date strong{
			font-size:9px;
		}
	.box-search form {
		float: right;
		width:56%;
		text-align: right;
	}
	.box-search form label {
		font-size:10px;
		vertical-align: middle;
	}
	.box-search form input.text{
		margin: 0 0 0 8px;
		width:139px;
		width:114px;
		/*vertical-align: middle;*/
	}
	.box-search form #go{
		/*background: url(../css/img/bullets/button_go.gif) 0 0 no-repeat;*/
		margin:0 13px 0 -2px;
		padding:0;
		width:19px;
		height:17px;
		vertical-align: middle;
		border:0;
	}
/************************
	.box-search //END
*************************/
/************************
	.box-search-sub //START 
*************************/
.box-search-sub {
	/*width:229px;*/
	width:210px;
	float: right;
	/*margin:12px 0 0 0;*/
	color: #fff;
	padding: 12px 2px 0 0; /* added by Gvre */
}
	.box-search-sub form {
		float: right;
		text-align: right;
		width:100%;
		padding: 0 0 5px 0; /* added by Gvre */
	}
	.box-search-sub form label {
		font-size:10px;
		vertical-align: top;
		/*vertical-align: middle;*/
	
	}
	.box-search-sub form input.text{
		/*margin: 0 0 0 8px;*/
		margin: 0 0 0 4px;
		/*width:139px;*/
		width:100px;
		/*vertical-align: middle;*/
		vertical-align: top;
	
	}
	.box-search-sub form #go{
		/*background: url(../css/img/bullets/button_go.gif) 0 0 no-repeat;*/
		/*margin:0 13px 0 -2px;*/
		/*margin:0 5px 0 -2px; */
		padding:0 2px;
		margin: 0 13px 0 -2px;
		width:19px;
		height:17px;
		vertical-align: middle;
		border:0;
	}
/************************
	.box-search-sub //END
*************************/

/************************
	.box-offer-top //START
*************************/
.box-offer-top {
	width:519px;
	width:496px;
	float: right;
	background: #1591C1;
	padding:14px 9px 10px 14px;
	margin:10px 0 0;
}
	.box-offer-top dl {
		width:161px;
		float: left;
		margin: 0 4px 0 0;
	}
		.box-offer-top dl dt a {
			border:1px solid #fff;
			display: block;
		}
			.box-offer-top dl dt a img{
				display: block;
			}
	.box-offer-top dl dd {
		background: url(../css/img/modules/bg_offer_top.gif) 0 0 repeat-y;
	}
		.box-offer-top dl dd a{
			display: block;
			color: #fff;
			font-size:10px;
			background: url(../css/img/bullets/arrow2.gif) 8px 7px no-repeat;
			padding: 3px 0 6px 21px;
		}
/************************
	.box-offer-top //END
*************************/

/************************
	#wrapper //START
*************************/
#wrapper {
	margin:9px 0 0;
}
	#wrapper:after {
		content: "."; 
		display: block; 
		height:0; 
		clear: both; 
		visibility: hidden;
	}
	#wrapper{
		/*display:inline-block;*/
	}
	/* Hides from IE-mac \*/
	* html #wrapper{
		height: 1px;
	}
	#wrapper{
		display:block;
	}
	/* End hiding from IE-mac */

	#modules {
		float: left;
		width:243px;
		/*margin: 0 12px 0 0;*/
		margin: 0 10px 0 0;
	}
	#content {
		float: left;
		width:512px;
	}
/************************
	#wrapper //END
*************************/

/************************
	footer //START
*************************/
#footer p{
	margin:0;
	padding:0;
}
#footer .footer-top {
	border: 1px solid #D3DDE2;
	border-bottom:0;
	background: #fff;
	color:#1591C1;
	width: 765px;  /*added by Gvre*/ 
}
	.footer-top:after {
		content: "."; 
		display: block; 
		height:0; 
		clear: both; 
		visibility: hidden;
	}
	.footer-top {
		/*display:inline-block;*/
	}
	/* Hides from IE-mac \*/
	* html .footer-top {
		height: 1px;
	}
	.footer-top {
		display:block;
	}
	/* End hiding from IE-mac */
	#footer .footer-top p.info {
		float: left;
		padding: 6px 20px 0 13px;
		color: #026262;
	}
		.footer-top p.info a.verisign {
			background: url(../css/img/grid/verisign.gif) 0 0 no-repeat;
			width:59px;
			height:35px;
			display: block;
			float: left;
			margin: 0 20px 0 0;
		}
			#footer .footer-top p a span{
				display: none;
			}
		.footer-top p.info span {
			border-left: 1px solid #EAEAEA;
			display: block;
			float: left;
			height:32px;
			padding: 0 0 0 1px;
		}
		.footer-top p.info a.visa,
		.footer-top p.info a.master,
		.footer-top p.info a.american{
			display: block;
			float: left;
			height:13px;
			background: 0 0 no-repeat;
			width:22px;
			margin: 4px 0 0 2px;
		}
		.footer-top p.info a.visa {
			background-image: url(../css/img/grid/cart_visa.gif);
		}
		.footer-top p.info a.master {
			background-image: url(../css/img/grid/cart_mastercard.gif);
		}
		.footer-top p.info a.american {
			background-image: url(../css/img/grid/cart_american.gif);
			width:28px;
		}



	#footer .footer-top p.f-menu {
		float: left;
		padding: 10px 0 10px;
		white-space: nowrap;
		text-align: center;
	}


	#footer .footer-top p.f-menu2 {
		float: right;
		text-align: center;
		padding: 10px 10px 13px 5px;
		white-space: nowrap;
		font-size: 9px;
	}

#footer .footer-bottom {
	background: #6FD04D;
	color:#fff;
	padding: 10px;
}
	.footer-bottom:after {
		content: "."; 
		display: block; 
		height:0; 
		clear: both; 
		visibility: hidden;
	}
	.footer-bottom {
		/*display:inline-block;*/
	}
	/* Hides from IE-mac \*/
	* html .footer-bottom {
		height: 1px;
	}
	.footer-bottom {
		display:block;
	}
	/* End hiding from IE-mac */

	#footer .footer-bottom p.copy{
		font-size:12px;
		float: left;
		width:55%;
	}
	#footer .footer-bottom p.design{
		float: right;
		width:45%;
		text-align: right;
		padding:1px 0 0;
	}
	
	#footer .footer-bottom a{
		color:#fff;
		font-weight: bold;
	}
/************************
	footer //END
*************************/

/************************
	design div //START
*************************/

.design1 {
	background: url(../css/img/grid/bg_design1.gif) 0 0 repeat-x;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:224px;
	z-index:99;
}
	.design1 div{
		width:769px;
		width:767px;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		height:224px;
		margin:0 auto;
			/*background:#fff;*/
		background: url(../css/img/grid/bg.gif) 0 0;
	}
	* html .design1 div{
		background: url(../css/img/grid/bg.gif) 2px 0;
	}
/************************
	design div //END
*************************/