.panel-wrapper img{
margin:-20px;
}

.coda-nav .feature-nav2 img.divider{
border:none;
position:absolute;
z-index:100;
bottom: 7px;
}

#divider1{
margin-left:-2px;
}

#divider2{
margin-left:0px ;
}

.coda-nav span.feature-thumb{
width:70px;
height:67px;
display:block;
position:absolute;
left:230px;
bottom:16px;
}


h4 span.feature-nav-sub{
display:block;
clear:left;
color:#4c4c4c;
font-size:12px;
}

a.current h4 span.feature-nav-sub{
color:#1F007F;
}

/*#featurebanner .coda-nav a h4:hover {
	border-bottom:3px solid #a8a1e4;
	color:#fff;
	cursor: default;
}*/

#featurebanner .coda-nav a span.feature-thumb:hover {
bottom:15px;
}

div.feature-nav1, div.feature-nav2, div.feature-nav3{
position:absolute;
background:url(/en/images/home/carousel/feature-nav-bg.png) repeat-x;
width:320px;
height:80px;
}

a.current div.feature-nav1, a.current div.feature-nav2, a.current div.feature-nav3{
background:url(/en/images/home/carousel/feature-nav-bg-active.png) repeat-x;
}

div.feature-nav1{bottom:0px; left:0px;}
div.feature-nav2{bottom:0px; left:320px;}
div.feature-nav3{bottom:0px; left:640px;}

.coda-nav ul li a div img{
border:1px solid #9096b3;
margin:11px;
z-index:50px;
}

.coda-nav ul li a.current div span.feature-thumb{
top:-0px;
background: url(/en/images/home/carousel/feature-thumb-bg.png) no-repeat 0 -2px;
}

/* ############ ABOVE THE LINE IS DEVELOPMENT AND TESTING ############ */

noscript div {
font-size:11px;
width:910px;
position:absolute;
top:10px;
left:20px;
z-index:5000; 
background: #efefef; 
border: 1px solid #1f007f;  
padding: 5px
}

/* Most common stuff you'll need to change */

.coda-slider-wrapper { 
padding: 0px 
}

.coda-slider { 
background: #ebebeb;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { 
height: 200px; 
overflow: auto !important; 
padding-right: 20px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { 
width: 960px;
height:250px;
} 

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
width: 960px; 
}

.coda-slider-wrapper.arrows .coda-slider { 
margin: 0 10px; 
}

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { 
background: #000; 
color: #fff; 
padding: 5px; 
width: 100px; 
}

/* Tab nav */
.coda-nav ul li a.current { 
background: #39c
position:relative;
top:-20px;
}

/* Panel padding */
.coda-slider .panel-wrapper { 
padding: 20px;
height:200px; 
}

/* Preloader */
.coda-slider p.loading { 
padding: 20px; 
text-align: center; 
}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
 

#contentcontainer .coda-nav ul { 
clear: both; 
display: block; 
margin: auto; 
padding:0px;
overflow: hidden;
z-index:200; 
width:960px;
}

div#featurebanner div#coda-nav1 {
position:relative;
display:block;
border:1px solid blue;
}


.coda-nav ul li { 
display: inline; 
float:left;
}
#featurebanner .coda-nav a h4 {
width:90%;
font-size:18px;
font-weight:normal; 
color: #1f007f; 
display: block; 
float: left; 
margin: 14px 0 2px 0; 
padding: 5px 6px 3px 24px; 
text-decoration: none;
border-bottom:1px solid #a1b8d0;
z-index:1000;
cursor:hand;
}

#featurebanner .coda-nav a.current h4, #featurebanner .coda-nav a.current h4:hover {
border-bottom:3px solid #1f007f;
color:#ffffff;
}

#featurebanner .coda-nav a h4:hover, .calltoaction_container .cta:hover {
cursor:pointer;
cursor:hand;
}

#featurebanner .coda-nav a h4:hover{
border-bottom:1px solid #ffffff;
}

/* Miscellaneous */
.coda-slider-wrapper { 
clear: both; 
overflow: hidden; 
}

.coda-slider { 
float: left; 
overflow: hidden; 
position: relative; 
height:240px;
}

.coda-slider .panel { 
display: block; 
float: left; 
}

.coda-slider .panel-container { 
position: relative; 
}


.coda-nav-left, .coda-nav-right { 
float: left; 
}

.coda-nav-left a, .coda-nav-right a { 
display: block; 
text-align: center; 
text-decoration: none; 
}

#wrapper #featurebanner {
border-top:1px solid #5d618c;
position:relative;
padding:0px;
margin-bottom:20px;
z-index:0;
}

/*
.panel{width:960px; overflow:hidden;}

.panel-wrapper{overflow:hidden;}

.coda-slider-wrapper{overflow:hidden;}
*/

.panel-container, #coda-slider-1 .coda-slider{
width:960;
overflow:hidden;
}

#coda-slider-1{
width:960;
overflow:hidden;
}

.coda-slider{
width:960;
overflow:hidden;
}

/* Target Firefox only to position rhc call to action & prevent overlap. NOT CAROUSEL SPECIFIC */ 
.rhc-cta, x:-moz-any-link{
top: -26px;
}