@charset "utf-8";

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

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

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

/* IE6 css fixer v0.4: Wed, 06 May 2009 17:51:12 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#send-us #send-us-center p,
.send-us-img,
#img-wrapper,
.img-list,
.set-group,
.set-group-active,
.topic,
.topic-img,
.topic-desc {display:inline;}

/* add zoom:1 to overflow:hidden */
#send-us,
#containner,
#containner-img,
#img-wrapper,
#top,
#top-img,
#bottom,
#tbl-samples,
#topic-list {zoom:1;}

/* add zoom:1 to pos:relative elements */
.show-content,
#evolution-content,
#send-us,
#containner,
#containner-img,
#top,
#top-img,
#tbl-samples,
.topic,
#nothing-else {zoom:1;}

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

#send-us #send-us-bottom{
background:url(../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:150px;
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:319px;
}

#tbl-samples .left-top{
background:url(../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(../images/border_of_sample/border_left.png) repeat-y;
position:absolute;
top:15px;
left:0;
bottom:16px;
width:15px;
height:354px;
display:block;
}

#tbl-samples .left-bottom{
background:url(../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(../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(../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(../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(../images/border_of_sample/border_right.png) repeat-y;
position:absolute;
top:15px;
right:0;
bottom:16px;
width:18px;
height:354px;
display:block;
}

#tbl-samples .right-bottom{
background:url(../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:20px;
}

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

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

.topic-desc{
float:left;
width:450px;
font-size:1.15em;
margin-left:17px;
margin-right:40px;
line-height:1.4;
color:#333;
}

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

.topic-desc p {
padding-bottom:10px;
padding-right:40px;
}

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

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

.how-does {
color:#000;
font-size:2.2em;
font-weight:500;
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;
}

.cradle-large {
clear:both;
padding-top:5px;
text-align:center;
}

.cradle-large h2{
color:#386CC2;
font-size:2.8em;
padding-bottom:20px;
}

.cradle-large p{
color:#333333;
font-size:1.5em;
padding-bottom:10px;	
}

.cradle-large p.p-last{
padding-bottom:30px;	
}

.pro-container-lv {
padding-top:140px;
padding-left:20px;
}

.pro-container-rv {
padding-top:140px;
padding-left:40px;
}

.colR{
float:right;
padding-top:20px;
}

.colL{
float:left;
padding-top:0px;
}

.evolved{
display:block;
float:left;
margin:60px 0 63px;
}

.evolved h2.how-does{
	padding-left:16px;
}

#about-bookdrive{
	padding-top:85px;
	clear:both;
}

#additional{
	clear:both;
	color:#000000;
	font-size:2em;
	font-weight:600;
	padding-bottom:25px;
	padding-left:17px;
}

.video-right{
	padding-top:50px; 
	text-align:right;
}

.pro-pt{
	padding-top:20px;
}

.bold{
	font-weight:600;
}

.download-sample{
	position: absolute; 
	bottom: 30px; 
	left: 55px;
}

.sample-pt{
	padding-top:5px;
}

.nm{
	font-family:Arial;
	font-size:1.2em;
	color:#333;
}

.compare-vs{	
	background:transparent url(http://pro.atiz.com/images/compare-new.jpg) no-repeat scroll 0 150px;
	clear:both;
	height:630px;
	padding-top:100px;
	position:relative;
}

.compare-vs h2{
	color:#000;
	font-size:2em;
}

.compare-vs h3.v-shap {
	color:#FFFFFF;
	font-size:1.8em;
	position:absolute;
	left:65px;
	top:165px;
}

.compare-vs h3.overhead {
	color:#FFFFFF;
	font-size:1.8em;
	position:absolute;
	left:80px;
	top:440px;
}

.compare-vs span{
	color:#FFFFFF;
	display:block;
	font-size:1.2em;
	position:absolute;
	text-align:center;
}

.compare-vs span.pos-1 {
	right:72px;
	top:365px;
	width:150px;
}

.compare-vs span.pos-2 {
	left:20px;
	top:630px;
	width:320px;
}

.compare-vs span.pos-3 {
	right:325px;
	top:630px;
	width:210px;
}

.compare-vs span.pos-4 {
	right:65px;
	top:630px;
	width:150px;
}

.compare-vs span.pos-5 {
	left:20px;
	top:365px;
	width:320px;
}

.compare-vs span.pos-6 {
	right:315px;
	top:365px;
	width:240px;
}

#pro-navigation {
	background:url("http://pro.atiz.com/images/bar-black.jpg") no-repeat scroll 0 0 transparent;
	padding:21px 0;
	position:relative;
}

#pro-navigation ul {
	height:60px;
	list-style:none outside none;
}

#pro-navigation ul li , .what-is {
	float:left;
	display:inline
}

#pro-navigation ul li a {
	font-size:1.25em;
	font-weight:bold;
	display:block;
	background:url("http://pro.atiz.com/images/compare-black.jpg") no-repeat scroll 0 0 transparent;
	width:277px;
	height:47px;
	color:#FFF
}

#pro-navigation ul li a.compare{ margin-top:-5px }

#pro-navigation ul li.spec a , #pro-navigation ul li.overview a {
	background:url("http://pro.atiz.com/images/overview-black.jpg") no-repeat scroll 0 0; 
	width:154px; 
	height:40px; 
}

#pro-navigation ul li.software a {
	width:134px; 
	height:40px; 
	background:url("http://pro.atiz.com/images/software-black.jpg") no-repeat scroll 0 0;
}

#pro-navigation ul li.brochure a {
	width:175px; 
	height:42px;  
	background:url("http://pro.atiz.com/images/brochure-black.jpg") no-repeat scroll 0 0;
}

#pro-navigation ul li a:hover { text-decoration:underline }

#pro-navigation ul li{ width:268px }

#pro-navigation li.spec, #pro-navigation li.overview {
	margin:0 60px 0 48px;
	text-align:left;
	width:152px;
}

#pro-navigation ul li.software{
	width:133px;
	margin-right:60px
}

#pro-navigation ul li.brochure{
	width:200px;
	margin-right:10px
}

#pro-navigation ul li a span{ color:#FFF; padding:15px 0 0 132px; display:block }

#pro-navigation ul li.spec a span , #pro-navigation ul li.overview a span  {
	display:block;
	padding:10px 0 0 50px;
}


#pro-navigation ul li.software a span {
	display:block;
	padding:10px 0 0 65px;
}


#pro-navigation ul li.brochure a span {
	display:block;
	padding:10px 0 0 50px;
}

#how-work{
	padding:60px 0 10px;
	clear:both;
	overflow:hidden
}

#how-work .detail{
	width:465px;
	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
}


.software-editor  { background:url(http://mini.atiz.com/images/bookdrive-editor.jpg) no-repeat 0 20px }
.software-capture { background:url(http://mini.atiz.com/images/bookdrive-capture.jpg) no-repeat 0 20px }
.software-section { padding-top:20px; font-size:1.2em; line-height:1.4; padding-bottom:50px; clear:both; overflow:hidden }
.software-section .screenshot{ float:left; display:inline; width:385px; }
.software-section .software-intro{ float:left; display:inline; width:580px; height:267px; }
.software-section .software-intro h2{ font-size:2em; }
.software-section .software-intro h2 a { color:#333 }
.software-section .software-intro h2 a:hover { color:#06C }
.software-section .software-intro p{ font-size:1.3em; margin-top:15px; }
.software-section .software-intro p.more{ margin-top:10px; }
.software-section  ul{ clear:both; padding-top:30px }
.software-section  ul li{ width:466px; float:left; display:inline; color:#666; margin-bottom:25px }
.software-section  ul li.left-topics{ margin-right:45px; }
.software-section  ul li h3{ font-size:1.2em; color:#000; margin-bottom:2px }
.software-mainword { width:980px; padding:25px 50px; font-size:1.5em; color:#000; line-height:1.4  }