
/** 
 * Slideshow style rules.
 */
 
.slide_text {
float:left;
width:380px;
height:250px;
margin-left:30px;
z-index:3;
}

.slide_screen {
float:right;
width:142px;
height:250px;
margin-right:80px;
z-index:3;
}

.slide_screen img {
border:6px solid #CFDF45;
background:#f9f9f9;
width:130px;
height:130px;
}

#slideshow {
	margin:0 auto;
	width:770px;
	height:250px;
	position:relative;
	z-index:2;

}
#slideshow #slidesContainer {
  margin:0 auto;
  width:680px;
  height:250px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  background: #DDEE55;
border:1px solid #cccc00;
 }
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:660px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:250px;
  position:relative;
}

/** 
 * Slideshow controls style rules.
 */

.slide_text_content  {
  margin:25px 0px 0px 0px;
}

.slide_screen_content  {
  margin:55px 0px 0px 0px;
}

.slide h1 {
  font:21px Georgia, "Times New Roman", Times, serif;
  color:#999;
 display:inline;
 border:none;
}
 
.control {
  display:block;
  cursor: pointer;
}

.slide_text .internal, .slide_text .internal :visited,  .slide_text .internal :active {
background:none; 
padding-right:0px;
}

.slide_text .internal :hover {
background: #ffcc00;
padding-right:0px;
}

.arrows {
width:11px
height:20px;
font-size:18px;
letter-spacing:1px;
}

#leftControl .arrows {
margin:15px 0px 0px 6px;
}

#rightControl .arrows {
margin:15px 0px 0px 8px;
}

#leftControl {
height:50px;
width:25px;
background: #cccc00 url('images/bg_arrow_left.png') repeat-y;
border:1px solid #cccc00;
color:#A0AF20;
}

#leftControl:hover {
height:50px;
width:25px;
background:#ffcc00 url('images/bg_arrow_left2.png') repeat-y;
border:1px solid #EFBF00;
color:#222;
}


#rightControl {
height:50px;
width:25px;
background: #cccc00 url('images/bg_arrow_right.png') repeat-y;
border:1px solid #cccc00;
color:#A0AF20;
}

#rightControl:hover {
height:50px;
width:25px;
background:#ffcc00 url('images/bg_arrow_right2.png') repeat-y;
border:1px solid #EFBF00;
color:#222;
}

#left_control {
position:absolute;
top:100px;
left:0px;
z-index:500;
}

#right_control {
position:absolute;
top:100px;
right:0px;
z-index:500;
}
