@charset "utf-8";

.lof-slidecontent {
     height: 270px;
     overflow: hidden;
     position: relative;
     width: 974px;
}

.lof-slidecontent .preload {
     background: none repeat scroll 0% 0% #FFFFFF;
     color: #FFFFFF;
     height: 100%;
     left: 0pt;
     position: absolute;
     text-align: center;
     top: 0pt;
     width: 100%;
     z-index: 100000;
}

.lof-slidecontent .preload div {
     height: 100%;
     width: 100%;
}

.lof-main-wapper {
     height: 100%;
     margin-right: auto;
     overflow: hidden;
     padding: 0px;
     position: relative;
     width: 600px;
}

.lof-main-wapper .lof-main-item {
     height: 100%;
     margin: 0px;
     overflow: hidden;
     padding: 0px;
     position: absolute;
     width: 100%;
}

.lof-main-wapper .lof-main-item img {
     padding: 0px;
}

.lof-main-item-desc {
     background: url("https://www.avandrive.com/cloud_backup_storage/images/transparent_bg.png") repeat scroll 0% 0% transparent;
     left: 50px;
     position: absolute;
     top: 150px;
     width: 400px;
}

.lof-main-item-desc p {
     color: #FFFFFF;
     margin: 0pt 8px;
     padding: 8px 0pt;
}

.lof-main-item-desc h3 a {
     color: #FFFFFF;
     font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
     font-size: 140%;
     margin: 0pt;
     padding: 20px 8px 2px;
}

.lof-main-item-desc h3 a:hover {
     color: #FFFF66;
     text-decoration: underline;
}

ul.lof-navigator {
     color: #E6E6E6;
     font-family: 'Myriad Pro';
     font-size: 22px;
     margin: 0pt;
     padding: 0pt;
     position: absolute;
     top: 0pt;
     width: 100%;
}

ul.lof-navigator li {
     color: #E6E6E6;
     cursor: pointer;
     font-family: 'Myriad Pro';
     font-size: 22px;
     list-style: none outside none;
     margin: 0pt;
     overflow: hidden;
     text-align: left;
     width: 163px;
}

.lof-navigator-outer {
     color: #FFFFFF;
     height: 300px;
     overflow: hidden;
     position: absolute;
     right: 0pt;
     top: 0px;
     width: 181px;
     z-index: 100;
}

.lof-navigator li.active {
     color: #FFFFFF;
     font-size: 25px ! important;
     text-align: left;
     width: 177px;
	 margin-left:5px;
}

.lof-navigator li:hover {
    
}

.lof-navigator li h3 {
     color: #FFFFFF;
     font-size: 100%;
     margin: 0pt;
     padding: 15px 0pt 0pt ! important;
}

.lof-navigator li div {
     position: relative;
}

.lof-navigator li.active div {
     color: #FFFFFF;
}

.lof-navigator li img {
    
}

.lof-navigator li.active img {
    
}

.lof-navigator li.active h3 {
     color: #FFFFFF;
}

.lof-next {
     background: none repeat scroll 0% 0% #F9F9F9;
     display: block;
     height: 30px;
     position: absolute;
     top: 0pt;
     width: 100%;
}

.lof-previous {
     background: none repeat scroll 0% 0% #F9F9F9;
     bottom: 0pt;
     display: block;
     height: 30px;
     position: absolute;
     width: 100%;
}