﻿.linkcarousel,.brandingcarousel
{
    width: 958px;
    height: 278px;
    position: relative;
    overflow: hidden;
}
.flipcontainers
{
    width: 958px;
    height: 278px;
}
.flipcontainer
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 958px;
    height: 278px;
    color: inherit;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
.carouselnarrow,.carouselnarrow .flipcontainers,.carouselnarrow .flipcontainer
{
    width: 728px;
}
.brandingcarousel,.brandingcarousel .flipcontainers,.brandingcarousel .flipcontainer
{
    height: 237px;
}
.flipcontainer h2
{
    color: #7b8591;
    background-color: Transparent;
    padding: 0;
    margin: 0;
    font-size: 254.5%;
    font-weight: normal;
    font-family: "Trebuchet MS", Helvetica, Jamrul, Sans-Serif;
    line-height: 110%;
}
.carouselnarrow .flipcontainer h2
{
    font-size: 218.2%;
}
.carouselnarrow .flipcontainer p
{
    padding: 0;
    margin: 0;    
}
.flipcontainerinner
{
    margin: 20px 220px 10px 460px;
}
.carouselnarrow .flipcontainerinner
{
    margin: 20px 220px 10px 230px;
}

/* BUTTONS */
.linkcarousel .flipbuttons
{
    position: absolute;
    top: 1px;
    right: 0px;
    width: 208px;
}
.brandingcarousel .flipbuttons
{
    position: absolute;
    right: 15px;
    bottom: 8px;
    float: left;
    text-align: right;
}

.linkcarousel .flipbutton
{
    cursor: pointer;
    height: 69px;
    background-image: url(/images/www/grid/dottedlinevert.gif);
    background-position: 0 0;
    background-repeat: repeat-y;
    overflow: hidden;    
}
.brandingcarousel .flipbutton
{
    cursor: pointer;
    float: left;
    background-image: url(/images/www/grid/carouselbuttonbg1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 25px;
    height: 19px;
    text-align: center;
    padding-top: 6px;
    margin: 6px 3px 0 3px;
}

.linkcarousel .flipbuttoninner
{
    margin-right: 2px;
    background-image: url(/images/www/grid/dottedlinehoriz.gif);
    background-position: 2px 0;
    background-repeat: repeat-x;
    padding: 10px;
    line-height: 110%;
}
.brandingcarousel .flipbuttoninner
{}

.linkcarousel .flipbuttonfirst
{
    background-image: none;
}

.linkcarousel .flipbuttons .selected
{
    background-image: url(/images/www/grid/carouselselectedbg.png);
    background-position: 2px 2px;
    background-repeat: no-repeat;
    color: #ffffff;
    background-color: Transparent;
}

.linkcarousel .flipbuttoninner a
{
    font-size: 145.5%;
    background-image: url(/images/www/grid/carouselarrowwhite.png);
    background-position: right 0px;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-bottom: 4px;
    display: block;
    color: #4c5661;
    background-color: Transparent;
    text-decoration: none;
    font-family: "Trebuchet MS", Helvetica, Jamrul, Sans-Serif;
    /*line-height: 100%;*/
}
.carouselnarrow .flipbuttoninner a
{
    line-height: 100%;
}
.brandingcarousel .flipbuttoninner a
{
    font-size: 127.2%;
    font-weight: bold;
    text-decoration: none;
    font-family: "Trebuchet MS", Helvetica, Jamrul, Sans-Serif; 
    line-height: 100%;
    color: #4c5661;
    background-color: Transparent;
}

.linkcarousel .selected a
{
    color: #ffffff !important;
    background-color: Transparent;
    background-image: none !important;
}
.brandingcarousel .selected a
{
    color: #bd0000 !important;
    background-color: Transparent;
    background-image: none !important;
}

.prevbutton, .nextbutton
{
    float: left;
    margin: 0 9px;
    cursor: pointer;
}