body
{
    font-family:arial, Sans-Serif;
    background:#f0f0f0;
}

#wrapper
{
    position:relative;
    width:590px;
    margin:0 0;
    height: 398px;
    background:#ffffff;
    padding-top: 0px;
}
/*-------------------------------------------------------------------------------------------*/

#carouselWrapper
{
    position:relative;
    width:590px;
    overflow:hidden;
    background: url(/assets/poc/tab-slider/b2b/carousel_container_mid.gif) repeat-y;
    z-index:1;
    font-size:1em
}

#carouselContainer
{
    position:relative;
    width:500px;
    margin: 0 auto;
    overflow:hidden;
}

#carouselContainer .panel
{
    width: 500px;
    float:left;  
}


#carouselWrapper .carouselTop
{
    position:relative;
    width:100%;
    height:38px;
    background: url(/assets/poc/tab-slider/b2b/carousel_container_top.gif) no-repeat;  
}


#carouselWrapper .carouselBottom
{
    position:relative;
    width:100%;
    height:38px;
    background: url(/assets/poc/tab-slider/b2b/carousel_container_bottom.gif) no-repeat;  
    bottom:0px;
}

/*Carousel Content*/

.carouselContent
{
    width: 100%;
    font-size: 13px;
    float:left;
}
.carouselContent h4
{
    color:#0095da;
    margin:0;
    padding:0;
}

#carouselContainer .slideImage
{
    float:right;
    display:none;
}

a.carouselButton
{
    background: url(/assets/poc/tab-slider/b2b/carousel_btn.gif) no-repeat; 
    display:block;
    width: 172px;
    height:23px;
    padding:6px 0px 0px 0px;
    margin:5px 0 10px 0;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    color:#015cae
}

a:hover.carouselButton
{
    text-decoration:underline;
}

/*Carousel Tab Navigation*/

.coda-nav
{
    position:relative;
    top:1px;
    z-index:2;
    font-size:13px;
    display:none;
    zoom:1;
}

.coda-nav ul{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.coda-nav ul li{
    margin:0 !important;
    padding:0 0 0 10px !important;
    float:left !important;
    display:inline !important;
	clear: none !important;
    background: url(/assets/poc/tab-slider/b2b/tab_left.gif) left top no-repeat !important;
}

.coda-nav ul li span.tab_side 
{
	display:block !important;
	height:37px !important;
	width:auto !important;
	float:left !important;
	margin:0 !important;
	padding:0 10px 0 0 !important;
	background: url(/assets/poc/tab-slider/b2b/tab_right.gif) right top no-repeat !important;
}

.coda-nav ul li a
{
    display:block !important;
    float:left !important;
    width:auto !important;
    height:26px !important;
    padding: 11px 5px 0px 5px !important;
    background: url(/assets/poc/tab-slider/b2b/tab_middle.gif) top repeat-x !important;
    color:#595959 !important;
    text-decoration:none !important;
    text-align:center !important;
    font-size:12px !important;
    font-weight:bold !important;
    line-height:16px !important;
}
.coda-nav ul li a:hover
{
    text-decoration:underline !important;
}


/*for active tab*/

.coda-nav ul li a.current
{
    background: url(/assets/poc/tab-slider/b2b/tab_active_middle.gif) bottom repeat-x !important;
    font-weight:bold !important;
    border:none !important;
}
.coda-nav ul li.leftBG span.rightBG 
{
	background: url(/assets/poc/tab-slider/b2b/tab_active_right.gif) right bottom no-repeat !important;
}

.coda-nav ul li.leftBG 
{
	background: url(/assets/poc/tab-slider/b2b/tab_active_left.gif) left bottom no-repeat !important;	
}

.coda-nav ul li a:active { outline:0; }


/* Carousel Arrows */
.coda-nav-left a,
.coda-nav-right a
{
    position:absolute;
    width:15px;
    height:22px;
    text-indent:-5000px;
    z-index: 2;
    outline:0;
}

 
.coda-nav-left a
{
   top:110px;
   left:15px;
   background: url(/assets/poc/tab-slider/b2b/prev_arrow.gif) no-repeat bottom; 
}

.coda-nav-right a
{
   top:110px;
   right:15px;
   background: url(/assets/poc/tab-slider/b2b/next_arrow.gif) no-repeat bottom; 
}

#carouselContainer .loading
{
    margin-left:140px
}