@charset "utf-8";
@import url(main.css);

/*	........................................................ 
	Author       : 	Atiz Innovation
	Project Name :  BookDrive Mini Overview
	........................................................ 
*/

.show-content{
background:transparent url(http://pro.atiz.com/images/el-bg.jpg) no-repeat scroll 0 0;
height:117px;
margin-top:35px;
padding:28px 30px;
position:relative;
width:380px;
}

#evolution-content{
position:relative;
padding:12px;
font-size:1.15em;
line-height:1.4;
}

#evolution-content p{
padding-left:80px;
width:300px;
}

#evolution-content p .evolution-head a{
font-weight:bold;
display:block;
color:#333;
font-size:1.125em;
}

#evolution-content .img-evolution{
position:absolute;
left:5px;
top:13px;
}

.evolution-link{
padding-top:10px;
display:block;
}

.evolution-link a{
background:url(../images/border_of_sample/plus_icon_e.png) no-repeat center right;
padding-right:20px;
}

#send-us{
overflow:hidden;
position:relative;
width:247px;
}

#send-us #send-us-head{
background:url(http://pro.atiz.com/images/table-send-a-book/send_us_a_book_03.png) no-repeat;
height:19px;
}

#send-us #send-us-center{
background:url(http://pro.atiz.com/images/table-send-a-book/send_us_a_book_09.png) repeat-y;
height:385px;
padding:15px 25px;
}

#send-us #send-us-center p{
color:#000000;
display:block;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-bottom:0;
margin-left:25px;
padding-top:15px;
text-align:left;
width:160px;
line-height:1.5;
}

.send-us-img{
float:left;
}

#send-us #send-us-bottom{
background:url(http://pro.atiz.com/images/table-send-a-book/send_us_a_book_10.png) no-repeat;
height:22px;
}

.download-link a{
font-size:11px;
}

#containner{
position:relative;
width:800px;
overflow:hidden;
}

#containner-img{
position:relative;
width:800px;
height:670px;
overflow:hidden;
}

#img-wrapper{
padding-top:20px;
text-align:center;
clear:both;
display:inline;
float:left;
overflow:hidden;
}

.img-list{
width:125px;
float:left;
padding:10px;
display:inline;
}

#top{
font-family:Arial, Helvetica, sans-serif;
padding-left:60px;
padding-bottom:10px;
position:relative;
overflow:hidden;
}

#top-img{
font-family:Arial, Helvetica, sans-serif;
padding-left:60px;
padding-bottom:10px;
position:relative;
overflow:hidden;
height:620px;
}

#bottom{
height:22px;
overflow:hidden;
background-color:#eee;
text-align:center;
padding-left:275px;
clear:both;
}

.set-group {
display:block;
font-size:13px;
float:left;
width:100px;
background-color:#fff;
border:1px solid #333;
color:#CCCCCC;
margin:0 10px;
}

.set-group-active {
display:block;
font-size:13px;
float:left;
width:100px;
background-color:#666;
padding:2px 0;
margin:0 10px;
padding:1px 0;
}

.set-group-active a{
color:#FFF !important;
}

.set-group a{
color:#000 !important;
}

.show-img{
width:472px;
height:620px;
margin-left:120px;
text-align:center;
padding-bottom:10px;
}

.show-img img{
width:472px;
height:600px;
padding-bottom:5px;
}

.next{
position:absolute;
right:10px;
bottom:10px;
}

.previous{
position:absolute;
left:10px;
bottom:10px;
}

.next a , .previous a , .show-img a{
font-size:13px;
color:#999999;
}

.next a:hover , .previous a:hover , .show-img a:hover{
font-size:13px;
color:#06c;
}

.set-header{
font-size:18px;
color:#333;
text-align:left;
padding:5px;
}

#tbl-samples {
position:relative;
width:94%;
overflow:hidden;
padding:20px 0;
padding:40px 0 40px 30px;
height:385px;
}

#tbl-samples .left-top{
background:url(http://pro.atiz.com/images/border_of_sample/top_left.png) no-repeat;
position:absolute;
top:0;
left:0;
width:15px;
height:16px;
display:block;
}

#tbl-samples .left-center{
background:url(http://pro.atiz.com/images/border_of_sample/border_left.png) repeat-y;
position:absolute;
top:15px;
left:0;
bottom:16px;
width:15px;
height:420px;
display:block;
}

#tbl-samples .left-bottom{
background:url(http://pro.atiz.com/images/border_of_sample/bottom_left.png) no-repeat;
position:absolute;
bottom:18px;
left:0;
width:15px;
height:18px;
display:block;
}

#tbl-samples .center-top{
background:url(http://pro.atiz.com/images/border_of_sample/top_center.png) repeat-x;
position:absolute;
top:0;
left:15px;
width:750px;
height:16px;
display:block;
}

#tbl-samples .center-bottom{
background:url(http://pro.atiz.com/images/border_of_sample/bottom_center.png) repeat-x;
position:absolute;
bottom:18px;
left:15px;
width:750px;
height:18px;
display:block;
}

#tbl-samples .right-top{
background:url(http://pro.atiz.com/images/border_of_sample/top_right.png) no-repeat;
position:absolute;
top:0;
right:0;
width:18px;
height:16px;
display:block;
}

#tbl-samples .right-center{
background:url(http://pro.atiz.com/images/border_of_sample/border_right.png) repeat-y;
position:absolute;
top:15px;
right:0;
bottom:16px;
width:18px;
height:420px;
display:block;
}

#tbl-samples .right-bottom{
background:url(http://pro.atiz.com/images/border_of_sample/bottom_right.png) no-repeat;
position:absolute;
bottom:18px;
right:0;
width:18px;
height:18px;
display:block;
}


#topic-list{
clear:both;
overflow:hidden;
padding-top:120px;
}

.topic{
display:block;
float:left;
position:relative;
margin:0 0 63px;
}

.topic-img{
float:left;
width:380px;
text-align:right;
/*padding-left:40px;*/
}

.topic-desc{
float:right;
width:450px;
font-size:1.15em;
margin-left:17px;
margin-right:133px;
line-height:1.4;
text-align:justify;
}

.topic-desc h2{
font-size:1.2em;
padding-bottom:8px;
color:#333;
}

#samples-box h2{
color:#000000;
font-size:1.7em;
padding-left:5px;
padding-bottom:10px;
}

.how-does{
color:#960000;
font-size:1.7em;
padding-bottom:20px;
}

#nothing-else{
clear:both;
height:615px;
position:relative;
margin:0 0 63px;
font-size:1.15em;
line-height:1.4;
}

#nothing-else h2{
color:#333333;
font-size:1.2em;
padding-bottom:8px;
}

#nothing-else span.other{
left:165px;
top:0;
position:absolute;
}

#nothing-else span.bookdrive{
position:absolute;
right:62px;
top:0;
}

#nothing-else span.plastic{
left:0;
position:absolute;
top:76px;
}

#nothing-else span.smudged{
left:281px;
position:absolute;
top:76px;
}	

#nothing-else span.samples-img{
position:absolute;
right:28px;
top:76px;
}

#nothing-else .desc{
bottom:20px;
position:absolute;
right:40px;
width:390px;
text-align:justify;
}

.small-pic img{
padding-right:23px;
}

.intro{
width:750px;
padding-top:60px;
}

.intro p{
padding-bottom:20px;
font-size:14px;
}

#advantage , #ocr , #auto-center-cradle{
padding-top:100px;
overflow:hidden;
clear:both;
}

#advantage .advantage-bg{
overflow:hidden;
background-color:#F1F1F1;
padding:30px 0 6px 35px;
width:100%;
}

#advantage .advantage-sub{
float:left;
margin-right:65px;
padding:10px 0 80px;
width:425px;
font-size:14px;
}

#advantage .advantage-sub-bottom{
float:left;
margin-right:65px;
padding:10px 0 20px;
width:425px;
font-size:14px;
}

#advantage .advantage-sub h3 , #advantage .advantage-sub-bottom h3 , #ocr h3{
color:#000;
font-size:16px;
padding-bottom:15px;
}


#ocr{
background:url(http://diy.atiz.com/images/ocr.jpg) no-repeat  right  120px;
height:450px;
}

#ocr p{
width:335px;
padding-bottom:20px;
font-size:14px;
}

#auto-center-cradle span{
display:block;
font-size:1.3em;
color:#414141;
padding-bottom:20px;
}

#auto-center-cradle{
padding-bottom:50px;
}