/***************************************************************************
                          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.                                   *
 *                                                                         *
 ***************************************************************************/

/* bagasgoji.com style */
 
/*@charset "iso-8859-1";*/
a:link		{ color: #383431; font-weight: bold; } /*909090*/
a:visited	{ color: #5c3b8a; font-weight: bold; }
a:hover		{ color: #a5230C; font-weight: bold; }
a:active	{ color: #ff0000; font-weight: bold; }



html, body {
  margin: 0px 0px 0px 0px;
  background-color: #ffffff; /* #e3ffdB; Page Background color (0.83,0.93,0.79) */
  color: #000;
   text-align: justify;
  }

html, body, h1, h2, h3, h4, div, p, ul, li, input {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 16px;
   color: #383431;
}


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: #666666; font-weight: bold;}

.logo { /* Site logo */
   text-align: left;
   margin: 0px;
   padding-top: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   width: 100%;
   height: 65px;
   background-color: #ffffff; /* Logo */
   border-color: #000000;
/*   border-width: 2px;*/
   }

.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;
  }

.banner { /* Banner field */
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: left;
  font: 9px arial, verdana, helvetica, sans-serif;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 473px;
  height: 75px;
  background-color: #ffffff; /* Banner Field */
  line-height: 65px;
  }


.header-menu{ /* Menu below the logo */
  width:        100%;
  height:	20px;
  background-color: #B82D32;/**/
  text-indent:      3px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #ffffff;
  }

div.header-menu{

  }
a.header-menu_l:link{ 
  color: #ffffff;
  } /*909090*/
 
a.header-menu_l:visited{ 
  color: #ffffff;
  } /*909090*/
  
a.header-menu_l:hover{ color: #ccaaaa }
a.header-menu_l:active	{ color: #ff0000 }


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

/* Show category before articles/products, etc */
.category div, .category {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 11px arial, verdana, helvetica, sans-serif;
  color: #000000;
  }

/* General box */
.box div, .box {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 13px arial, verdana, helvetica, sans-serif;
  color: #000000;
  }

/* General box */
.box2 {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 13px arial, verdana, helvetica, sans-serif;
  color: #000000;
  }


/* Notice box */
.noticebox div, .noticebox {
  background: transparent; /* Blocks' background */
  border: 1px solid #ffc0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 13px arial, verdana, helvetica, sans-serif;
  color: #FF0000;
  }


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



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

.left-menus-navigation { /* Left menu */
  background: transparent; /* Blocks' background */
  padding-top: 10px;
  color: #000;
  float: left;
  width: 18%;
  border: none;
  font: 10px verdana, arial, helvetica, sans-serif;
  color: #000;
  }

.right-menus-navigation { /* Right menus */
  background: transparent; /* Blocks' background */
  padding-top: 10px;
  padding-left: 2%;
  color: #000;
  float: right;
  width: 18%;
  border: none;
  font: 10px verdana, arial, helvetica, sans-serif;
  color: #000;
  }

.main-content { /* Body, for contents */
  background: transparent;
  color: #000;
  float: left;
  width: 59%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 2%;
/*   border-left: 1px solid #000;
   border-right: 1px solid #000;*/
  text-indent: 5px;
/*  border-bottom: 1px solid #000; */
  font: 10px arial, verdana, helvetica, sans-serif;
  color: #000;
}





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 */
  padding: 0px;
  padding-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom    : 10px;
/*   border-color: #000000; /* #e0e0e0; */
   font: small arial, verdana, helvetica, sans-serif;
  font-weight: bold;
  }


.navigation-header, h2.navhead {
  background:  #B83D32; /*#2F9760; /* Blocks' headers (0.18, 0.59, 0.38) */
  color: #FFFFFF;
  border: none;
  width: 100%;
  font-weight: bold;
  font-size: medium;
  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: #000;
  }

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

.navigation-menu ul li {
   margin-left: -10px;
   margin-top: 5px;
   background: transparent; /*#D7F9B9;/*#eec;*/
   font-size: small;
   color: #000000;
}



.userMenu div, .userMenu {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 0px;
  padding-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 11px arial, verdana, helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000000;
  }

.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: 1px solid #c0c0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 11px arial, verdana, helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000000;
  }

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



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

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


/* General headings **/

h1 {
  color: #5C1904;
  border: none;
  font-weight: bold;
  font-size: 24pt;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0.1em;
  }

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

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

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


h5 {
  color: #000000;
  background: #ffffff;
  border: none;
  font-weight: bold;
  font-size: 101%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0.1em;
  }




.footer-menu{ /* Footer */
  clear:            both;
  padding-top:      10px;
  width:            100%;
  background-color: #B82D32; /*#EFF7E0;/**/
  text-align:       center;
  font: 14px arial, verdana, helvetica, sans-serif;
  color:            #ffffff;
  }

.footer-menu a {  color: #ffffff; }




/* 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            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}









/* User products ***************************************************************/


.productPreviewBackground div, .productPreviewBackground {
/*  background: transparent; /* Blocks' background */
/*  width: 300px;
  height: 300px;
/*  margin-top: 50%;*/
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #c0c0c0;
/*  margin-bottom: 50%;*/
/*   border-color: #000000; /* #e0e0e0; */
  font: 11px arial, verdana, helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000000;

  }

.productPreview div, .productPreview {
  background: transparent; /* Blocks' background */
/*  margin-left: auto;
  margin-right: auto;
/*  width: 90px; /* should be 70 */
/*  height: 90px; /* should be 95 */
/*  border: 1px solid #c0c0c0; /**/
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
/*  font: 14px arial, verdana, helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
/*  color: #FF0000;*/
  z-index: 2;
  }



.productPreviewMenu div, .productPreviewMenu {
  background: transparent; /* Blocks' background */
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #c0c0c0;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 11px arial, verdana, helvetica, sans-serif;
  text-align: left;
  color: #000000;
  }


.floatLeftRect div, .floatLeftRect{
  width: 115px;
  height: 140px;
  background-color: #fff;
  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  **/

.rate_widget {
    border:     1px solid #CCC;
    overflow:   visible;
    padding:    10px;
    position:   relative;
    width:      180px;
    height:     32px;
    
}
.ratings_stars {
    background: url('images/star_empty.png') no-repeat;
    float:      left;
    height:     28px;
    padding:    2px;
    width:      32px;
}
.ratings_vote {
    background: url('images/star_full.png') no-repeat;
}
.ratings_over {
    background: url('images/star_highlight.png') no-repeat;
}

.total_votes {
    background: #eaeaea;
    top: 58px;
    left: 0;
    padding: 5px;
    position:   absolute;  
} 
.user_rating {
    font: 10px verdana, sans-serif;
    margin: 0 auto 40px auto;
    width: 180px;
/*    top: 0;
    position: relative;
    left: 0;*/
}

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