#slideshowHolder{ height: 320px; width: 677px; margin: auto; overflow:hidden; }
.slideshow { height: 320px; width: 677px; margin: auto; border: none; background:none; }
.slideshow img {background: none; border: none; }
.bottom {
    margin: -320px auto 0 auto;
    height: 320px; width: 677px;
    overflow:visible;
}
.holder {
    margin:230px auto 0 auto;
    width:677px;
    height:90px;
    z-index:999;
    background:url(/assets/images/green-bg.png) no-repeat transparent;
    .background: #697368;
    opacity:0.7;
  /*here's the CSS3 standard method. this works in everything* but IE. */
  /*It's in fractions of 1. So 1 is 100% opacity (AKA the default) and .5 is 50% opacity.*/
  /*opacity:70%;*/
  .filter:alpha(opacity=70);
}
.holderRight {
    margin:0px auto 0 300px;
    width:377px;
    height:320px;
    background-color:#697368;
    color:#ffffff;
}

.slideHead {
    height: 320px;
    width: 677px;
    margin: -320px auto 0 auto;
}

.slideHead h6{
    background:transparent;
    display:block;
    margin:3px 0 3px 0px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#ffffff;
}

.slideHead p{
    background:transparent;
    display:block;
    margin:3px 0 3px 10px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
}

.slideButtons {
    height: 320px;
    width: 677px;
    margin: -320px auto 0 auto;
	position:relative;
	z-index:8;
	background:none;
}

.slideButtons button{
    clear:both;
    float:right;
    margin:15px 40px auto auto;
	background:url(/assets/images/buy-now.jpg) no-repeat;
	border:none;
	width:140px;
	height:30px;
	cursor:pointer;
	color:#fff;
	font-weight:bold;

	_float:left;
	padding:0;

}

.slide-from-left {
    margin:240px auto 0 40px;
    z-index:9;
}

.slide-from-top {
    margin:60px auto 0 320px;
    z-index:9;
}

.slide-from-right {
    margin:240px auto 0 490px;
    z-index:9;
}

.slide-from-bottom {
    margin:180px auto 0 320px;
    z-index:9;
}

.slideNavButtons {
    margin: -320px auto 0 auto;
    width: 677px;
    z-index:8;
    position:absolute;
}

.slideNavButtons .slidePrev{
    margin: 90px auto auto 0px;
    float:left;
    display:block;
    border:none;
}

.slideNavButtons .slideNext{
    margin: 90px 0px auto auto;
    float:right;
    display:block;
    border:none;
}
