/*
-----------------------------------------------
KozmoDermo.com - Featured Content Rotator 
Author:  Design-Ist - Ozgur Kayhan [ okayhan@design-ist.com]
Version:  18 December 2009
----------------------------------------------- */

div#featured-content {
 position:relative;
 width: 590px;
 height: 390px;
 overflow: hidden;
 margin-left:-14px; margin-bottom:-9px
 }
 
div#featured-content ul {
 position: absolute;
 list-style: none;	
 padding: 0;
 margin: 0;
 }
 
ul#tabs {
 position:absolute;
 top:331px;
 margin:0;
 padding:0;
 width:590px;
 list-style:none; 
 z-index:100;
}

ul#tabs li {
 float:left;
 padding:10px 1px 0 0;
 width:146px;
 font-size:14px; 
 color:#C8C1D0; 
 }
ul#tabs li.last {width:148px;}
ul#tabs li img {
 padding: 5px;
 border: none;
 float: left;
 margin: 10px 10px 0 0;
 }
 
ul#tabs li a {
 display:block;
 height:40px;
 padding: 8px 8px 0 8px;
 text-decoration:none;
 color:#59416D;  
 background: #C8C1D0; 
 outline: none;
 }
 
ul#tabs li a:hover {background: url(/images/bulten/bg-nav.png) repeat-x;}
ul#tabs li.current a {color:#6950B4; background: url(/images/bulten/bg-current.png) repeat-x; }
ul#tabs li.current a:hover {text-decoration: none;}
ul#tabs li.current {background:url(/images/bulten/bg-current-arrow.gif) top center no-repeat;}

ul#output {
 position: absolute;
 left: 0;
 width: 590px;
 height: 340px;
 }
 
ul#output li {
 position: absolute;
 width: 590px;
 height: 340px;
 }
 
 #featured-content div.info{ 
 position:absolute; 
 top:10px; 
 right:10px; 
 width:230px;
 background: url(transparent-bg.png); 
}

#featured-content div.info h3 { 
 padding:10px 0 0 10px;
 font:24px Georgia, "Times New Roman", Times, serif;
 color:#fff;
 }

#featured-content div.info p { 
 margin:10px; 
 line-height:15px; 
 color:#f0f0f0;
 font:14px Georgia, "Times New Roman", Times, serif;
 color:#fff;
}

#featured-content div.info ul { 
 list-style:disc;
 font:14px Georgia, "Times New Roman", Times, serif;
 color:#fff;
 }
#featured-content .info a { 
 text-decoration:none;
 color:#fff !important;
}
#featured-content .info a:hover{ 
 text-decoration:none;
 background:none;
}
#featured-content div.info a.button { 
 display:block;
 margin-top:10px; 
 padding:5px;
 width:6em; 
 background: url(/images/bulten/bg-button.png) center repeat-x;
 color:#59416D !important;"
 }
 


/*slide-show-banner*/

html ul#slide-show-banner {
 margin:0 !important;
 padding:0 !important;
 list-style-type:none !important;
 height:120px;
 overflow:hidden;
}

html ul#slide-show-banner li { width:190px; height:120px;}
html ul#slide-show-banner li img { z-index:100;}
html ul#slide-show-banner li p {
 position:absolute;
 bottom:0;
 width:190px; 
 padding:8px 0;
 text-align:center;
 background: url(transparent-bg.png);
 color:#fff !important;
 z-index:200;
}
html ul#slide-show-banner li a { font:12px Georgia, "Times New Roman", Times, serif; color:#fff !important;}