﻿/* CAROUSEL */ 
 
.Carousel
{
/*    background-color:Orange;*/
}
 
 /*
.CarouselImage img
{
    height:242px;
}
 
.CarouselImage img 
{
    width:651px;
}
*/

.CarouselNavArea
{
    margin-top:-4px;
    background-color:#FFFFFF;
    width:100%;
} 
 
.CarouselNavItem.FirstBorder
{
/*    border-right:2px solid #ffffff;    */
}
 
.CarouselNavItem.MiddleBorder
{
/*    border-right:1px solid #ffffff;   
    border-left:1px solid #ffffff;    */  
}
 
.CarouselNavItem.LastBorder
{
/*    border-left:2px solid #ffffff;    */
}
 
.CarouselNavItem
{
    float:left;     
    text-align:center;
    background-color:#CC3333;
    color: #ffffff;
    height:30px;
    line-height:30px;
}
 
.CarouselNavItem:hover
{
    float:left;     
    text-align:center;
    background-color:#666666;
}
 
.CarouselNavItem.selected 
{
    float:left;     
    text-align:center;
    background-color:#BD439B;
}
 
.CarouselNavItem.selected span.CarouselHeading
{
   position:relative;
   top:-12px;
}
 
.CarouselNavItem.selected .arrow
{
   width:100%;
   height:12px;
   background:url("../images/carousel/carouselArrowBerry.png") no-repeat center center; 
   display:block;
   position:relative;
   top:-11px;
}
 
span.CarouselHeading:hover
{
    cursor:pointer;
}
 
.CarouselImage
{
    position:relative;
    width:100%;   
}
 
.CarouselImageTitle
{
    position: absolute;
    top: 15px;
    left: 15px;
}
 
.CarouselImageTitle h2, .CarouselImageTitle p,  .CarouselImageTitle a
{
 
}
 
.CarouselImageTitle
{
 
}
 
.CarouselImageTitle h2
{
	padding-top:5px;
    font-size:2em;
}
 
.CarouselImageTitle p
{
    font-size:1.2em;
}
 
 
.CarouselInner
{
    float:left;
    padding:10px;
}
 
.CarouselImageTitle 
{
    /*background-image:url("../images/carousel/carouselBG.png");*/
}
 
.CarouselImageTitle h2, .CarouselImageTitle p
{
    
}
 
.CarouselImageTitle a
{
    color: #FFFFFF;
    letter-spacing: -1px;  
    margin:5px 10px 5px 10px;  
    padding-left:20px; 
    background:url("../images/arrows/whiteArrowSmall.png") no-repeat center left; 
}
 
.CarouselImageTitle h2, .CarouselImageTitle p
{
    color: #FFFFFF;
    letter-spacing: -1px;  
/*    margin:5px 10px 5px 10px;*/
}
 
/* Internet Explorer 7 */ 
*+html .CarouselImage img 
{
    width:652px;
}
 
*+html .CarouselNavArea
{
    margin-top:-5px;
} 
 
*+html .CarouselNavItem
{
    margin-right:-1px;
}
 
/* Internet Explorer 8 */ 
@media \0screen { 
    .CarouselImage img 
    {
        width:653px;
    }
}
 
/* Firefox */ 
@-moz-document url-prefix() {
    .CarouselImage img  {
        width:653px;
    }
}
 
.verticalTabs 
{
    background-color:#cee7ec;
    padding:10px;
}
 
.verticalTabs, 
.verticalTabs * 
{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
 
.verticalTabs .Carousel
{
    width:67%;
    float:right;
    background-color:#fff;
    padding:10px;
}
 
.verticalTabs .Carousel img 
{
    max-width:100%;
    height:auto;
}
 
.verticalTabs .CarouselNavArea 
{
    float:left;
    width:33%;  
    margin-top:0;  
}
 
.verticalTabs .CarouselNavItem
{
    float:none;
    width:100% !important;
    background-color:#cee7ec;
    color:#10467b;
    padding:14px 20px;
    height:auto;
    line-height:normal;
    text-align:left;
}
 
.verticalTabs .CarouselNavItem:hover
{
    cursor:pointer;
}
 
.verticalTabs .CarouselNavItem.selected
{
    background-color:#fff;
}
 
.verticalTabs .CarouselNavItem .arrow 
{
    display:none;
}
 
.verticalTabs .CarouselNavItem.selected .CarouselHeading
{
    position:static;
}
 
.verticalTabs__title
{
    color:#333;
    float:left;
    padding-top:11px;
}
 
.verticalTabs__cta 
{
    background:#BD439B;
    float:right;
    padding:14px;
    color:#fff;
}
 
.progress-indicator
{
    position:relative;
    /*margin-top:10px;*/
}
 
.progress-indicator .CarouselNavArea 
{
    position:absolute;
    right:20px;
    bottom:20px;
    background:none;
    width:auto;
}
.progress-indicator .CarouselNavItem 
{
    width:20px !important;
    height:20px;
    overflow:hidden;
    line-height:60px;
    margin-left:5px;
    border-radius:15px;    
}
.progress-indicator .CarouselNavItem:hover 
{
    cursor:pointer;
}

/* Carousel in bodyContainer75 */
.bodyContainer75 .CarouselImage img,
.bodyContainer66 .CarouselImage img
{
    height:242px;
}
 
.bodyContainer75 .CarouselImage img, 
.bodyContainer66 .CarouselImage img 
{
    width:651px;
}

/* Carousel in bodyContainer25 */
.bodyContainer25 .CarouselImage img 
{
    width:269px;
}

.bodyContainer25 .CarouselImageTitle
{
    margin-right:10px; 
    top:10px;
    left:10px;
}

.bodyContainer25 .progress-indicator .CarouselNavArea
{
    bottom:10px; 
    right:10px;
}