
body {
	vertical-align: top;
	background-color: #D5D6D5;
}


#container { 
	width: 780px;
	text-align: left;  
	padding: 0px;
	display: block;
	margin: 0 auto;
	background: white;
	border-top: 0;
}

p{margin: none; padding: none;}

.gallery {display: block; float: none;}
.gallery ul li {display: block; float: left;}
.gallery ul li p {text-align : center;}
.gallery ul li p.lezanta a {display: block; color: black; text-decoration: none; font-size: 11px; text-align: center;}

.editoptions textarea {width: 200px; height: 100px;}
.boxy {padding: 5px;} /*container box mainly used for padding:) */

/*TOPLINKS*/

div#top{
	/*background-color: #4A484A;*/
	width: 780px;
	display: block;
	float: left;
	text-align: right;
	text-decoration: none;
	padding: 0px; 
	margin: 0px;
}

div #top ul li a,
div #top ul li p,
div #top ul,
div #top ul li img  {padding: 0px; margin: 0px;}

/*	div#top .toplogo {position: absolute;  left: 0px;  width:210px;}
	div#top .topcenter {float: left; padding-top: 20px; margin-left: 200px; width: 240px;}
	div#top .topright {float: left; padding:3px; padding-top: 20px; width: 280px; color: white; text-align: left; margin-left: 30px; font-size: 11px} */


/*TOPMENU*/

div#topmenu{
	width: 780px;
	background-color: #000000;
	/*border-top: 2px solid white; */
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	height: 26px;
	text-align: left;
	margin-top: -3px;
	padding-top: 0px;
	display: block;
	float: left;
	clear: both;
}
	div#topmenu .topmenu { float: left; margin: 0px; padding: 0px;
		 margin-top: -5px;
		 margin-left: 460px;
	}
	div#topmenu .topmenu ul li a {color: white; font-weight: bold; font-size: 12px;}
	div#topmenu .topmenu ul li {margin-left: 5px; margin-right: 5px;}
	div#topmenu .topmenu ul { margin: none; padding: none;} 
	div#topmenu .topmenu form {margin: none; padding: none;}
	div#topmenu .topmenu ul ul {display: none;}


	div#topmenu .htmlboxmenu {
		float: left;
		position: absolute;
		color: white;
		padding-left: 5px;
		padding-top: 4px;
	}
	div#topmenu .htmlboxmenu a {
		color: white;
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
	}

	#top a.editme {color: white;}

/* MAIN BODY */ 
div#mainbody {	
	float: left; 
	width: 780px; 
	background: white; 
	text-align: left; 
}


/*TOPIMAGE */ 
div#topimage { 
	width: 780px;
	background-color: white; 
	clear: both;
	margin-top: 0px;
}
	div#topimage p.aphoto { padding: 1px;}
	div#topimage p.editme {text-align: left;}
	
	div#topimage div.flash {float:left; width: 537px; height: 137px;
		border-top: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white;}
	div#topimage div.member {float: left; width: 230px;} 

/* LEFTMENU */
div#leftmenu { 
	background-color: white; 
	width: 229px; 
	clear: left;
	padding: 2px;
	float: left; 
}
	div#leftmenu h1 {background-image: url("../site_images/greygradient.gif"); background-repeat: no-repeat; 
				border-top: 3px solid red; width: 204px; border-bottom: 3px solid #AC9DA4;
				font-size: 11px; font-weight: normal; text-align: left; 
				padding: 0; margin: 0; padding-top: 1px; padding-bottom: 1px; padding-left: 25px;}

	div#leftmenu .searchy { }
	div#leftmenu .searchy h3 {display: none;}
	div#leftmenu .searchy input {float: right; border: 1px solid #cccccc; width: }
	div#leftmenu .searchy button {float: right; clear: both; border: none; background-color: white; width: 83px; height: 20px;
				 margin-top: 4px; cursor: pointer; cursor: hand;
				  background-image: url("../site_images/button.gif"); background-repeat: no-repeat; color: red;}

	div#leftmenu .prodmenu {clear: both; background-color: #f9f9f9;
/*
 background-image: url("../site_images/greygradient.gif"); background-repeat: repeat-y;
*/

		border-bottom: 2px solid #AC9DA4; }
	div#leftmenu .prodmenu ul { margin: 0; padding: 0; margin-top: 0px; padding-left: 10px; padding-top: 8px; padding-bottom: 8px; list-style-type: none;}
	div#leftmenu .prodmenu ul ul {display: none; padding-top: 1px; padding-bottom: 1px;}
	div#leftmenu .prodmenu ul li.active ul {display: block;}
	div#leftmenu .prodmenu ul li {padding: 1px; padding-left: 15px; margin-left: 0px;
				background-image: url("../site_images/red_arrow.gif"); background-repeat: no-repeat; background-position: 0px 4px;}
	div#leftmenu .prodmenu ul a { text-decoration: none; font-size: 11px; color: black; }
	div#leftmenu .prodmenu ul a.active { text-decoration: none; font-size: 11px; color: red; }


	div#leftmenu .basket {margin-top: 10px; clear: both; background-image: url("../site_images/greygradient.gif"); background-repeat: repeat-y; border-bottom: 2px solid #AC9DA4;}
	div#leftmenu .basket h4 { border-top: 3px solid red; width: 204px; border-bottom: 3px solid #AC9DA4;
                                font-size: 11px; font-weight: normal; text-align: left;
                                padding: 0; margin: 0; padding-top: 1px; padding-bottom: 1px; padding-left: 25px;
				background-image: url("../images/basket-icon-red.png"); background-repeat: no-repeat; background-position: 3px -3px;}
	div#leftmenu .smallbasket { font-size: 11px;}
	div#leftmenu .smallbasket > ul {list-style-type: decimal;}
	div#leftmenu .smallbasket p { margin: 1px;}
	div#leftmenu .smallbasket span.name a {color: black; font-weight: bold; text-decoration: none;}
	div#leftmenu .smallbasket span.name a:hover {text-decoration: underline;}
	div#leftmenu .basket .pager,
	div#leftmenu .basket .basketsum,
	div#leftmenu .basket .basketFPA,
	div#leftmenu .basket .ordernotes {display: none;}
	div#leftmenu .basket .basketsumFPA {padding-left: 18px; color: red; font-size: 11px; margin: 0px; margin-top: 10px;}
	div#leftmenu .underbasket {clear: both; background-image: url("../site_images/greygradient.gif"); background-repeat: repeat-y; margin: 0px;
				text-align: right; padding-bottom: 5px;}
	div#leftmenu .underbasket a {display: block; width: 165px; text-align: center; height: auto;
                        padding: 2px; padding-left: 2px; margin:15px; margin-top: 5px;
                        background-color: #ECECEC; border: 1px solid #ADADAD; border-top: 2px solid #ADADAD; border-bottom: 2px solid #ADADAD;
			background-image: url("../images/more-icon-red.png"); background-repeat: no-repeat; background-position: 97% 50%;
			color: red; text-decoration: none; font-size: 11px;}

	



/* MAINCONTENT */

div#maincontent { 
	width: 530px;
	background-color: white; 
	min-height: 100px; 
	margin-left: 2px;
	float: left;
}
	div#maincontent h1.pagetitle {background-color: #C0C0C0; font-size: 11px; font-weight: bold; padding: 5px; text-align: left; padding-left: 30px;}

	div#maincontent .home .pager {display: none;}
	div#maincontent .products {margin: 3px; clear: both; padding-top: 10px;}
	div#maincontent #am_98 .products { margin-top: 2px; padding-top: 0; }
	div#maincontent .products h4 {background-color: #C0C0C0; font-size: 11px; font-weight: bold; padding: 5px; text-align: left; padding-left: 30px; }
	div#maincontent .detail .back {clear: both; border: none; background-color: white; width: 83px; height: 20px;
                                 margin-top: 4px; cursor: pointer; cursor: hand; text-align: center; padding-top:2px;
                                  background-image: url("../site_images/button.gif"); background-repeat: no-repeat; color: red;}
	div#maincontent .detail .back a { text-decoration: none; font-size: 11px; color: red; padding-top: 8px; }

	div#maincontent .proditem {display: block; width: 170px; float: left; margin-top: 2px; margin-left: 1px;}
	div#maincontent .prodphoto { width: 160px; height: 160px; overflow: hidden; }
	div#maincontent .prodphoto p {padding: 2px; margin: 0px; padding-left: 4px;}
	div#maincontent .proditem .prodinfo {background-color: #ffffff; display: block; height: 110px;}
	div#maincontent .proditem .prodinfo p.prodescr {display: block; width: 165px; height: 56px; overflow: auto;}
		div#maincontent .pager_foundinfo {display: block; clear: both;}

	div#maincontent  p.prodmore span.prodmore, 
	div#maincontent  .addtobasket, 
	div#maincontent  .removefrombasket {display: block; width: 165px;  text-align: left; height: auto; padding-top: 4px;
			padding: 2px; padding-left: 5px; margin:1px; margin-top: 5px;
                        background-color: #ECECEC; border: 1px solid #ADADAD; border-top: 2px solid #ADADAD; border-bottom: 2px solid #ADADAD;}
	div#maincontent  p.prodmore span.prodmore {width: 165px;}
	
	 
        div#maincontent  p.prodmore span.prodmore,
        div#maincontent  .addtobasket,
        div#maincontent  .removefrombasket { width: 158px; }
	
	div#maincontent .addtobasket {background-image: url("../images/basket-icon-red.png"); background-repeat: no-repeat; background-position: 98% 50%;}
	div#maincontent .removefrombasket {background-image: url("../images/basket-icon-green.png");background-repeat: no-repeat; background-position: 98% 50%;}
	div#maincontent p.prodmore span.prodmore {background-image: url("../images/more-icon-red.png"); background-repeat: no-repeat; background-position: 97% 50%; }

	div#maincontent p.prodquant input.changequantity {background-color: #ECECEC; border: 1px solid #ADADAD; border-top: 2px solid #ADADAD; border-bottom: 2px solid #ADADAD; color: red;}

	div#maincontent p.prodmore span.prodmore a, 
	div#maincontent .addtobasket a, 
	div#maincontent .removefrombasket a {display: block; color: red; text-decoration: none; padding: 1px; padding-top: 2px;}

	div#maincontent .table-single-line {margin-top: 20px;}	
	div#maincontent .table-single-line .addtobasket,
	div#maincontent .table-single-line .removefrombasket {display: block; width: 16px; float: left; text-align: left; height: 22px ;
                        margin:1px; margin-top: 5px;
                        background-color: #ECECEC; border: 1px solid #ADADAD; border-top: 2px solid #ADADAD; border-bottom: 2px solid #ADADAD;}
	div#maincontent .table-single-line .addtobasket a,
	div#maincontent .table-single-line .removefrombasket a {display: block; text-decoration: none; height: 22px; padding: 0px;}
	div#maincontent .table-single-line .addtobasket {background-image: url("../images/basket-icon-red.png"); background-position: 50% 50%; background-repeat: no-repeat;}
	div#maincontent .table-single-line .removefrombasket {background-image: url("../images/basket-icon-green.png"); background-position: 50% 50%; background-repeat: no-repeat;}
	div#maincontent .table-single-line th { border-bottom: 3px solid #AC9DA4; border-top: 4px solid red;
                                font-size: 11px; font-weight: normal; text-align: left; background-color: #C0C0C0;
 	                              padding: 0; margin: 0; padding-top: 1px; padding-bottom: 1px; padding-left: 25px;}
	div#maincontent .table-single-line tr.rowclass1 {background-color: white;}
	div#maincontent .table-single-line tr.rowclass2 {background-color: #F3F2F2;}
	div#maincontent .table-single-line td {text-align: center;}
	div#maincontent .table-single-line p {font-size: 11px;}
	div#maincontent .table-single-line p.name a {color: black; text-decoration: none; font-size: 11px; }
	div#maincontent .table-single-line p.name a:hover  {text-decoration: underline;}

	div#maincontent .table-alldata tr {display: block; border: 1px solid #DED6DE; margin-top: 2px;}
	div#maincontent .table-alldata td.prodphoto {display: block; width: 150px; float: left; padding: 10px; padding-left: 0px; overflow: hidden; }
	div#maincontent .table-alldata p {padding-left: 10px; font-size: 11px; margin-top: 2px; }
	div#maincontent .table-alldata p.name a {color: black; text-decoration: none; font-size: 12px; font-weight: bold; padding-left: 3px;}
	div#maincontent .table-alldata p.name a:hover  {text-decoration: underline;}
	div#maincontent .table-alldata p.prodprice {display: none;}
	div#maincontent .table-alldata .addtobasket a,
        div#maincontent .table-alldata .removefrombasket a,
	div#maincontent .table-alldata p.prodmore span.prodmore {width: 160px;}
	
	div#maincontent .table-showone p.prodpriceFPA {background-image: url("../site_images/button.gif"); 
		background-repeat: no-repeat; width: 83px; height: 20px; }
	div#maincontent .table-showone p.prodpriceFPA span.prodvalue {display: block; padding-left: 15px;
		padding-top: 2px; color: red; font-weight: bold; font-size: 10px;}
	div#maincontent .table-showone tr {display: block; border: 1px solid #DED6DE; margin-top: 2px;}
	div#maincontent .table-showone tr td { margin-top: 2px; border: 1px solid #F3F2F2; padding-right: 6px;}
	div#maincontent .table-showone tr td.rightcell {padding: 10px; padding-top: 20px;}
	div#maincontent .table-showone p {padding-left: 10px; font-size: 11px; margin-top: 2px; }
	div#maincontent .table-showone p.name a {color: black; text-decoration: none; font-size: 12px; font-weight: bold; padding-left: 3px;}
	div#maincontent .table-showone p.name a:hover  {text-decoration: underline;}
	div#maincontent .table-showone p.prodprice {display: none;}
	div#maincontent .table-showone p.prodquant {margin-top: 30px;}
	div#maincontent .table-showone td.prodphoto {width: 250px;}
	div#maincontent .table-showone .addtobasket,
	div#maincontent .table-showone .removefrombasket {float: right;}	
	div#maincontent .table-showone .prodinfo ul {list-style-image: url("../site_images/tik.gif"); }
	div#maincontent .table-showone .prodinfo div.prodvalue ul li {border-bottom: 1px solid #D9D6D9; }
	div#maincontent .table-showone .prodinfo ul li:first-child {border-top: 1px solid #D9D6D9;}
	
	div#maincontent .divs-prosfora p {margin: 0px;}
	div#maincontent .divs-prosfora p.prodpriceFPA { margin-bottom: 5px; background-image: url("../site_images/button.gif"); 
		background-repeat: no-repeat; width: 83px; height: 20px; }
	div#maincontent .divs-prosfora p.prodpriceFPA span.prodvalue {display: block; padding-left: 20px;
		padding-top: 4px; color: red; font-weight: bold;}
	div#maincontent .divs-prosfora p.name {margin: 2px; font-size: 11px; height: 2.5em;  overflow: hidden;}
	div#maincontent .divs-prosfora p.name a {color: black; font-weight: bold; text-decoration: none;}
	div#maincontent .divs-prosfora p.name a:hover {text-decoration: underline;}
	div#maincontent .divs-prosfora p.manufacturer {margin: 2px; font-size: 11px; font-weight: bold; }
	div#maincontent .divs-prosfora p.prodescr ul {list-style-type: none; margin: none; padding: 0px;}
	div#maincontent .divs-prosfora p.prodescr ul li { margin: none;}
	div#maincontent .prosfores .pager {display: none;}

	div#maincontent .basketfooter {width: 500px; margin-left: 30px; padding-top: 20px;}
	div#maincontent .basketfooter span.prodlabel {font-size: 11px;}
	div#maincontent .basketfooter span.prodvalue {font-size: 11px;}
	div#maincontent .basketfooter .basketsumFPA span.prodvalue {font-weight: bold;}
	div#maincontent .basketfooter {margin-top: 10px;}
	div#maincontent .basketfooter .request_offer {display: none;}
	div#maincontent .basketfooter .dologin { margin-top: 20px;}
	div#maincontent .basket .gotobasket {display: none;}
	

	div#maincontent .sitemap { background-image: url("../site_images/greygradient.gif"); background-repeat: repeat-y; width: 229px; margin: 10px; margin-left: 20px; margin-right: 0px; float: left;} 
	div#maincontent .sitemap h1 { border-top: 3px solid red; width: 204px; border-bottom: 3px solid #AC9DA4;
                                font-size: 11px; font-weight: normal; text-align: left;
                                padding: 0; margin: 0; padding-top: 1px; padding-bottom: 1px; padding-left: 25px;}
        	div#maincontent .sitemap ul {list-style-type: none; padding-left: 20px; margin-left: 10px; margin-top: 15px; margin-bottom: 20px;}
	div#maincontent .sitemap ul ul { padding-left: 10px; margin-top: 5px; margin-bottom: 5px;}
	div#maincontent .sitemap ul a {font-size: 11px; color: black; text-decoration: none;}
	div#maincontent .sitemap ul li.newnode a {color: red;}
	div#maincontent .sitemap > a {color: red; padding: 3px; display: block;}
	
	div#maincontent .thelogin {margin-left: 70px; width: 300px; text-align: center;}
	div#maincontent .thelogin label {width: 70px; display: block; float: left; text-align: left; padding-left: 20px; margin-left: 30px;}
	div#maincontent .thelogin p {margin: 0px; padding: 0px; margin-top: 5px; }
	
	div#maincontent .statuscont {text-align: center;}

	div#maincontent .register_html,
	div#maincontent .register,
	div#maincontent .recycle,
	div#maincontent .address {padding-left: 10px; border: 1px solid #cccccc; padding-top: 5px; padding-bottom: 5px;font-size: 11px;}
	div#maincontent .address p {padding: 2px; margin: 2px; }
	div#maincontent .register_html { border-bottom: none; border-top: none;}
	div#maincontent .register {border-top: none;}
	div#maincontent .contactform {padding-left: 10px; border: 1px solid #cccccc; margin-top: 5px; margin-bottom: 15px; }
	div#maincontent .contactform .contactform {padding: 0px; margin: 0px; border: none;}
	div#maincontent .contactform h1 { text-align: left; padding-left: 5px; font-size: 11px; color: black;}
	div#maincontent .contactform label {color: black; display: block; width: 100px; float: left; clear: left; margin-top: 10px;font-size: 11px; }
	div#maincontent .contactform input[type=text] {display: block; width: 150px; float: left; margin-top: 10px; margin-right: 50px;font-size: 11px;}
	div#maincontent .contactform textarea {display: block; width: 250px; float: left; margin-top: 10px; margin-right: 50px;font-size: 11px;}
	div#maincontent .contactform button {display: block; clear: both;font-size: 11px;
				border: none; background-color: white; width: 83px; height: 20px;
                                margin-top: 4px; cursor: pointer; cursor: hand;
                                background-image: url("../site_images/button.gif"); background-repeat: no-repeat; color: red;}
	div#maincontent .contactform .config {width: 540px;}
	div#maincontent .contactform .config label,
	div#maincontent .contactform .config input[type=text],
	div#maincontent .contactform .config textarea,
	div#maincontent .contactform .config button {float: none; display: inline;}
	
	.sticky {background-color: #ECECEC; border: 1px solid #ADADAD; border-top: 2px solid #ADADAD; border-bottom: 2px solid #ADADAD; color: red; display: block; text-align: center; font-weight: bold; padding-left: 2px; margin-lefT: 5px; margin-top: 4px;}


/* RIGHTMENU */
div#rightmenu { 
	background-color: #AB99A0; 
	width: 200px; 
	min-height: 100px; 
	float: left; 
}

/* BOTTOM */

div#bottom { 
	width: 780px;
	clear: both;
	height: 50px;
	font-size: 12px; 
	border-top: 4px solid red;
	background-color: white;
}

div#bottom span#copyright{font-size: 12px; color: black;  }
div#bottom span#credits{ float: right; font-size: 12px; color: black; }
	
 	div#bottom .bottommenu {float: left; margin: 0px; padding: 0px; width: 530px;}
        div#bottom .bottommenu ul { margin: none; padding: none; list-style-type: none;}
        div#bottom .bottommenu ul li {margin-left: 1px; margin-right: 7px; padding: 2px; float: left;}
        div#bottom .bottommenu ul li a {color: black; font-weight: normal; font-size: 11px; text-decoration: none;}
	div#bottom .bottommenu ul li a:hover {text-decoration: underline;}
        div#bottom .bottommenu form {margin: none; padding: none;}
	div#bottom .bottommenu ul ul {display: none;}



/* INIT (TA basika modules apo to init.php) */
div#SITECONFIG{ 
	display: block;
	width: 780px;
	clear: both;
	font-size: 12px; 
}

div#init{ 
	display: block;
	width: 780px;
	clear: both;
	font-size: 12px; 
}
