/*
* Slideshow
*/

.fadein img { position:absolute; left:0; top:0; }

.fadein {
  position:relative;
  width: 950px;
  height: 150px;
  overflow: hidden;
}

.fadeinouter {
  overflow: hidden;
}


.banner img { position:absolute; left:0; top:0; }

.banner {
  position:relative;
  width: 950px;
  height: 150px;
  overflow: hidden;
}

.bannerouter {
  overflow: hidden;
}


.vbanner img { position:absolute; right:10; top:0; }

.vbanner {
  float: right;
  width: 200px;
  height: 400px;
  overflow: hidden;
}


/* -------------------
*  RESPOSIVE ELEMENTS
*  ------------------- */


@media only screen and (min-width: 600px) and (max-width: 767px) {

.banner img { width 750px }

.banner {
  width: 750px;
  height: 117px;
}


.vbanner img { width: 180px;}

.vbannner {
  width: 170px;
}


}

@media only screen and (max-width: 599px) {

.banner img { width 500px }

.banner {
  width: 500px;
  height: 78px;
}

/* Hide the side banner for small screen devices */
.vbanner {
  display: none;
}

}


@media only screen and (max-width: 479px) {

.banner img { width 400px }

.banner {
  width: 400px;
  height: 62px;
}