@charset "iso-8859-7";

/*
	-------------------------------------------------------------
	Η ΝΑΥΤΕΜΠΟΡΙΚΗ - www.naftemporiki.gr
	-------------------------------------------------------------
	(c) 1996-2007 Naftemporiki - P. Athanassiades & Co SA
	http://www.naftemporiki.gr
	info@naftemporiki.gr
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Section Page Styles
	Author:			OgilvyOne worldwide, Athens
	Filename:		naftemporiki.section.css
	Version:		1.0
	Date:			Tuesday, Dec 5, 2006
	-------------------------------------------------------------
*/
	
/*	-------------------------------------------------------------
	Import styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Fetch required styles.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		@import url("naftemporiki.header-short.css");
		@import url("naftemporiki.tabBox.css");

	
/*	-------------------------------------------------------------
	Column styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	The following styles apply to the Home Page
					3 Column Layout.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	

/*	-------------------------------------------------------------
	Page Container - Above the fold
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#AboveContainer {
			width: 980px;
			background-image: none;
			background-image: url("../_images/section_above_bg.gif");
			background-position: center;
			background-repeat:repeat-y;
			display: block;
			float: left;
			clear: both;
			color:	#333;
			margin: 0px;
			padding: 0px 0px 10px 0px;
			border-top: 1px solid #e5e5e5; }
			
		
/*	-------------------------------------------------------------
	Alpha Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#alpha {
			padding: 0px;
			margin: 0px; 
			width: 660px;
			display: block;
			float: left; }
			
/*	Main Article Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#alpha .mainArticle {
			width: 309px;
			height: auto;
			float: left;
			background-color: #fff;
			padding: 10px 10px 5px 10px;
			border-bottom: 1px solid #e2e2e2;
			border-left: 1px solid #e2e2e2;
			 }
			
		#alpha .article {
			width: 309px;
			height: auto;
			float: left;
			background-color: #fff;
			padding: 10px 10px 10px 10px;
			border-bottom: 1px solid #e2e2e2;
			border-left: 1px solid #e2e2e2;
			margin: 0px; }
			
		#alpha .article h4 {
			display: none; }
			
		#alpha h2 { /* Main Title */
			font-family: Georgia, "Times New Roman", Times, serif;
			background-image: none;
			font-weight: normal;
			font-size: 22px;
			line-height: 24px;
			letter-spacing: -1px;
			color: #0f468a;
			margin: 0px 0px 8px 0px;
			padding: 0px 10px 0px 0px;
			height: auto;
			border: none; }
			
		#alpha h3 { /* Article Title */
			font-family: Georgia, "Times New Roman", Times, serif;
			background-image: none;
			background-color: #fff;
			font-weight: normal;
			font-size: 16px;
			line-height: 17px;
			letter-spacing: -1px;
			color: #0f468a;
			margin: 0px 0px 6px 0px;
			padding: 0px 10px 0px 0px;
			height: auto;
			border: none; }
			
		#alpha h4 { /* Super Title */
			font-weight: normal;
			font-size: 12px;
			color: #555;
			margin: 0px 0px 6px 0px; }
			
		#alpha p { /* Article content */
			line-height: 16px;
			margin: 0px 0px 6px 0px; }
			
		#alpha .mainArticle p { /* Main Article p content */
			font-family: tahoma;
			font-size: 12px;
			line-height: 16px; }
			
		#alpha .article p { /* Article p content */
			font-size: 12px;
			line-height: 16px; }
			
		#alpha p span {	/* Article date */
			font-size: 11px;
			font-weight:bold;
			color: #333; }
			
/*	Small Article Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
		#alpha .articleSmall {
			height: 100px;
			background-color: #fff;
			padding: 10px 10px 10px 10px;
			border-bottom: 1px solid #e2e2e2;
			border-left: 1px solid #e2e2e2;
			width: 199px;
			float: left; }
			
		#alpha .articleSmall h4 { /* Super Title */
			display: none; }
			
		#alpha .articleSmall h3 { /* Article Title */
			font-family: Georgia, "Times New Roman", Times, serif;
			background-image: none;
			background-color: #fff;
			font-weight: normal;
			font-size: 13px;
			line-height: 15px;
			color: #0f468a;
			margin: 0px 0px 6px 0px;
			padding: 0px 10px 0px 0px;
			height: auto;
			border: none; }
			
		#alpha .articleSmall p { /* Article content */
			font-size: 12px;
			line-height: 14px;
			margin: 0px 0px 6px 0px; }
			
		#alpha .articleSmall p span { /* Article date */
			font-size: 10px;
			font-weight:bold;
			color: #333; }
			
			
/*	Image Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
		#alpha .image,
		#alpha .image img {
			padding: 0px;
			margin: 0px;
			border: none; }
			
		#alpha .full {
			display: block;
			width: 355px;
			margin: 0px 0px 6px 0px; }
			
		#alpha .right {
			width: auto;
			float: right;
			/*margin: 3px 0px 6px 15px;*/
			margin-left:5px;
			 }
			
		#alpha .left {
			width: 180px;
			float: left;
			margin: 3px 15px 6px 0px; }
		
		#alpha .image a,
		#alpha .image .caption {
			font-size: 11px;
			float: left;
			display: block;
			color: #999;
			padding: 0px;
			margin: 0px; }
		
		#alpha .full a,
		#alpha .full .caption {
			font-size: 11px;
			float: none;
			display: block;
			color: #999;
			padding: 0px;
			margin: 0px; }
		
		#alpha .image .caption {
			margin-top: 5px; }
		
		#alpha .image a img {
			border: 0px solid #333; }
			
			
/*	Image Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
		#alpha .article .image {
			float: right;
			width: auto;
			margin: 3px 0px 6px 15px;
			padding: 0px; }
			
/*	Storymorelinks
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#alpha .mainArticle ul.storymorelinks {
			padding-left:5px;
			list-style: none;
			margin-left: 0px;
			margin-bottom: 4px;
			margin-top: 4px;
		}
		
		#alpha .mainArticle ul.storymorelinks li {
			background-image: url("/_images/bullet.gif");
			background-repeat: no-repeat;
			background-position: 0px 6px;
			padding-left: 8px;
		}
		
		#alpha .article ul.storymorelinks {
			padding-left:5px;
			list-style: none;
			margin-left: 0px;
			margin-bottom: 4px;
			margin-top: 4px;
		}
		
		#alpha .article ul.storymorelinks li {
			background-image: url("/_images/bullet.gif");
			background-repeat: no-repeat;
			background-position: 0px 6px;
			padding-left: 8px;
		}
		
		#delta .article ul.storymorelinks {
			padding-left:5px;
			list-style: none;
			margin-left: 0px;
			margin-bottom: 4px;
			margin-top: 4px;
		}
		
		#delta .article ul.storymorelinks li {
			background-image: url("/_images/bullet.gif");
			background-repeat: no-repeat;
			background-position: 0px 6px;
			padding-left: 8px;
			font-size: 12px;
			font-family: tahoma;
		}
		
		
/*	-------------------------------------------------------------
	Gamma Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#gamma {
			padding: 0px;
			margin: 0px;
			width: 320px;
			display: none;
			display: block;
			float: left; }
			
		#gamma .boxContent {
			font-family: Georgia, "Times New Roman", Times, serif;
			display: block;
			margin: auto auto;
			padding: 10px;
			border-bottom: 1px solid #e2e2e2; }
			

/*	-------------------------------------------------------------
	Page Container - Below the fold
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#BelowContainer {
			width: 980px;
			background-image: url("../_images/section_below_bg.gif");
			background-position: center;
			background-repeat:repeat-y;
			display: block;
			float: left;
			clear: both;
			color:	#333;
			margin: 0px;
			padding: 0px;
			border-top: 1px solid #e5e5e5; }
			
		
/*	-------------------------------------------------------------
	Delta Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#delta {
			padding: 0px;
			margin: 0px; 
			width: 440px;
			display: block;
			float: left; }
			
		#delta h2 {
			font-size: 18px;
			background-color: #f5f5f5;
			background-image: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			padding: 20px;
			margin: 0px; 
			width: 619px;
			float: left;
			border-style: solid;
			border-color: #e2e2e2;
			border-width: 0px 0px 1px 1px;
			display: block;
			display: none; }
			
		#delta .boxContent {
			font-family: Georgia, "Times New Roman", Times, serif;
			display: block;
			margin: auto auto;
			padding: 10px; }
			
/*	List Block
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#delta .listBlock {
			/*background-color: #fff;
			border-left: 1px solid #e2e2e2; */
			float: left;
			width: 400px;
			padding: 10px 10px 0px 10px;
			margin: 0px; }
			
		#delta .listBlock h3 {
			font-size: 11px;
			margin: 10px 0px 10px 0px;
			padding: 0px 0px 0px 13px;
			text-transform: uppercase;
			font-weight: normal;
			font-weight: bold;
			color: #0f468a; }
			
		#delta .listBlock h3 a {
			color: #333;
			font-weight: bold;
			color: #0f468a; }
			
		#delta .listBlock ul {
			margin: 0px;
			padding: 0px;
			list-style: none; }
			
		#delta .listBlock ul li {
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			background-image: url("../_images/bullet.gif");
			background-repeat: no-repeat;
			background-position: 4px 6px;
			*background-position: 2px 8px; /* IE hack (inlcudes IE7) */
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 13px;
			line-height: 1.3em;
			list-style: none; }
			
		#delta .listBlock ul li span {
			color: #666;
			font-size: 11px;
			font-weight: bold;
			margin: 0px 4px 0px 0px; }
			
		#delta .listBlock ul.feature li {
			background-image: url("../_images/bullet_article.gif");
			background-repeat: no-repeat;
			background-position: 0px 2px;
			border-bottom: 1px solid #ccc;
			padding: 0px 0px 10px 13px;
			width: 405px;
			color: #666; }
			
		#delta .listBlock ul.feature li p {
			color: #444;
			color: #000;
			line-height: 1.3em;
			margin: 4px 0px 0px 0px; }
			
		#delta .listBlock ul.feature li p span {
			color: #444;
			font-size: 11px;
			font-weight: normal;
			margin: 0px 4px 0px 0px; }
			
		#delta .listBlock ul.feature li a {
			font-weight: bold; }
			
		
/*	-------------------------------------------------------------
	Epsilon Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#epsilon {
			padding: 0px;
			margin: 0px; 
			width: 220px;
			display: block;
			float: left; }
			
		#epsilon .boxContent {
			display: block;
			margin: auto auto;
			padding: 10px;
			border-bottom: 1px solid #e2e2e2; }
			
/*	List Block
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#epsilon .listBlock {
			/*background-color: #fff;
			border-left: 1px solid #e2e2e2; */
			float: left;
			width: 200px;
			padding: 0px;
			margin: 0px; }
			
		#epsilon .listBlock h3 {
			font-size: 11px;
			margin: 10px 0px 10px 0px;
			padding: 0px 0px 0px 13px;
			text-transform: uppercase;
			font-weight: normal;
			font-weight: bold;
			color: #0f468a; }
			
		#epsilon .listBlock h3 a {
			color: #333;
			font-weight: bold;
			color: #0f468a; }
			
		#epsilon .listBlock ul {
			margin: 0px;
			padding: 0px;
			list-style: none; }
			
		#epsilon .listBlock ul li {
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			background-image: url("../_images/bullet.gif");
			background-repeat: no-repeat;
			background-position: 4px 6px;
			*background-position: 2px 8px; /* IE hack (inlcudes IE7) */
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 13px;
			list-style: none; }
			
		#epsilon .listBlock ul li.feature {
			background-image: url("../_images/bullet_article.gif");
			background-repeat: no-repeat;
			background-position: 0px 2px;
			color: #666; }
			
		#epsilon .listBlock ul li.feature a {
			font-weight: bold; }
			
		#epsilon .listBlock ul li.feature p {
			color: #666;
			line-height: 1.3em;
			margin: 4px 0px 0px 0px; }
			
		#epsilon .listBlock ul li.feature p span {
			color: #999;
			font-size: 11px;
			margin: 0px 4px 0px 0px; }
			
/*	Content Block
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#epsilon .contentBlock {
			background-color: #f5f5f5;
			background-image: url(../_images/contentBlock-views-bg.gif);
			background-repeat: no-repeat;
			background-position: top right;
			float: left;
			width: 180px;
			padding: 10px 10px 0px 10px;
			margin: 0px; }
			
		#epsilon .contentBlock h3 {
			font-size: 11px;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			text-transform: uppercase;
			font-weight: normal;
			font-weight: bold;
			color: #0f468a; }
			
		#epsilon .contentBlock h3 a {
			color: #333;
			font-weight: bold;
			color: #0f468a; }
			
		#epsilon .contentBlock blockquote {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			font-style: italic;
			line-height: 1.3em;
			margin: 0px; 
			padding: 0px; }
			
		#epsilon .contentBlock p {
			margin-top: 5px;
			font-size: 12px;
			text-align: right; }
			
/*	Cloud Block
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#epsilon .cloudBlock {
			background-color: #f5f5f5;
			background-image: url(../_images/cloudBlock-bg.gif);
			background-repeat: no-repeat;
			background-position: top right;
			float: left;
			width: 180px;
			padding: 10px 10px 5px 10px;
			margin: 0px; }
			
		#epsilon .cloudBlock h3 {
			font-size: 11px;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			text-transform: uppercase;
			font-weight: normal;
			font-weight: bold;
			color: #0f468a; }
			
		#epsilon .cloudBlock h3 a {
			color: #333;
			font-weight: bold;
			color: #0f468a; }
			
		#epsilon .cloudBlock ul {
			margin: 0px;
			padding: 0px;
			list-style: none; }
			
		#epsilon .cloudBlock ul li {
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			background-image: url("../_images/bullet.gif");
			background-repeat: no-repeat;
			background-position: 4px 6px;
			*background-position: 2px 8px; /* IE hack (inlcudes IE7) */
			margin: 0px 0px 5px 0px;
			padding: 0px 0px 0px 13px;
			list-style: none; }
		
/*	-------------------------------------------------------------
	Zeta Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#zeta {
			padding: 0px;
			margin: 0px; 
			width: 320px;
			display: block;
			float: left; }
			
		#zeta .boxContent {
			font-family: Georgia, "Times New Roman", Times, serif;
			display: block;
			margin: auto auto;
			padding: 10px;
			border-bottom: 1px solid #e2e2e2; }

/*	Agenda
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
		#zeta .agenda {  }
			
		#zeta .agenda h2 span {
			background-image: url("../_images/h2_icon_agenda.gif"); }
			
		#zeta .agenda table {
			margin: 10px 0px 10px 0px; }
			
		#zeta .agenda table tr td {
			width: 42px;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			text-align: center;
			padding: 7px 0px; }
			
		#zeta .agenda table thead tr td {
			background-color: #e4e8ed;
			background-image: url(../_images/table-head-bg.gif);
			background-color: #c8d1dc;
			background-position: top;
			background-repeat: repeat-x;
			font-weight: bold; }
			
		#zeta .agenda table tbody tr {
			empty-cells: show; }
			
		#zeta .agenda table tbody tr td {
			border-bottom: 1px solid #ccc; }
			
		#zeta .agenda table tbody tr td a,
		#gamma .agenda table tbody tr td a:visited {
			background-color: #b30007;
			color: #fff;
			font-weight: bold;
			width: 41px;
			display: block;
			margin: 0px 1px 0px 0px;
			padding: 0px 0px; }
			
		#zeta .agenda table tbody tr td a:hover {
			text-decoration: none;
			background-color: #f00; }
			
			
			
			
			
