﻿#BanerPlaceHolder {
    position: relative;
    width: 600px;
    height: 172px;
    background-image: url(Baner/banerBgLeft.jpg);
    background-color: Gray;
    padding-left: 260px;
    background-repeat: no-repeat;
    border: 0px;
}
#BanerPlaceHolder .slideFader {
    position: absolute;
    top: 5px;
    width: 5px;
    height: 167px;
    z-index: 300;
    float: left;
    border: 0px;
}
#BanerPlaceHolder #fade1 { background-color: #a7d3f6; opacity: 0.9; filter:alpha(opacity=90); left: 0px;}
#BanerPlaceHolder #fade2 { background-color: #a6d2f5; opacity: 0.8; filter:alpha(opacity=80); left: 5px;}
#BanerPlaceHolder #fade3 { background-color: #a4d2f5; opacity: 0.7; filter:alpha(opacity=70); left: 10px;}
#BanerPlaceHolder #fade4 { background-color: #a2d1f5; opacity: 0.6; filter:alpha(opacity=60); left: 15px;}
#BanerPlaceHolder #fade5 { background-color: #a0d0f5; opacity: 0.5; filter:alpha(opacity=50); left: 20px;}
#BanerPlaceHolder #fade6 { background-color: #9ecff4; opacity: 0.4; filter:alpha(opacity=40); left: 25px;}
#BanerPlaceHolder #fade7 { background-color: #9ccef3; opacity: 0.3; filter:alpha(opacity=30); left: 30px;}
#BanerPlaceHolder #fade8 { background-color: #9acef3; opacity: 0.2; filter:alpha(opacity=20); left: 35px;}

#BanerPlaceHolder #CarouselTop {
    position: absolute;
    top: 0px;
    left: 260px;
    width: 600px;
    height: 20px;
    background-image: url(Baner/banerTopBg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-color: Red;
    
}
#BanerPlaceHolder #BanerCarousele {
    position: absolute;
    top: 5px;
    left: 260px;
    width: 600px;
    height: 167px;
    float: left;
    background-image: url(Baner/banerSlideBackground.jpg);
    background-repeat: repeat-y;
    overflow: hidden;
    z-index: 1;
}
#BanerPlaceHolder #BanerList {
    list-style-type: none;
    list-style-position: outside;
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
}
#BanerPlaceHolder #BanerList li {
    width: 560px;
    height: 167px;
    padding-left: 40px;
    overflow: hidden;
    text-align: left;
    border: Black 0px solid;
}
#BanerPlaceHolder #BanerList li .BanerFullWidth {
    width: 560px;
    height: 167px;
}
#BanerPlaceHolder #BanerList li .BanerLeftCol {
    position: relative;
    width: 260px;
    float: left;
    height: 135px;
    overflow: hidden;
}
#BanerPlaceHolder #BanerList li .BanerLeftCol .linkButton {
    position: absolute;
    z-index: 200;
    width: 80px;
    height: 25px;
    top: 105px;
    left: 180px;
    background-image: url(baner/readMoreButton.gif);
    cursor: pointer;
}
#BanerPlaceHolder #BanerList li .BanerLeftCol h3{
    color: #464646;
    font-size: 17px;
    margin-top: 12px;
    margin-bottom: 3px;
}
#BanerPlaceHolder #BanerList li .BanerLeftCol p {
    margin-top: 0px;
    padding-top: 0px;
    line-height: 16px;
}
#BanerPlaceHolder #BanerList li .BanerImagePlace {
    width: 260px;
    height: 160px;
    padding:  0px 20px 2px 20px;
    float: left;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
#BanerPlaceHolder #tabset {
    text-align: center;
    position: absolute;
    top: 142px;
    left: 300px;
    z-index: 100;
    width: 260px;
    height: 30px;
    margin: 0px;
    background-color: White;
    background-image: url(Baner/buttonsTop.gif);
    background-repeat: no-repeat;
    background-position: top;
}
#BanerPlaceHolder #tabset #carousellist {
    
    list-style-type: none;
    list-style-position: outside;
    padding-left: 0px;
    margin: 0;
    width: 230px;
    display: block;
    padding-left: 15px;
}
#BanerPlaceHolder #tabset .dot {
    background-image: url(Baner/dots.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 15px;
    width: 11px;
    overflow: hidden;
    float: left;
    padding-right: 5px;
    margin-top: 9px;
    cursor:pointer;
}
#BanerPlaceHolder #tabset .dotselected {
    background-image: url(Baner/dots.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 15px;
    width: 11px;
    overflow: hidden;
    float: left;
    padding-right: 5px;
    margin-top: 9px;
    cursor:pointer;
}
#BanerPlaceHolder #tabset .linkDescription {
    float: left;
    font-size: 11px;
    padding-left: 10px;
    padding-top: 8px;
    width: 140px;
}
