/* /webmd/PageBuilder_Assets/CSS/StandardPromo/Homepage Promo/Homepage Promo_091e9c5e80018e47.css */

/* =Slideshow Styles Tom Test
------------------------------------------------------- */
#slideshow {
 	-moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
	position: relative;
	float: left;
	width: 457px;
	height:363px;
	overflow:hidden;
	background: #D6D6D6 no-repeat 0px -4px;
	padding: 3px 0px 0px 3px;
	
}
#slideshow .slide {
	position:absolute; 
	width:455px; 
	height:243px; 
	opacity:0.99; /* Fix Firefox opacity flicker problem */
}
#slideshow #slide1 {
	z-index: 1;
}
#slideshow .slidelinks_container {
	position:relative;
	width:455px;
	height:291px;
	opacity:0.99; /* Fix Firefox opacity flicker problem */
	z-index: 2;
}
#slideshow #slideshowcontrols { 
	position:absolute; 
	top:307px; 
	z-index: 3;
	left:5; 
	padding:0px 15px 0px 0px; 
	width:410px; 
	height:29px;
}
/* 4 Slides with text */
ul.slideshowcontrolsmiddle{
	height: 29px !important;
	float: left;
	z-index: 3;
	text-align:center;
	width: 455px !important;
	margin: 0px;
	padding:0px;
	list-style: none;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
}
ul.slideshowcontrolsmiddle li{
	z-index: 0; 
	height: 29px;
	width: 111px !important;
	float: left;
	margin: 0px 2px 0px 0px;
}
/* The a elements inside those 4 tabs */
ul.slideshowcontrolsmiddle a:link, ul.slideshowcontrolsmiddle a:visited {
	color: #FFFFFF; 
	height: 29px; 
	text-align: center; 
	float: none;
	display: block;
	width: 111px !important;
	font-weight: bold !important;
	text-decoration: none;
	text-transform: uppercase;
	line-height:9px;
	letter-spacing:-1px; font-size: 10px; letter-spacing:-1px;
	background: url(../images/tabs.gif) no-repeat 0px 0px;
	padding: 1px 2px 0px 2px !important;
}

/* The next 5 styles fix Netscape issues with padding it any other way */
ul.slideshowcontrolsmiddle .single-line a {
	line-height: 27px!important;
}
*html ul.slideshowcontrolsmiddle .single-line a {
	line-height: 26px!important;
}
ul.slideshowcontrolsmiddle .padded_fmt {
         display:block;
         padding:4px 3px 0px 0px;
}
ul.slideshowcontrolsmiddle .single-line .padded_fmt {
         display:block;
         padding:0px 3px 0px 0px;
}
ul.slideshowcontrolsmiddle a.activeslide, ul.slideshowcontrolsmiddle a:hover {
	background-position: 0px -33px !important;
	color: #000000;
	text-decoration: none;
}

/* Used to make everything fade */
#slideshow .opacity10 { opacity:0.99; filter:alpha(opacity=100); visibility:visible !important;}
#slideshow .opacity9 { opacity:.9; filter:alpha(opacity=90); visibility:visible !important;}
#slideshow .opacity8 { opacity:.8; filter:alpha(opacity=80); visibility:visible !important;}
#slideshow .opacity7 { opacity:.7; filter:alpha(opacity=70); visibility:visible !important;}
#slideshow .opacity6 { opacity:.6; filter:alpha(opacity=60); visibility:visible !important;}
#slideshow .opacity5 { opacity:.5; filter:alpha(opacity=50); visibility:visible !important;}
#slideshow .opacity4 { opacity:.4; filter:alpha(opacity=40); visibility:visible !important;}
#slideshow .opacity3 { opacity:.3; filter:alpha(opacity=30); visibility:visible !important;}
#slideshow .opacity2 { opacity:.2; filter:alpha(opacity=20); visibility:visible !important;}
#slideshow .opacity1 { opacity:.1; filter:alpha(opacity=10); visibility:visible !important;}

#slideshow .hide { 
	visibility:hidden; 
}
#slideshow .hideArchive {
	visibility:hidden; 
	display:none;
}
#slideshow .show { 
	visibility:visible !important;
	display:block !important; 
}

/* The container for the archive slide */
#slideshow .archive_fmt {
	width: 455px; 
	height: 272px; 
	background: url(../../../consumer_assets/site_images/home_page/archiveBkg.gif) repeat-y; 
	position:absolute;
}
#archiveContainer {
	position:relative; 
	z-index:10; 
	width: 455px; 
	height: 272px;
}
.imgborder{
background:#FFFFFF;
padding:2px;
}


ul.slideshowcontrolsmiddle .newtab a {
	color: #FFFFFF; 
	height: 60px; 
	text-align: center; 
	float: none;
	display: block;
	width: 444px !important;
	font-weight: bold !important;
	text-decoration: none;
	text-transform: uppercase;
	line-height:9px;
	letter-spacing:-1px; font-size: 12px; letter-spacing:-1px;
	background: url(../images/tabs2.jpg) no-repeat 3px 0px;
	padding: 1px 2px 0px 2px !important;
}

ul.slideshowcontrolsmiddle .newtab a.activeslide, ul.slideshowcontrolsmiddle .newtab a:hover {
	background-position: 3px -30px !important;
	color: #000000;
	text-decoration: none;
}
