/***************************************************************************
                          Etiko software
                             -------------------
    development          : 2001-200x by Etikweb
    website              : www.etikweb.com
 ***************************************************************************/

/***************************************************************************
 *                                                                         *
 *   This program is free software; you can redistribute it and/or modify  *
 *   it under the terms of the GNU General Public License as published by  *
 *   the Free Software Foundation; either version 2 of the License, or     *
 *   (at your option) any later version.                                   *
 *                                                                         *
 ***************************************************************************/

 





/*@charset "iso-8859-1";background-image: url("images/green-donna-bg.png");   */

/*a:link		{ color: #064d9e;font-weight: bold; } /*909090*/
a:link		{ color: #777777;font-weight: normal; } /*909090*/
/*a:visited	{ color: #064d9e;font-weight: bold;}*/
a:visited	{ color: #777777;font-weight: normal;}

/*a:hover		{ background: #064d9e;
	color: #66FF66;
	font-weight: bold;}*/
a:hover	
{ /*background: #dddddd;*/
	color: #000;
	font-weight: normal;}
	
a:active	{ color: #222222;font-weight: normal;}

html, body {

  margin: 0px 0px 0px 0px;
  background: #ffffff;
	color: #494949;
  }


html, body, h1, h2, h3, h4, div, p, ul, li, input {
/*   font-family: Verdana, Arial, Helvetica, sans-serif;*/
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#333;
}



a img { color: #fff; }         /* hide the border in Netscape 4 */
@media all {                   /* hide from Netscape 4 */
  a img { color: inherit;     /* undo the rule above */
    border: none;               /* hide from Netscape 4 */
    }
  }

/* White link, to advanced search */
a.logo-link:link {color: #064d9e;    font-weight: bold;}
a.logo-link:visited {color: #064d9e; font-weight: bold;}
a.logo-link:hover {color: #064d9e;   font-weight: bold;}


.logo { /* Site logo div: includes image and search field */
   text-align: left;
   margin: 0px;
   padding-top: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   width: 100%;
   background-color: transparent; /* Logo */
   }
.logo-image { /* Site logo image (nested inside logo) */

   position: relative;
   margin: 0px;
   width: 50%;
   background-color: transparent; /* Logo */
   font: 10px arial, verdana, helvetica, sans-serif;
   }

.logo-search { /* Site search field (nested inside logo) */
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 65px;
  background-color: transparent; /* Logo */
  font: 10px arial, verdana, helvetica, sans-serif;
  text-align: right;
  padding-right: 15px;
  padding-top: 25px;

  }

.header-menu{ /* Menu below the logo */
  width:        100%;
  height:	20px;
  /*background-color: #66FF66;/*#8cc63f;/**/
  /*background-color: #cccf19;*/
  text-indent:      3px;
  /*font: 12px Verdana, Arial, Helvetica, sans-serif;*/
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
/*	color: #064d9e;*/
  color: #cccf19;
  /*border-top:2px solid #064d9e;*/
  border-top:2px solid #f37021;
  padding-top:10px;
  }

/* White link, for the header menu */
div.header-menu{
  }

a.header-menu_l:link{ 
  /*color: #064d9e;*/
  color: #f37021;
  font-weight: normal;
  } /*909090*/

 a.header-menu_l:visited{ 
  /*color: #909090;*/
    color: #f37021;
  }

a.header-menu_l:hover{
	background: #f37021;
	color:#fff;
	}

a.header-menu_l:active{
	color:#fff;
	background: #f37021;
	font-weight:bold;
	}


/** Image on hover **/
.thumb {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
	border:0px;
	
}
.thumb img { 
	/*border:1px solid #000;*/
	border:1px solid #cccf19;
	vertical-align:bottom;
}
.thumb:hover {
	border:0px; /* IE6 needs this to show large image */
	z-index:1;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
	border:0px;
}
.thumb:hover span { 
	visibility:visible;
	top:37px; left:37px; 
	border:0px;
}





/* Columns *******************************************/

.left-menus-navigation { /* Left menu */
  background: transparent;
  padding-top: 10px;
  /*color: #064d9e;*/
  color: #f37021;
  float: left;
  width: 18%;
  border: none;
  /*font: 12px verdana, arial, helvetica, sans-serif;*/
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    }

.right-menus-navigation { /* Right menus */
  background: transparent; /* Blocks' background */
  padding-top: 10px;
  padding-left: 2%;
  /*color: #064d9e;*/
  color: #f37021;
  float: right;
  width: 18%;
  border: none;  
  /*font: 12px verdana, arial, helvetica, sans-serif;*/
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.main-content { /* Body, for contents */
  background: transparent;
  /*color: #064d9e;*/
   /*color: #f37021;*/
  color: #222;
  float: left;
  width: 59%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 2%;
  /*text-indent: 5px;*/
  /*font: 14px arial, verdana, helvetica, sans-serif;*/
  font-size:14px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


div.left-menus-navigation + div.main-content + div.right-menus-navigation {
/*   border-top: 1px solid #000;
   border-right: 1px solid #000;
*/}

.navigation-header div, .navigation-menu {
  background: transparent; /* Blocks' background */
  /*border: 2px solid #66FF66; /* #c0c0c0;*/
  border: 1px solid #cccf19;
  /*padding: 0px;*/
  padding-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  line-height:140%;
   /*border-color: #064d9e; /* #e0e0e0; */
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
   /*font: 12px arial, verdana, helvetica, sans-serif;*/
  /*color: #064d9e;*/
  color: #f37021;
  }

.navigation-header, h2.navhead {
  /*background:  #66FF66;*/ /*#e0e0e0; /*#2F9760; /* Blocks' headers (0.18, 0.59, 0.38) */
  background:  #eeeeee;
  color: #cccf19;
  border: none;
  width: 100%;
  font-weight: bold;
  font-size: medium;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-indent: 0.5em;
  margin-top: 0;
  padding: 0.1em 0;*/
  }
.navigation-header h2, .navigation-header div, .navigation-header p, .navigation-header ul {
   background: transparent; /*#eec;*/
   /*color: #064d9e;*/
   color: #777777;
  }


.navigation-header div, .navigation-header p, .navigation-header ul {
   margin-top: 0.2em;
}

.navigation-menu ul li {
   margin-left: -10px;
   margin-top: 0px;
   background: transparent; /*#D7F9B9;/*#eec;*/
   /*color: #064d9e;*/ /*#885;*/
   color: #777777;
   list-style:circle;
}

.userMenu div, .userMenu {
  background: transparent; /* Blocks' background */
  border: 1px solid #f37021;
  padding: 10px;
  margin-bottom: 10px;
/*   border-color: #064d9e; /* #e0e0e0; */
  font: 11px arial, verdana, helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  /*color: #064d9e;*/
  color: #333;
  }
.hproduct div {
  background: transparent; /* Blocks' background */
/*  border: 2px solid #48AA43;
  padding: 10px;
  margin-bottom: 0px;*/
/*   border-color: #000000; /* #e0e0e0; */
/*   font: 11px arial, verdana, helvetica, sans-serif; */
/*  font-weight: bold;
  text-align: center;
  color: #000000;*/
  }
.product-abstract div, .product-abstract {
  background: transparent; /* Blocks' background */
  /*border: 2px solid #66FF66;*/
  border: 1px solid #f37021;  
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #064d9e; /* #e0e0e0; */
  font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #064d9e;
  }

div.clearer {
  clear: left; 
  line-height: 0; 
  height: 0; 
  border: none;
  }

/* Show category before articles/products, etc */

.category div, .category {
  background: transparent; /* Blocks' background */
  border: 1px solid #66FF66;
  padding: 10px;
  margin-bottom: 0px;
  /*   border-color: #064d9e; /* #e0e0e0; */
  border-color: #cccf19;
  font: 11px arial, verdana, helvetica, sans-serif;
  /*color: #064d9e;*/
  color: #f37021;
  
  }
/* General box */
.box div, .box {
  background: transparent; /* Blocks' background */
  /*border: 2px solid #66FF66;*/
  border: 1px solid #f37021;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #064d9e; /* #e0e0e0; */
  font: 13px arial, verdana, helvetica, sans-serif;
  /*color: #064d9e;*/
  /*color: #cccf19;*/
  color: #333;
  
  }

/* General box */

.box2 {

 background: transparent; /* Blocks' background */
 /*border: 2px solid #66FF66;*/
 border: 1px solid #f37021;
 padding: 10px;
 margin-bottom: 0px;
 /*border-color: #064d9e; /* #e0e0e0; */
 font: 13px arial, verdana, helvetica, sans-serif;
 /*color: #064d9e;*/
 color: #333;
}

/* Notice box */

.noticebox div, .noticebox {
 background: transparent; /* Blocks' background */
 border: 1px solid #f37021;
  padding: 10px;
 margin-bottom: 0px;
 /*   border-color: #064d9e; /* #e0e0e0; */
 font: 13px arial, verdana, helvetica, sans-serif;
 color: #333;
}


/* Show comment */

.comment div, .comment {
  background: transparent; /* Blocks' background */
  border: 2px solid #66FF66;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #064d9e; /* #e0e0e0; */
  font: 11px arial, verdana, helvetica, sans-serif;
  color: #064d9e;
  }

/* Search field, etc */

.search div, .search {
  background: transparent; /* Blocks' background */
  border: 1px solid #064d9e;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #064d9e; /* #e0e0e0; */
/*  font: 11px arial, verdana, helvetica, sans-serif;*/
  color: #064d9e;
  }

ul li {
   margin-left: 0px;
   margin-top: 10px;
   content: "+";
}

ol li {
   margin-left: 0px;
   margin-top: 10px;
}

/* General headings **/
h1 {
  color: #fff;
  background: #cccf19;
  border: none;
  font-weight: normal;
  font-size: 134%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0.1em;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  }
h1 a:link {color: #fff;    font-weight: bold; background: #cccf19; text-decoration:none;}
h1 a:visited {color: #fff; font-weight: bold; background: #cccf19; text-decoration:none;}
h1 a:hover {color: #fff;   font-weight: bold; background: #cccf19; text-decoration:underline;}

h2 {
  color: #000;
/*  background: #e0e0e0;*/
  border: none;
  font-weight: bold;
  font-size: 134%;
/*  font-style: italic;*/
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0.1em;
}

h3 {
  color: #000;
/*  background: #e0e0e0;*/
  border: none;
  font-weight: bold;
  font-size: 117%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0.1em;
}

h4 {
  color: #064d9e;
/*  background: #e0e0e0;*/
  border: none;
  font-style: italic;
  font-size: 109%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0.1em;
  }

h5 {
  color: #064d9e;
/*  background: #e0e0e0;*/
  border: none;
  font-weight: bold;
  font-size: 105%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0.1em;
  }

.footer-menu{ /* Footer */
  clear: both;
  padding-top: 10px;
  padding-bottom: 2px;
  width:            100%;
  /*background-color: #66FF66;*/
  background-color: #dddddd;
  text-align: center;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:13px;
  /*color: #064d9e;*/
  color: #f37021;  
  /*border-top: 2px solid #000;*/
  border-bottom: 2px solid #cccf19;
  }

/* Settings for forms *****************************************/
.button { /* Pushbutton */
  color:			#000000;
  background-color:	#F0F0F0;
  font-weight:		bold;
  font-size:		12px;
  text-align:		center;
  padding-left:		5px;
  padding-right:	5px;
  padding-top:		1px;
  padding-bottom:	3px;
  text-decoration:	none;
  margin-left:		3px;
  margin-top:		0px;
  margin-bottom:	0px;
  border:		1px solid #aaaaaa;
  border-radius:	5px;
  white-space:		nowrap;
}
.inputbox { /* Text box */
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #064d9e;  
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}

.floatLeftRect div, .floatLeftRect{
  width: 115px;
  height: 140px;
  background-color: #064d9e;
  border: 1px solid;
  float: left;
}










/*** CSS for image slider ***/
#image-slider {
  margin: 2px auto;
  width: 200px;
/*  height: 300px;*/
  float: left;
  text-align: center;  
}

#image-navigation {
  margin: 2px;
  text-align: center;
  z-index: 10;
}

#image-navigation a {
  text-decoration: none;
/*   background: #333333; */
/*   padding: 0px 0px; */
/*   color: #ffffff; */
  display: inline-block;
}

#image-navigation a:hover {
/*   background: #000000; */
  color: #ffffff;
}

#slides {
  height: 300px;
  overflow: hidden;
  position: relative;
}

#slides img {
  position: absolute;
  top: 0;
  left: -500px;
}

#slides img {
  z-index: 1;
  opacity: 0;
  /* animation */
  transition: all linear 400ms;
  -o-transition: all linear 400ms;
  -moz-transition: all linear 400ms;
  -webkit-transition: all linear 400ms;
}

#slides div {
  display: none;
  position: fixed;
}

#slides div:target + img {
  left: 0;
  z-index: 5;
  opacity: 1;
}

#slides img.default {
  left: 0;
  z-index: 5;
  opacity: 1;
}

#slides div:target ~ img.default {
  z-index: 1;
  opacity: 0;
  left: -500px;
}


/******* Ratings system 2 pure CSS ahd HTML ***/
.starRating:not(old){
  display        : inline-block;
  width          : 7.5em;
  height         : 1.5em;
  overflow       : hidden;
  vertical-align : bottom;
}


.starRating:not(old) > input{
  margin-right : -100%;
  opacity      : 0;
}

/** off state stars */
.starRating:not(old) > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url('images/star_empty.png');
  background-size : contain;
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 1.5em;
  height          : 1.5em;
  background      : url('images/star_full.png');
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
  opacity : 1;
}
/**********/

/** for robots**/
.extra_field { display: none; }