/* CSS Document */
	body, td {
		padding: 0px;
		margin: 0px;
		font-size: 11px;
		color: #000;		
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		vertical-align: top;
		border: 0px;		
	}

	a, a:link, a:hover, a:active, a:visited{
		font-family: Arial, Helvetica, sans-serif;
		color: #000;				
	}
	img {
		border: 0px;
	}
	p{
		margin: 0px;
		padding: 0px;
	}
	body{
		background-image: url(images/kelemata_bg.jpg);
		background-repeat: repeat-x;		
		background-position: 0px 215px;		
		background-color: #CAD5F8;
	}
	/*  ------------------------------------------------------------------------------
		HEADER AREA includes : 
		- nav buttons 
		- Authentucation, Saerch, Cart and Join Newsletter	
		##############################################################################
		appears on all pages		
	    ----------------------------------------------------------------------------*/	
	div.header {	
		width: 100%;
		height: 215px;
		background-color: #000;
		background-image: url(images/header_bg.jpg);
		background-repeat: no-repeat;
		background-position: top center;
	}
	
	table.container_row {
		background-color:#585E9A;
		width: 740px;
		height: 135px;			
		text-align: left;
		margin-top: -10px;
		border-top: 10px solid #000;
	}
	table.container_row tr td {
		padding: 10px 10px 10px 0px;
	}	
	/* nav buttons */
	div.nav {
		margin: 0px 5px -5px 10px;
	}
	div.nav_item {	
		text-align: center;
		width: 170px;
		background-color: #000;
		margin-bottom: 5px;		
	}
	/*  search / your cart /newslettet etc. containers  */
	table.container {
		width: 170px;
		height: 100%;
	}
	table.container tr td, table.container tr td table tr td{
		padding: 0px;
		margin: 0px;
	}
				
	td.VertMenuBorder {
		margin-right: 10px;
		/* width: 170px; */
		height: 110px;
		background-color: #96A1C5;
		border-bottom: 5px solid #232C46;		
	}
	td.VertMenuTitle {
		background-color: #000B5F;
		height: 20px;	
	}
	td.VertMenuTitle img{
		margin-left: 15px;
	}	
	td.VertMenuBox table{
		margin: 10px 0px 0px 20px;
	}
	
	.SmallNote {font-size: 10px;}
	
	/* authenticate  */
	table#authenticate{
		position: absolute;
		top: 60px;
		left: 50%;
		margin-left: 5px;
		width: 365px;
		height: 145px;				
	}
	table#authenticate tr td {
		background-image: url(images/kelemata_autenthicate_bg.jpg);
		background-repeat: no-repeat;		
		background-position: 0px 20px;	
	}
	table#authenticate tr td table tr td {	
		background-color: transparent;
		background-image: none;
	}	
	
	table#authenticate td.VertMenuBorder, table#authenticate td.VertMenuBorder a, table#authenticate .VertMenuItems{
		background-color: transparent;
		color: #fff;
		border: 0px;
	}
	table#authenticate td.VertMenuTitle {
		background-color: #050B33;
	}
	table#authenticate 	td.VertMenuBox table{
		margin: 5px 0px 0px 10px;
	}
	table#authenticate input {margin-bottom: 4px;}
	
	/* footer */
	table.footer {
		background-color: #00095C;
		width: 740px;	
	}
	table.footer tr td a, table.footer tr td a:link, table.footer tr td a:hover, table.footer tr td a:active, table.footer tr td a:visited{
		color: #fff;				
	}
	table.footer tr td  {
		margin-right: 0px;
		/* width: 170px; */
		height: 0px;
		background-color: #00095C;
		border-bottom: none;
		color: #fff;	
	}
	table.footer tr td table tr td {
		padding: 5px;
		font-size: 11px;	
	}	
	
	/* cart container */
	table#cart_menu tr td a.VertMenuItems  {
		font-size: 9px;
		/*display: block;
		float: left;
		width: 60px;
		margin: 2px;*/
	}
	table.container#cart_menu tr td.VertMenuBorder table tr td.VertMenuBox {
		margin: 0px;
		padding: 0px;	
	}	
	table.container tr td.VertMenuBorder table tr td.VertMenuBox table tr td table {
		margin: 0px;
	}
	table.container#cart_menu hr {
		width: 110px;
	}	
	
	/*  ------------------------------------------------------------------------------
		 home page only 
	 ------------------------------------------------------------------------------ */					
	img.feature_product {
		margin: 10px 0px;
		border: 1px solid #000;
	}
	div.bottom_row {
		margin-bottom: 10px;
		width: 740px;	
	}

	/* ------------------------------------------------------------------------------
		 category
	 ------------------------------------------------------------------------------ */					
	font.NavigationPath {
		display: block;
		width: 740px;
		text-align: left;
		padding: 10px;		
	}
	font.NavigationPath a, font.NavigationPath a:link, font.NavigationPath a:hover, font.NavigationPath a:active, font.NavigationPath a:visited{
		color: #232C46;				
	}
	table.content {
		width: 740px;
		/*border: 5px solid #232C46;*/
		border: 5px solid #585E9A;
		background-color: #fff;
		margin: 10px 0px;			
	}
	table.content tr td {
		padding: 0px;
	}	
	table.content tr td table tr td{
		padding: 10px;
	}
	td.DialogBox table tr td table tr td{
		padding: 0px;
	}
			
	table.content tr td.DialogTitle {
		padding: 10px 10px 0px 10px;		
		font-size: 18px;
		text-transform: uppercase;
		font-weight: bold;
		color: #585E9A;
	}
	
	h1, h3 {
		font-size: 18px;
		text-transform: uppercase;
		font-weight: bold;
		color: #585E9A;
		text-align: left;
		margin: 0px;
		padding: 10px 0px;
	}
	
	.ProductTitle {
		font-size: 14px;
		text-decoration: none;
		font-weight: bold;			
	}
	.ProductTitle hr {
		width: 400px;
	}
	.ProductPrice {
		font-size: 14px;
		text-decoration: none;
		padding: 2px;
		color: #000B5F;			
	}
	font.Button {
		display: block;		
		padding: 2px 4px;
		border: 1px solid #585E9A;
		color: #585E9A;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 11px;
		letter-spacing: 1px;						
	}
	
	
	form{
		margin: 0 0 0 0;
	}
	
	#save_percent{
		margin-left: 0px;
		margin-top: 0px;
		position: relative;
		left: 20px;
		top: 25px;
	}
	#debug{
		color: red;
	}
	table#dialogMessage{
		width: 740px;
		border: 5px solid #585E9A;
		background-color: #fff;
		margin: 10px 0px;
	}
	table#dialogMessage tr td{
		padding: 2px;
	}

	div#container{
		width: 740px;
		text-align: left;
	}
	
	p.infoText {
		margin: 0px;
		text-align: left;
		padding: 10px;
		font-size: 12px;
		color: #585E9A;
	}
	
	div.wrapper{
		padding-left: 10px;
	}