@charset "iso-8859-7";

/*
	-------------------------------------------------------------
	Η ΝΑΥΤΕΜΠΟΡΙΚΗ - www.naftemporiki.gr
	-------------------------------------------------------------
	(c) 1996-2007 Naftemporiki - P. Athanassiades & Co SA
	http://www.naftemporiki.gr
	info@naftemporiki.gr
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Tab Styles
	Author:			OgilvyOne worldwide, Athens
	Filename:		naftemporiki.tabBox.css
	Version:		1.0
	Date:			Monday, Dec 14, 2006
	-------------------------------------------------------------
*/
	
/*	-------------------------------------------------------------
	Import styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Fetch required styles.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		@import url("naftemporiki.tabModules.css");
		
/*	-------------------------------------------------------------
	Tab styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Tab box styles.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	Tabs - the actual tabs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
			
		.tabBox {
			background-image: url("../_images/tabs_bg.gif");
			background-repeat: repeat-x;
			background-position: top;
			border-style: solid;
			border-color: #c8d1dc;
			border-width: 0px 0px 0px 0px;
			margin: 0px;
			padding: 0px; }
			
		.tabBox ul.tabs {
			height: 24px;
			list-style: none;
			margin: 0px;
			padding: 0px; }
			
		.tabBox ul.tabs li {
			border-style: solid;
			border-color: #c8d1dc;
			border-width: 1px 1px 0px 1px;
			margin: 0px 3px 0px 0px;
			float: left;
			display: inline; }
			
		.tabBox ul.tabs li a {
			background-color: #e9ecee;
			text-transform: uppercase;
			font-size: 10px;
			color: #000;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			padding: 5px 6px 5px 6px;
			margin: 0px 0px 0px 0px;
			float: left;
			display: inline; }	
			
		.tabBox ul.tabs li.selectedTab a {
			margin: 0px;
			font-weight: bold;
			background-color: #f8f9fa;
			color: #000;
			border-bottom: 1px solid #f8f9fa;
			float: left;
			display: inline; }
			
			
/*	Tabs - the actual tabs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
			
		.tabBox {
			background-image: url("../_images/tabs_bg.gif");
			background-repeat: repeat-x;
			background-position: top;
			border-left: 0px solid #999; }	
			
		.tabBox ul.tabs {
			list-style: none;
			margin: 0px;
			padding: 0px; }
			
		.tabBox ul.tabs li {
			float: left;
			display: inline; }
			
		.tabBox ul.tabs li a {
			height: 12px;
			border-top: 1px solid #999;
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
			border-left: 1px solid #999;
			text-transform:uppercase;
			font-size: 10px;
			color: #000;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			padding: 5px 6px 5px 6px;
			margin: 2px 0px 0px 3px;
			float: left;
			display: inline; }	
			
		.tabBox ul.tabs li a.selected {
			height: 14px;
			padding: 6px 6px 4px 6px;
			margin: 0px 0px 0px 3px;
			font-weight: bold;
			background-color: #f8f9fa;
			border-bottom: 1px solid #f8f9fa;
			display: inline;
			float: left; }	*/	

/*	Tab Content Box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
			
		.tabBox div.tabContent {
			background-color: #f8f9fa;
			padding: 8px; 
			margin: 0px;
			border-width: 0px 1px 1px 1px;
			border-style: solid;
			border-color: #c8d1dc; }	
			



/*	Instruction - Implementation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Tab Script:
		showTab(this,'tab box id','tab to open','comma delimited tab name array');
	
	Tab HTML code:

		<div class="tabBox">
		
			<ul class="tabs" id="tabBox01">
				<li class="selected" onclick="showTab(this,'tabBox01','tab01','tab01,tab02,tab03'); return false;"><a href="#" title="Tab 01">Tab 01</a></li>
				<li onclick="showTab(this,'tabBox01','tab02','tab01,tab02,tab03'); return false;"><a href="#" title="Tab 02">Tab 02</a></li>
				<li onclick="showTab(this,'tabBox01','tab03','tab01,tab02,tab03'); return false;"><a href="#" title="Tab 03">Tab 03</a></li>
			</ul>
			
			<div class="clear"></div>
			
			<div id="tab01" class="tabContent">
				Tab 1 content
				<div class="clear"></div>
			</div>
			
			<div id="tab02" class="tabContent" style="display:none;">
				Tab 2 content
				<div class="clear"></div>
			</div>
			
			<div id="tab03" class="tabContent" style="display:none;">
				Tab 3 content
				<div class="clear"></div>
			</div>
			
			
		</div>
	
*/	
		
/*	-------------------------------------------------------------
	Sub tab styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Sub tab box styles.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	Tabs - the actual tabs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
			
		.tabSubBox {
			border-color: #c8d1dc;
			border-style: solid;
			border-width: 0px 1px 0px 1px;
			margin: 0px;
			padding: 5px 5px 1px 5px; }
			
		.tabSubBox ul.tabs {
			height: 24px;
			list-style: none;
			margin: 0px;
			padding: 0px; }
			
		.tabSubBox ul.tabs li {
			border-width: 0px;
			margin: 0px;
			float: left;
			display: inline; }
			
		.tabSubBox ul.tabs li a {
			text-transform: uppercase;
			font-size: 10px;
			color: #000;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			padding: 4px 5px;
			margin: 0px 5px 0px 0px;
			float: left;
			display: block; }	
			
		.tabSubBox ul.tabs li.selectedTab a {
			background-color: #d9dfe7;
			font-weight: bold; }