html { overflow: -moz-scrollbars-vertical;}
body { margin: 0px; padding: 0px; background-color: #0C0E0B; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 11px; color: #57544b;}
table, tr, td, div, p, img {   margin: 0px auto;}
img { border:0px; }
ul, li { list-style: square; list-style-position: inside; margin: 0px; padding: 0 0 0 12px; line-height: 20px; border-bottom: 1px dotted #FEF5D8}
.style1 { font-family: "Trebuchet MS, arial, verdana", Verdana, sans-serif; font-size: 11px; color: #57544b;}
.style2 { font-family: "Trebuchet MS, arial, verdana", Verdana, sans-serif; font-size: 11px;  color: #57544b;}
.style3 { font-family: "Trebuchet MS, arial, verdana", Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #cc3333;}
.style4 { font-family: "Trebuchet MS, arial, verdana", Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #094E41; text-decoration: underline;}
.linka { font-family: "Trebuchet MS, arial, verdana", Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #57544b; text-decoration: underline;}
.linka:hover {color: #c33;}
.linkb { font-family: "Trebuchet MS, arial, verdana", Verdana, sans-serif; font-size: 11px; color: #57544b; text-decoration: underline;}
.linkb:hover {color: #c33;}
.linkc { font-family: "Trebuchet MS, arial, verdana", Verdana, sans-serif; font-size: 11px; color: #57544b; text-decoration: none;}
.linkc:hover {color: #57544b; text-decoration: underline;}
.footer { font-family: "Trebuchet MS, arial, verdana", Verdana, sans-serif; font-size: 11px; color: #57544b;}
#clicker { display: block; padding: 10px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 16px; color: #57544b;  text-decoration: underline;}
#proddetails { display: none; padding: 10px;}
#proddetails2 { display: none; padding: 10px;}
a.product_name:link, a.product_name:visited, a.product_name:active  {font-size: 10px; color:#666666; text-decoration:none;}
a.product_name:hover  {font-size: 10px; color:#666666; text-decoration:underline;}
.feat_prod {
border-left:3px; border-style:dotted; border-left-color:#E1D8BB; background-color:#EDE4C5;}
#product td { font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#product { font-weight:15px; color:#846E3F; }
#product td{ font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:1px #DFD2A7 dotted; }
 
#product h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
/* step crausel */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #f0f0f0;
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* zoom */

iframe#mlightbox_frame {
    background-color: transparent;
    overflow-x: hidden;
    overflow-y: hidden;
}

#mlightbox_wrapper {
  position: fixed;
  bottom: 0px;
  
  overflow: hidden;

  padding: 0;
  margin: 0;
  width: 100%;
  z-index: 100;
  
  background: #EBE9ED;

  font: 11px Verdana;
  font-weight: bold;
  
  height: 125px;  /* includes transparent part */
  
  vertical-align: bottom;

}

.loadingcircle {
  background-image: url(http://www.inmagine.com/image/loadingorange.gif);  
  position: relative; 
  top: 0px;
  background-repeat: no-repeat; 
}
.thumbnail3 {
float: left;

width: 140px;

/*border: 1px solid #999;*/

margin: 2px 1px 2px 1px;

padding: 3px;}