#bottom-content .content .container .carousel-container{
	float:left;
	padding:15px 0 0 40px;
}
#bottom-content .content .open-container .carousel-container{
	float:left;
	padding:15px 0 0 40px;
}
#carousel-one {
	height:auto;	
	margin:0;
	overflow:hidden;
	float:left;
}
#bottom-content .content .container #carousel-one ul li{
	list-style-type:none;
	background:none;
	padding:0;
}
#carousel-two {
	height:auto;	
	margin:0;
	overflow:hidden;
	float:left;
}
#bottom-content .content .container #carousel-two ul li{
	list-style-type:none;
	background:none;
	padding:0;
}
#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:154px;
	height:117px;
	border:none;
	float:left;
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:750px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:154px;
	height:117px;	
	float:left;
}

#slides li img {
	
}

/* Styling for prev and next buttons */

a#prev {
	background:transparent url(../images/global/blue-arrow-left.gif) 0 0 no-repeat;
	position:absolute;
	top:81px;
	left:32px;
	width:11px;
	height:21px;
	text-indent:-9999px;
	display:none;	 
}
a#next {
	background:transparent url(../images/global/blue-arrow-right.gif) 0 0 no-repeat;
	position:absolute;
	top:81px;
	left:217px;
	width:11px;
	height:21px;
	text-indent:-9999px;
	display:none; 
}
a#prev-gray {
	background:transparent url(../images/global/gray-arrow-left.gif) 0 0 no-repeat;
	position:absolute;
	top:81px;
	left:32px;
	width:11px;
	height:21px;
	text-indent:-9999px;
	cursor:default;	
	display:none; 	 
}
a#next-gray {
	background:transparent url(../images/global/gray-arrow-right.gif) 0 0 no-repeat;
	position:absolute;
	top:81px;
	left:217px;
	width:11px;
	height:21px;
	text-indent:-9999px; 
	cursor:default;	
	display:none; 
}
#bottom-content .content .container p.carouselpar{
	margin:5px 0 7px 0;
	width:155px;
	float:left;
	/*0min-height:20px;
	height:auto!important;
	height:20px;*/
	
}
#bottom-content .content .container a.carouselanc{
	background: transparent url(../images/global/blue-arrow-car.gif) no-repeat 69px 0px ;
	display:block;
	margin:0;
	color:#3b73b9;
	text-decoration:none;
	width:78px;
	font-size:11px;
	float:left;
	font-weight:bold;
	height:11px;
}

#bottom-content .content .container a.carouselanc:hover{
	text-decoration:underline;
	color:#666666;
	background: transparent url(../images/global/blue-arrow-car.gif) no-repeat 69px -11px;
	
}
.carousel-separator{
	background: transparent url(../images/global/vertical-separator.gif) no-repeat 0 0;
	width:1px;
	height:114px;
	float:left;
	margin:36px 19px 0 59px;

}
/*carousel two*/
#slides-two {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:154px;
	height:117px;
	border:none;
	float:left;
	
}

/* remove the list styles, width : item width * total items */	
#slides-two ul {
	list-style:none;
	margin:0;
	padding:0;	
	width:750px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides-two li {
	width:154px;
	height:117px;	
	float:left;
}

#slides-two li img {
	
}

/* Styling for prev and next buttons */
a#prev-two {
	background:transparent url(../images/global/blue-arrow-left.gif) 0 0 no-repeat;
	position:absolute;
	top:81px;
	left:303px;
	width:11px;
	height:21px;
	text-indent:-9999px;
	display:none;	 
}
a#next-two {
	background:transparent url(../images/global/blue-arrow-right.gif) 0 0 no-repeat;
	position:absolute;
	top:81px;
	left:488px;
	width:11px;
	height:21px;
	text-indent:-9999px; 
	display:none;
}
a#prev-gray-two {
	background:transparent url(../images/global/gray-arrow-left.gif) 0 0 no-repeat;
	position:absolute;
	top:81px;
	left:303px;
	width:11px;
	height:21px;
	text-indent:-9999px;
	cursor:default;	
	display:none; 
}
a#next-gray-two {
	background:transparent url(../images/global/gray-arrow-right.gif) 0 0 no-repeat;
	position:absolute;
	top:81px;
	left:488px;
	width:11px;
	height:21px;
	text-indent:-9999px; 
	cursor:default;
	display:none;
}

/* edward gallery */
#bottom-content .content .container .carousel-main-frame{
	float:left;
}

#bottom-content .content .container .carousel-frame{
  position: relative;
  width: 154px;
  /*height: 200px;*/
  margin: 0 0 0 39px;
  padding: 0;
  float:left;
}
#bottom-content .content .container .carousel-frame .carousel-text{
	float:left;
	/*min-height:130px;
	height:auto!important;
	height:130px;*/
}
#bottom-content .content .container .carousel-frame ul.pict-list {
  list-style-type:none!important;
  float:left;
}
#bottom-content .content .container .carousel-frame ul.pict-list li{
  width:154px;
  background:#ffffff;
  /*position:absolute;*/
  left:0;
  top:0;
  margin:0;
  padding:0;
  display:none;
  float:left;
}
#bottom-content .content .container .carousel-frame ul.pict-list li.first{
	display:block;
}
#bottom-content .content .container .buttons {
	padding:0px;
	margin:0px;
	
}
#bottom-content .content .container .buttons a{
	/*display:block; 
	width:11px; 
	height:22px;
	text-indent:-9999px;
	float:left;
	outline:0;
	margin:45px 6px 0 6px;*/
}
#bottom-content .content .container .buttons a.previous{
	background:transparent url(../images/carousel/blue-arrow-left.gif) 0 0 no-repeat; 
	width:11px;
	height:21px;
	position:absolute;
	top:49px;
	left:-20px;
	display:none;
	text-indent:-9999px;
}
#bottom-content .content .container .buttons a.next{
	background:transparent url(../images/carousel/blue-arrow-right.gif) 0 0 no-repeat;
	width:11px;
	height:21px;
	position:absolute;
	top:49px;
	left:165px;
	display:none;
	text-indent:-9999px;
}
#bottom-content .content .container .buttons a.previous-hidden{
	background:transparent url(../images/carousel/gray-arrow-left.gif) 0 0 no-repeat; 
	width:11px;
	height:21px;
	position:absolute;
	top:49px;
	left:-20px;
	text-indent:-9999px;
}
#bottom-content .content .container .buttons a.next-hidden{
	background:transparent url(../images/carousel/gray-arrow-right.gif) 0 0 no-repeat;
	width:11px;
	height:21px;
	position:absolute;
	top:49px;
	left:165px;
	text-indent:-9999px;
}

/*Fisrt scenario*/
#bottom-content .content #scenario-one{
	/*display:none!important;*/
	display:block!important;
}


/*uncomment to display the second scenario.(Comment first scenario above)*/

#bottom-content .content #scenario-two{
	display:none!important;
	/*display:block!important;*/
}

