@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background: #CCCCCC url(../images/bg.jpg) repeat-y center; font-family: Arial, Helvetica, sans-serif; color: #666;}

#masthead { width: 100%; background: url(../images/masthead.png) repeat-x 0 0; height: 37px; }
#page { width: 995px; background: #B5B2AD url(../images/pagebg.png) no-repeat top; margin: 0 auto; padding-bottom: 20px; }

h1.logo { height: 204px; width: 232px; margin: 20px auto; background:url(../images/bonsaigroup.png) no-repeat; text-indent: -9999px; }

p.overview { width: 955px; margin: 40px auto 20px auto; font-size: 30px; }

#page ul { width: 955px; margin: 0 auto 20px auto; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 15px 0; font-size: 21px; }
#page ul li { list-style-type: none; display: inline; margin-left: 6px; }

#page a { text-decoration: none; border-bottom: 1px dotted #666; color: #666; }


#leftimage { position: relative; width: 420px; height: 384px; overflow: hidden; float: left; margin-left: 20px; }
.icons { width: 85px; height: 384px; float: left; margin: 0 15px; }
#rightimage { position: relative; width: 420px; height: 384px; overflow: hidden; float: left; }

.videoplayer { margin: 10px auto; width: 955px; }

.skus { margin: 10px auto; width: 222px; height: 223px; }

.cl { clear: both; line-height: 0px; }

#leftimage IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#leftimage IMG.active {
    z-index:10;
    opacity:1.0;
}

#leftimage IMG.last-active {
    z-index:9;
}

#rightimage IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	border: none;
}

#rightimage IMG.active {
    z-index:10;
    opacity:1.0;
}

#rightimage IMG.last-active {
    z-index:9;
}