/*================>> PREPLOGIC HOME PAGE MAIN CSS <<================*/
/*=================================================================*/
#plHomepageMain {
    width:980px;
    text-align: left;
    position: relative;
    margin: 0;
    padding: 0;
    clear:both;
}
#plHomepageMain img{
    border: 0;
}

/*================>> PREPLOGIC HOME PAGE TOP SECTION MAIN CSS <<================*/
#topSection {
    float:left;
    position:relative;
    width:100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#homeAdRotator {/*==>> Ad Rotator <<==*/
    float:left;
    width: 734px;
    height: 288px;
    margin:4px 0 4px 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 3;
}
#adNavigation {
    position: absolute;
    bottom: 9px;
    left: 10px;
    width: auto;
    height: auto;
    z-index: 13;
}
#adNavigation .homeAdRotator{
    overflow: hidden;
}
#adNavigation #prev{
    float:left;
    width: 25px;
    height: 25px;
    margin:0;
    padding: 0;
    background: url(/images/homepage/home2010/nav-prev-btn.png) top left no-repeat;
    cursor: pointer;
}
#adNavigation #next{
    float:left;
    width: 25px;
    height: 25px;
    margin:0;
    padding: 0;
    background: url(/images/homepage/home2010/nav-next-btn.png) top left no-repeat;
    cursor: pointer;
}
#adNavigation #nav{
    float:left;
    width: auto;
    height: 23px;
    border-top: 1px #bcbcbc solid;
    border-bottom: 1px #bcbcbc solid;
    background: url(/images/homepage/home2010/nav-bg.png) top left;
    z-index: 5px;
}
#adNavigation #nav a{
    float:left;
    font:12px Arial;
    font-weight: bold;
    color: #666666;
    margin: 4px 5px;
}
#adNavigation #nav a.activeSlide{
    float:left;
    font:12px Arial;
    font-weight: bold;
    color: #666666;
    padding: 1px 2px;
    border: 1px solid #bcbcbc;
    background: #ffffff;
    margin: 2px 3px;

}
.topRightSection {/*==>> Top Right Section <<==*/
    float:right;
    width:235px;
    height:auto;
    margin:0 5px 0 0;
 }
 .myLibraryLVTIcons {
    float:left;
    margin:0 0 4px 0;
 }
 .myLibraryLVTIcons img{
    float:left;
    margin: 0;
    padding: 0;
 }
 .myLibraryLVTIcons .myLibraryIcon {
    margin:3px 3px 0 0;
 }
 .rightNavTips {
    float:left;
    width:200px;
    height: 195px;
    background-color: #f0f0f0;
    border: 1px solid #c8c8c8;
    padding:15px; 
 }
 .rightNavTips h3{
    float:left;
    width:100%;
    font:12px Arial;
    font-weight:bold;
    color:#000000;
    margin:0 0 3px 0;
 }
 .rightNavTips p{
    float:left;
    width: 92%;
    font:10px Arial;
    color:#0066cc;
    margin: 0 0 15px 0;
    padding: 0;
 }
 .rightNavTips p a, .rightNavTips p a:active, .rightNavTips p a:visited, .rightNavTips p a{
    font:10px Arial;
    color:#0066cc;
 }
 .rightNavTips p a:hover{
    font:10px Arial;
    color:#0066cc;
    text-decoration: underline;
 }
 .lastestNewsTicker {
    float:left;
    width: 734px;
    height: 21px;
    background: url(/images/homepage/home2010/pl_home_ticker_bg.gif) top left no-repeat;
 }
  /* PrepLogic NewsTicker w/liScroll style declarations */
 .lastestNewsTicker h3{
    float:left;
    width: 90px;
    font: 12px Arial;
    font-weight:bold;
    color:#ffffff;
    padding:2px 0 0 12px;
    position: relative;
    margin: 0em;
 }
.tickercontainer { /* the outer div with the black border */
width: 600px; 
height: 21px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 2px;
top: 4px;
width: 600px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 600px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a:link,  ul.newsticker a:visited, ul.newsticker a:active{
white-space: nowrap;
padding: 0;
color: #ffffff;
font: 11px Verdana;
margin: 0 50px 0 0;
}
ul.newsticker a:hover {
white-space: nowrap;
padding: 0;
color: #ffffff;
font: 11px Verdana;
margin: 0 50px 0 0;
} 
.lastestNewsTicker .tickerBtns {
    float:right;
    width:10px;
    height: 10px;
    margin:8px 10px 0 0;
}
#newsList {
    display:none;
    position: absolute;
    margin:0 0 0 99px;
    width:605px;
    height: auto;
    padding: 10px 0 0 0;
}
#newsList ul{
    width:100%;
    height: auto;
    list-style:none;
    padding: 0;
    border-bottom: 1px solid #ffffff;
    
}
#newsList ul li{
    float:left;
    width:96.7%;
    font:11px Arial;
    color: #ffffff;
    background: #13181F;
    padding:5px 10px;
    border-bottom: 1px solid #494D54;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}
#newsList ul li a{
    font:11px Arial;
    color: #ffffff;
}
/*================>> PREPLOGIC HOME PAGE 1ST MIDDLE SECTION MAIN CSS <<================*/
#firstMiddleSection {
    float:left;
    width:100%;
    height: auto;
    margin:8px 0 0 0;
}
.preplogicInfoBox {
    float:left;
    width: 195px;
    height:auto;
    border-right: 1px solid #dcdcdc;
    padding:15px 15px 25px 10px;
    margin:0 20px 0 0;
}
.preplogicInfoBox h3{
    float:left;
    width:100%;
    font: 12px Arial;
    font-weight: bold;
    color: #333333;
    margin:0 0 5px 0;
}
.preplogicInfoBox p{
    float:left;
    width:auto;
    font:11px Arial;
    color: #666666;
    margin: 0;
}
.preplogicInfoBox p img{
    float:left;
    margin:0 15px 0 0;
}
.preplogicInfoBox p a{
    color: #336699;
    text-decoration: underline;
}
.preplogicInfoBox ul{
    float:left;
    width: 240px;
    list-style:none;
    margin: 10px 0 0 0;
    padding: 0;
 }
 .preplogicInfoBox ul li{
    float:left;
    height: 20px;
    text-align: center;
    padding: 5px 0 0 0;
    border-right: 1px dotted #cdced0;
 }
 .preplogicInfoBox ul li.last{
    float:left;
    height: 20px;
    text-align: center;
    padding: 5px 0 0 0;
    border: none;
 }
.testimonialBox {
    float:left;
    width: 490px;
}
.testimonialBox img{
    float:left;
    margin:-5px 0 0 0;
}
.testimonyShort {
    float:right;
    width: 65%;
    height: auto;
    border-bottom: 1px solid #dcdcdc;
}
.testimonyShort h3{
    float:left;
    width: 100%;
    font:12px Arial;
    color: #333333;
    font-weight: bold;
    margin: 12px 0 0 0;
}
.testimonyShort p{
    float:left;
    width: auto;
    height: auto;
    font: 11px Arial;
    font-style: italic;
    color: #999999;
    margin:5px 0 8px 0;
}
.testimonyShort p a{
    color: #336699;
    text-decoration: underline;
}
.testimonyShort span{
    float:left;
    width: 100%;
    font: 11px Arial;
    font-style: italic;
    color: #666666;
    margin:0 0 5px 0;
}
.noBorder {
    border: none;
}

/*================>> PREPLOGIC HOME PAGE 2ND MIDDLE SECTION MAIN CSS <<================*/
#secondMiddleSection {
    float: left;
    width: 95%;
    height: auto;
    margin:10px 0 0 0;
    padding: 20px;
    background: url(/images/homepage/home2010/pl_home_3rd_section_bg.gif) top left no-repeat;
}
.lvtPreview {
    float:left;
    width: 370px;
    height: auto;
}
.lvtPreview h2{
    float:left;
    width: 100%;
    font: 18px Arial;
    color:#000000;
    margin:0 0 15px 0;
}
.lvtPreview img{
    float:left;
}
.middleInfoBox {
    float:left;
    width:250px;
    margin:12px 0 0 20px;
}
.middleInfoBox h3{
    float:left;
    width: 100%;
    font: 12px Arial;
    font-weight: bold;
    color:#000000;
    margin:0 0 5px 0;
}
.middleInfoBox ul{
    list-style:none;
    float:left;
    width: 100%;
    font: 11px Arial;
    color:#666666;
    margin: 0;
    padding: 0;
    list-style-position: inside;
}
.middleInfoBox ul li {
    float:left;
    width: 100%;
    margin:1px 0 2px 0;
}
.middleInfoBox ul li a{
    font: 11px Arial;
    color:#336699;
    text-decoration: underline;
}
.middleInfoBox p{
    float:left;
    width: 100%;
    font: 11px Arial;
    color:#666666;
    margin:0 0 5px 0;
}
.middleInfoBox p a{
    color:#336699;
    text-decoration: underline;
}
.middleInfoBox p img{
    float:left;
    margin:0 15px 0 0;
}
.prepLogicPartners {
    float:left;
    width:500px;
    margin:10px 0 0 20px;
    padding: 15px;
    background: #ffffff;
    border: 1px solid #dcdcdc;
}
.prepLogicPartners h3{
    float:left;
    width: 100%;
    font:12px Arial;
    font-weight: bold;
    color:#000000;
    margin:0 0 5px 0;
}
.prepLogicPartners p{
    float:left;
    width: 100%;
    font:10px Arial;
    color:#666666;
    margin:0 0 5px 0;
}
.prepLogicPartners p a{
    font:10px Arial;
    color:#336699;
    text-decoration: underline;
}
/*======>> PrepLogic Corporate Partners JCarousel <<========*/
.jcarousel-container {
    float:left;
    position: relative;
    width:470px;
    background: url(/images/homepage/home2010/carousel_lines.png) 28px 5px no-repeat;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    overflow: hidden;
    width:411px;
    position: relative;
    margin:5px 0 0 30px;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 65px;
    height: 60px;
    margin:0 0 0 15px;
}
.jcarousel-list li img,
.jcarousel-item img{
    width: 65px;
    height: 60px;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */

/*======>> Horizontal Buttons <<========*/
.jcarousel-next-horizontal {
    position: absolute;
    top: 28px;
    right: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: transparent url(/images/homepage/home2010/carousel_btn_right.gif) no-repeat 0 0;
}
.jcarousel-next-horizontal:hover {
    background-position: 0 -15px;
}
.jcarousel-next-horizontal:active {
    background-position: 0 -15px;
}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -30px;
}
.jcarousel-prev-horizontal {
    position: absolute;
    top: 28px;
    left: 5px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: transparent url(/images/homepage/home2010/carousel_btn_left.gif) no-repeat 0 0;
}
.jcarousel-prev-horizontal:hover {
    background-position: 0 -15px;
}
.jcarousel-prev-horizontal:active {
    background-position: 0 -15px;
}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -30px;
}

/*================>> PREPLOGIC HOME PAGE BOTTOM SECTION MAIN CSS <<================*/
#bottomSection {
    float:left;
    width:100%;
    margin: 25px 0 0 0;
}
#bottomSection .leftBottomSection{
    float:left;
    width:65%;
    height:auto;
    margin: 0 20px 0 0;
}
.leftBottomSection h1{
    float:left;
    width:100%;
    font:18px Arial;
    font-weight: bold;
    color:#333333;
    margin:5px 0 10px 0; 
}
.leftBottomSection h3{
    float:left;
    width:100%;
    font:13px Arial;
    font-weight: bold;
    color:#333333;
    margin:0 0 10px 0; 
}
.leftBottomSection p{
    float:left;
    font: 11px Arial;
    color:#666666;
    margin:0 0 20px 0; 
}
#bottomSection .rightBottomSection{
    float:left;
    width:29%;
    height:auto;
    padding:0 0 0 30px;
    border-left: 1px solid #dcdcdc;
}
.rightBottomSection h2{
    float:left;
    width:100%;
    font:13px Arial;
    font-weight: bold;
    color:#333333;
    margin:5px 0 15px 0;
}
.rightBottomSection h3{
    float:left;
    width:100%;
    font:11px Arial;
    font-weight: bold;
    color:#666666;
    margin: 0;
}
.rightBottomSection p{
    float:left;
    width:100%;
    font:10px Arial;
    color:#999999;
    margin:0 0 15px 0;
}