div#carousel-container {
  background-color:#F1EEEC;
  width: 626px;
  height: 397px;
  padding: 12px 12px 0px 13px;
}

div#carousel {
  background-color:#F1EEEC;
  width: 626px;
  height: 311px;
}

#controller {
  margin: 0px 0;
  float: left;
  clear: both;
  margin-bottom: 10px;
}

#controller div {
  cursor:pointer;
  height: 311px;
  background-color: #8EC63F;
  float: left;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  margin-top: 4px;
  background-repeat: no-repeat;
  background-position: center top;
  width: 129px;
  height: 64px;
  margin-right: 3px;
  padding: 6px 16px 0px 9px;
  line-height: 140%;
}

#controller div.selected {
  background-image: url(/site/css/images/carousel/selected.gif);
  background-color: #5d8350;
  margin-top: 0px;
  padding-top: 10px;
}

#controller div h3 {
  font-size: 145%;
  padding: 4px 0px 4px;
  margin: 0px;
}

#controller div p {
  margin: 0px;
  padding: 0px;
}

div#potm.jFlowControl {
  background-color: #F89828;
  margin-right: 0px;
}

#controller div#potm.selected {
  background-color: #5D8350;
}

/** Scrolling views **/
#jFlowSlide {
  margin: 0px 0;
}

.header #jFlowSlide {
  float: right;
  width: 100%;
}

.firstSlide {
  background-image: url(/site/images/carousel/view_1.jpg);
  width: 297px;
  height: 295px;
  padding: 16px 314px 0px 15px;
  overflow: hidden;
}

.secondSlide {
  background-image: url(/site/images/carousel/view_2.jpg);
  width: 297px;
  height: 295px;
  padding: 16px 314px 0px 15px;
  overflow: hidden;
}

.thirdSlide {
  background-image: url(/site/images/carousel/view_3.jpg);
  width: 297px;
  height: 295px;
  padding: 16px 314px 0px 15px;
  overflow: hidden;
}

.fourthSlide {
  background-image: url(/site/images/carousel/view_4.jpg);
  width: 297px;
  height: 295px;
  padding: 16px 314px 0px 15px;
  overflow: hidden;
}

div#mySlides {
  overflow: hidden;
  height: 311px;
}

div#mySlides h2 {
  font-size: 246%;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 16px 0px 0px 16px;
  line-height: 80%;
  color: #5D8350;
}

div#mySlides p {
  font-size: 108%;
  font-weight: bold;
  color: #5C5C5C;
  padding: 16px 28px 0px 16px;
  margin: 0px;
}

div.more {
  width: 50px;
  height: 24px;
  color: #ec5086;
  padding: 0 0 0 14px;
  margin: 10px 0;
  background: url(../styleImages/arrow-pink.gif) 0 100% no-repeat;
  background-position: right;
  font-size: 110%;
  font-weight: bold;
}

div.more a {
  text-decoration: none;
  color: #ec5086;
  text-transform: lowercase;
}