@charset "utf-8";
@import url(main.css);
@import url(http://atiz.com/core_css/software.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(http://pro.atiz.com/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:none;
height:385px;
padding:15px;

}

#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{
color:#333333;
float:left;
font-size:1.7em;
font-weight:bold;
margin-left:25px;
}

#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;
}




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

.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;
}

.topic-desc p{
padding-bottom:15px;
}

#samples-box{
clear:both;
padding:20px 0 0 25px;
overflow:hidden;
}

#samples-box h2{
color:#000;
font-size:2.2em;
font-weight:600;
padding-left:5px;
padding-bottom:10px;
}

.samples-img{
			background:url(../images/bg-samples.png) no-repeat 0 20px;
			width:933px;
			height:1110px;
			padding:60px 0 0 28px;
		}
		
		.samples-img .sample-li{
			float:left;
			display:inline;
			width:202px;
			color:#FFF;
			font-size:1.2em;
			padding-bottom:60px;
			margin-right:25px
		}
		
		.samples-img .sample-li img.r2{ margin-top:50px }
		.samples-img .sample-li img.r10{ margin-top:12px }
		.samples-img .sample-li img.r11{ margin-top:30px }
		.samples-img .sample-li img.r11-b{ margin-top:30px }
		.samples-img .sample-li img.r12-b{ margin:73px 0 0 35px }
		.samples-img .sample-li img.r12{ margin:73px 0 0 35px }
		.samples-img .sample-li p{ text-align:center; width:95% }	
		.samples-img .clear{ clear: both }


#nothing-else{
clear:both;
height:615px;
position:relative;
margin:0 0 40px;
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;
}

/*
	###########################################
	Author: Noppadol Sukprapa
	
	Update on: 1 Jan 2010 
	###########################################
*/


#pro-bg {
	position:relative;
	padding-top:40px;
	background:url("../images/v1/bookdrive-mini.png") no-repeat scroll bottom center transparent;
	border-bottom:1px solid #C8C8C8;
	margin-bottom:50px
}

.content-wrapper { min-height:0 !important }

body {
    background: url("../images/v1/body-bg.jpg") repeat-x scroll top left transparent !important;
}

.fixed-980{ width:980px; margin:0 auto; clear:both; position:relative}
.fixed-h-530{ height:530px }

ul.pro-desc-list {
	font-family:Arial,Helvetica,sans-serif;
	left:550px;
	list-style:none outside none;
	position:absolute;
	text-align:left;
	top:160px;
}

ul.pro-desc-list li{
	background:url("http://pro.atiz.com/images/bullet-new.jpg") no-repeat scroll 0 2px transparent;
	color:#333333;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:3px;
	padding:5px 0 5px 35px;
	line-height:1.5
}

.pro-img-header {
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
		line-height:1.4;
}

.pro-img-header span {
	color:#333;
	font-size:2.4em
}

.pro-img-header h1 {
	color:#000000;
	font-size:4em;
}


#intro {
	clear:both;
	overflow:hidden;
	padding:20px 30px 5px;
	position:relative;
	width:930px;
}

#intro p {
	font-size:1.2em;
	line-height:1.5;
	padding-bottom:14px;
	width:465px;
}

#intro p a{  
	background: url("http://atiz.com/image/bullet/bullet-learn-more.png") no-repeat scroll right 2px transparent;
    padding-right: 18px;
}

#intro .comparison {
	background:url("http://pro.atiz.com/images/comparison-bg.jpg") no-repeat scroll 0 28px transparent;
	display:inline;
	float:right;
	height:615px;
	margin-top:42px;
	position:relative;
	width:344px;
}

#intro .comparison h5 {
	color:#666666;
	font-size:1.2em;
}

#intro .comparison span {
	color:#FFFFFF;
	display:block;
	font-size:1em;
	line-height:1.4;
	position:absolute;
	text-align:left;
	width:150px;
}

#intro .comparison span.bookdrive {
	font-size:1.1em;
	font-weight:bold;
	left:50px;
	top:40px;
}

#intro .comparison span.overhead {
	font-size:1.1em;
	font-weight:bold;
	right:0;
	top:40px;
}

#intro .comparison span.pos-1 {
	left:13px;
	top:558px;
}

#intro .comparison span.pos-2 {
	right:8px;
	top:245px;
}

#intro .comparison span.pos-3 {
	right:8px;
	top:395px;
}

#intro .comparison span.pos-4 {
	right:8px;
	top:558px;
}

#intro .comparison span.pos-5 {
	left:13px;
	top:245px;
}

#intro .comparison span.pos-6 {
	left:13px;
	top:395px;
}

.what-is {
    display: inline;
    float: left;
    width: 495px;
}
.what-is h2 { color:#000000; font-size:2em; font-weight:600; padding-bottom:20px; }
.what-is img { margin:10px 0 10px 40px; }
.what-is p { width:100% !important; }

.grid-wrapper {
	clear:both;
	overflow:hidden;
	padding:50px 30px;
}

.grid-wrapper h2 , #three-steps h2{
	color:#000;
	font-size:2em;
	font-weight:600;
	padding-bottom:50px;
}

.grid {
	overflow:hidden;
	width:940px;
}

.grid-bottom {
	padding-top:60px;
}

.grid .column {
	display:inline;
	float:left;
	line-height:1.5;
	margin-left:3.5%;
	width:31%;
}

.column.first {
	margin-left:0 !important;
}

.column h3 {
	color:#000000;
	font-size:1.2em;
	margin-bottom:0.3em;
	margin-top:12px;
}

.column p {
	font-size:1.2em;
	width:270px;
}

#how-work{
	padding:80px 30px 10px;
	clear:both;
	overflow:hidden
}

#how-work .detail{
	width:425px;
	float:left;
	display:inline
}

#how-work .video{
	width:480px;
	float:right;
	display:inline;
}

#how-work .video p{
	text-align:center;
	padding-top:20px;
	font-size:1.2em
}

#how-work .detail img{
	margin:0 0 20px 10px
}

#how-work .detail p{
	font-size:1.2em;
	line-height:1.5;
	padding-bottom:10px;
}

#how-work .detail h4{
	font-size:1.3em;
	margin-bottom:10px;
}

#how-work .detail a{
	background:url("http://pro.atiz.com/images/border_of_sample/plus_icon.png") no-repeat scroll right 8px transparent;
	padding:10px 25px 0 0;
	font-size:1.2em
}

.three-steps-inner{
	padding:20px 36px 36px 36px;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif
}

.three-steps-inner h2{
	padding-bottom:25px;
}

.three-steps-inner ul{
	padding-top:10px;
	list-style:none
}

.three-steps-inner ul li{
	float:left;
	display:inline;
	line-height:1.5
}

.three-steps-inner ul li h4{
	padding-bottom:5px
}

.three-steps-inner ul li.capture{
	width:240px;
	margin-right:65px
}

.three-steps-inner ul li.edit{
	width:287px;
	margin-right:60px;
}

.three-steps-inner ul li.export{
	width:205px
}


.loading{
	width:400px;
	height:100px;
	background:url("http://pro.atiz.com/images/loading.gif") no-repeat 50%;
	margin:0 auto;
}

.loading span{
	color:#666666;
	display:block;
	font-size:0.8em;
	padding:65px 0 0 180px;
}

body {
	background:url("http://mini.atiz.com/images/body-bg.jpg") no-repeat scroll 50% -2px transparent;
}