/* ISO-PLUS S.A. Natural nutritional health supplements CSS Document
Created by Zefxis Creative - Arvanitaki Athanasia
http://www.zefxiscreative.gr*/

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
margin:0px;
padding:0px;
background-color:#D8E3F0;
line-height:130%;
}
a{
text-decoration: none;
}
a:link, a:visited{
color:#333399;
}
a:hover{
color:#FF6600;
}

p{
margin:0px;
padding:0px;
}
#container{
width:100%;
min-width:850px;/*823px*/
}
#clrorange{
clear:both;
background-color:#FF6600;
}
#clrblue{
clear:both;
background-color:#8297C6;
}
#bgorange{
background-color:#FF6600;
}
#top{
background-color:#fff;
height:90px;
}
#header, #embed, #main, #mainnav, #footer{
margin-left:auto;
margin-right:auto;
width:823px;
}
#headerlogo{
float:left;
}
#headerright{
float:right;
text-align:right;
color:#8297C6;
}
#home{
padding:5px 0px 10px 0px;
margin-right:1px;
}
#lang{
padding:5px 0px 10px 0px;
margin-right:1px;
}
/*#indexlang{
text-align:center;
padding:5px 0px 30px 0px;
}*/
#headerright form{
margin:0px;
padding:0px;
}
#headerright input{
margin:1px;
padding:4px;
border:none/*1px solid #8297C6*/;
background-color:#D8E3F0;
color:#8297C6/*#333399*/;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#headerright .button{
vertical-align:top;
background-color:#97B7DE/*#CBDBEE#D8E3F0*/;
/*color:#8297C6;*/
border:none/*1px solid #fff*/;
}
#middle{
background-color:#fff;
}
#embed{
text-align:center;
padding:5px 0px 15px 0px;
background-color:#fff;
}
#mainnavcontainer{
background-color:#8297C6;
height:65px;
}
#mainnav{
position:relative;
/*position:absolute;
top:103px;*/
}
#mainnav ul{ 
list-style-type:none; 
padding:0;
margin:0;
font-size:11px;
line-height:16px;
text-align:right;
}
#mainnav ul li{ 
float:left;
display:inline; 
padding:0;
margin:0;
}
#mainnav ul li a{
color:#fff;
height:45px;
padding:8px 8px 12px 8px; /*20px 8px 0px 8px */
display:block;
width:100px;  /*120*/
border-right:1px solid #D8E3F0/*#fff*/;
}
#mainnav ul li a:hover, #mainnav ul li a.mainselected{
/*padding:25px 7px 0px 8px;*/
background-color:#97B7DE;
/*height:50px;
padding:10px 8px 20px 8px;*/
padding:12px 8px 8px 8px;
}
#mainnav ul li.mainselected{
/*padding:25px 7px 0px 8px;*/
background-color:#97B7DE;
color:#fff;
height:45px;
padding:12px 8px 8px 8px; /*20px 8px 0px 8px */
width:100px; /*120*/ 
border-right:1px solid #D8E3F0/*#fff*/;
}


/*------------------------------*/

#main{
/*height:300px;*/
}
#leftimg{
float:left;
background-color:#CBDBEE/*#C8D8E8*/;
width:200px/*198px188px158px*/;
height:305px;
}
#leftnav, #leftnavsmall, #leftnavbig{
float:left;
background-color:#CBDBEE/*#C8D8E8*/;
width:200px/*198px188px158px*/;
padding-top:20px;
font-size:90%;
}
#leftnav {
height:285px;
}
#leftnavsmall{
height:176px;
}
#leftnavbig {
height:387px/*317px*/;
}
#leftnavbig ul, #leftnavsmall ul, #leftnav ul{
list-style-type:none; 
text-align:left;
padding:0; 
margin:0; 
} 
#leftnav p{
padding:0px 15px 10px 15px;
}
/*#leftnav table.club{
color:#333399;
padding:2px 5px 2px 10px;
}
#leftnav table.club td{
padding:2px 0px 2px 0px;
}*/
#leftnavbig ul li a, #leftnavsmall ul li a, #leftnav ul li a{
display:block;
width:160px/*163px158px145px125px*/;
padding:3px 5px/*3px*/ 3px 20px/*17px*/;
color:#000;
border-bottom:1px solid #8297C6;
} 
#leftnavbig ul li a:hover, #leftnavsmall ul li a:hover, #leftnav ul li a:hover{
background-color:#BDD4F0/*#D8E3F0#B1C3D9*/;
background-image:url(../buttons/logo_flower.gif);
background-repeat:no-repeat;
background-position:4px 4px;
} 
#leftnavbig li.leftselected, #leftnavsmall li.leftselected, #leftnav li.leftselected{
background:url(../buttons/logo_flower.gif) no-repeat 4px 4px;
color:#333399;
display:block;
width:160px/*163px158px145px125px*/;
padding:3px 5px/*3px*/ 3px 20px/*17px*/;
border-bottom:1px solid #8297C6;
} 
#content{
padding:22px 0px 10px 0px;
}
#content1{
padding:22px 0px 5px 250px/*253px243px218px198px178px*/;
}
/*mainimages logos*/
#content img, #content1 img{
padding:0px 0px 15px 0px;
}
.newprod{
float:right
}
#prodimg {
padding:0px 20px 0px 0px;
margin:0px;
float:left;
}
#prodimg img{
padding:2px 0px 10px/*20px*/ 0px;
}
#prodtext {
overflow:auto;
padding:0px 30px 0px 0px;
margin:0px;
}
/*
#prodlist td{
padding:0px;
margin:0px;
}*/
#prodlist  {
margin-bottom:10px;
}
#prodlist th {
/*border-bottom:1px solid #97B7DE;*/
text-align:left;
padding:3px 10px 5px 15px;
border-bottom:1px solid #8297C6;
border-top:1px solid #8297C6;
vertical-align:top;
}
#prodlist td {
border-bottom:6px solid #D8E3F0;
/*border-bottom:1px solid #97B7DE;*/
vertical-align:top;
}
#prodlist td.tdimg {
background-color:#CBDCEE;
}
#prodlist td.tdimg img {
padding:0px;
}
#prodlist td.tdtext {
padding:10px 10px 2px 15px;
}
#prodlist td.tdtext p {
padding:0px 0px 5px 0px;
}
#code {
text-align:center;
margin:0px 5px 10px 0px;
}
#price{
margin:10px 0px 8px 0px;
color:#333399;
}
/*editions*/
#text td.tded {
vertical-align:top;
padding:0px 0px 15px 0px;
}
#text td.tded img{
padding:0px;
}
#text td.tded p{
padding:5px 5px 5px 15px;
}
h1{
font-size:100%;
color:#FF6600;
margin:0px 0px 15px 0px;
}
h2{
font-size:120%;
line-height:160%;
font-weight:normal;
text-align:center;
color:#333399;
margin:10px 20px 25px 20px;
}
#imgone{
padding:0px;
margin:0px;
}
#text{
overflow:auto;
padding:0px 30px 0px 0px;
margin:0px;
}
#text p, #prodtext p{
padding:0px 0px/*12px*/ 8px 0px;
}
#text p.nopad{
padding:0px;
}

h3{/************first**************/
font-size:100%;
color:#333399;
padding:0px 0px 5px 0px;
margin:0px;
}
h4{
font-size:100%;
color:#333399/*#ff6600*/;
padding:5px 0px 5px 0px;
margin:0px;
}
#text ul, #prodtext ul{
list-style-type:none; 
/*padding:0px 0px 8px 0px;
margin:0px;*/
margin:0px 0px 8px 0px;
}
#text ul li, #prodtext ul li{
background-image:url(../buttons/bullet.gif);
background-repeat:no-repeat;
background-position:0px 4px;
padding:0px 0px 5px 10px;
/*margin:0px;*/
}
/*#text .return{
text-align:right;
margin:0px 0px 0px 0px;
}*/
#footer{
font-size:80%;
line-height:180%;
}
a.zefxis{
color:#666666;
}
a.zefxis img{
border:none;
}
#footerleft{
float:left;
}
#footeraddr{
position:relative;
left:10px;
}
#footeraddr p{
padding-top:5px;
}
#footerright{
float:right;
width:50%;
}
#footerright p{
margin:5px 0px 5px 0px; 
text-align:right;
}

/*********************************/
#main form{
color:#333399;
margin:5px 0px 0px 0px;
padding:0px;
}
#main form input, #main form textarea{
border:none;
color:#333399;
padding:2px;
border:1px solid #8297C6;
text-decoration:none;
font-size:100%;
}
#main form textarea{
width:240px;
height:60px;
}
#main form select{
color:#333399;
border:1px solid #8297C6;
font-size:100%;
}
#main form .button{
border:1px solid #333399;
background-color:#CBDBEE;
width:115px;
color:#333399;
padding:2px;
font-size:100%;
}
#main form .checkbox{
padding:0px;
margin:0px;
}
#main .button/*, #headerright .srcbutton*/{
border:1px solid #333399;
color:#333399;
background-color:#CBDBEE;
width:160px;/*180px*/
padding:2px;
font-size:100%;
}
#main .button{
width:160px;/*180px*/
}
/*#headerright .srcbutton{
width:110px;180px
}*/
#main .button:hover/*, #headerright .srcbutton:hover*/{
background-color:#97B7DE;
cursor:hand;
}

