
.slideshow {
	margin:0 auto;
	width:292px;
	height:175px;
	background:#0c5a9b;
	position:relative;
}
.slideshow .slidesContainer {
  margin:auto;
  width:286px;
  height:137px;
  overflow:auto; /* allow scrollbar */
  background:url(../coslider/img/cont_tile.png);
  background-repeat:repeat-y;
  background-position:center;
  position:relative;
}
.slideshow .slidesContainer .slide {
  margin:0 auto;
  width:296px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:118px;
}

.slideshow2 {
	margin:0 auto;
	width:900px;
	height:105px;
	background:#0c5a9b;
	position:relative;
}
.slideshow2 .slidesContainer2 {
  margin:auto;
  width:800px;
  height:80px;
  overflow:auto; /* allow scrollbar */
  background-repeat:repeat-y;
  background-position:center;
  position:relative;
}
.slideshow2 .slidesContainer2 .slide2 {
  margin:0 auto;
  width:800px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:80px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:8px;
  height:10px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
.control2 {
  display:block;
  width:8px;
  height:10px;
  text-indent:-10000px;
  position:absolute;
  cursor: default;
}
#leftControl {
	margin-top:14px;
	margin-left:250px;
  top:0;
  left:0;
  background:transparent url(../coslider/img/control_left.png) no-repeat 0 0;
}
#leftControlHide {
	margin-top:14px;
	margin-left:250px;
  top:0;
  left:0;
  background:transparent url(../coslider/img/control_left_hide.png) no-repeat 0 0;
}

#rightControl {
		margin-top:14px;
	margin-right:20px;
  top:0;
  right:0;
  background:transparent url(../coslider/img/control_right.png) no-repeat 0 0;
}
#rightControlHide {
		margin-top:14px;
	margin-right:20px;
  top:0;
  right:0;
  background:transparent url(../coslider/img/control_right_hide.png) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */


#pageContainer {
	
  margin:0 auto;
  width:302px;
}
#pageContainer h1 {
  display:block;
  width:302px;
  height:114px;
  background:transparent url(img/bg_pagecontainer_h1.jpg) no-repeat top left;
  text-indent: -10000px;
}

#pageContainer2 {
	
  margin:0 auto;
  width:900px;
}
#pageContainer2 h1 {
  display:block;
  width:900px;
  height:114px;
  text-indent: -10000px;
}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}

.slide img {
  float:right;
  margin:0 15px;
}





.control22 {
  display:block;
  width:8px;
  height:10px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
.control222 {
  display:block;
  width:8px;
  height:10px;
  text-indent:-10000px;
  position:absolute;
  cursor: default;
}
#leftControl2 {
  height:105px;
  width:20px;
  top:0;
  left:0;
  background:#439ce4 url(../coslider/img/control_left.png) center no-repeat;
}
#leftControl2:hover {
	background-color:#0F87FF;
}
#leftControlHide2 {
  height:105px;
  width:20px;
  top:0;
  left:0;
  background:#0b528d url(../coslider/img/control_left_hide.png) center no-repeat;
}

#rightControl2{
  height:105px;
  width:20px;
  top:0;
  right:0px;
  background:#439ce4 url(../coslider/img/control_right.png) center no-repeat;
}
#rightControl2:hover{
	background-color:#0F87FF;
}
#rightControlHide2 {
  height:105px;
  width:20px;
  top:0;
  right:0;
  background:#0b528d url(../coslider/img/control_right_hide.png) center no-repeat;
}
