#page {
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.5;
    text-align: left;
    padding-bottom: 50px;
}


/* Slide show for javascript */

#slides {
	position: relative;
	z-index: 100;
	width: 980px;
	height: 458px;
	margin-bottom:58px
}

.slides_container {
    width:980px;
    height:458px;
}

.slides_container div {
   width:980px;
   height:458px;
  display:block;
}

#slides img{
  position:relative;
  z-index: 0;
  behavior: url(../images/PIE.htc);	 
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}


.pagination {
	margin: 0 auto;
	text-align: center;
	list-style: none;
	margin-top: -35px;
	margin-right:45px;
	float:right;
	position: relative;
	z-index: 200;
}


.pagination li { float: left; margin-right:6px }
.pagination li a {
	display: block;
	width: 32px;
	height: 0;
	padding-top: 8px;
	background-image: url(../images/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.pagination li a:hover , .pagination li.current a { background-position: 0 -8px }


#intro{ margin-top:30px }
#intro img{ margin:20px 0 0 85px;}


.fColumn{ background-color:#ECECEC; margin-bottom:50px; padding:40px 0 60px 85px; overflow:hidden } 
.fColumn h2{ color:#000; font-size:2.4em; margin-bottom:15px;
	font-family: 'Open Sans', arial !important;
	font-weight: 300;
}
.fColumn p{ font-size:1.2em; padding-bottom:10px; color:#333; width:810px }
.fColumn img.img-header{ margin:0 !important; position:static !important }

#intro p{ width:380px !important }


#screenshot{ height:537px; position:relative }
#screenshot p{ padding-top:43px }
#screenshot img{ position:absolute; right:0; bottom:0 }

#failed{ padding-top:80px }
#failed img{ margin-top:65px; margin-left:-30px }


#safe{ position:relative; height:507px }
#safe h2{ padding-top:50px }
#safe p{ width:354px }
#safe p a{ text-decoration:underline } 
#safe img{ position:absolute }
#safe img.auto-switch{ bottom:50px; left:100px }
#safe img.outline{ right:50px; bottom:0 }

#availability{ padding-bottom:40px; margin-bottom:0 }
#availability ol{ margin-left:20px }
#availability ol li{ font-weight:bold; font-size:14px }
#availability ol h3{ margin-bottom:6px; font-size:14px }
#availability ol a{ font-weight:normal }
#availability ol p{ font-size:1em; font-weight:normal }
#availability ol p.price{ padding-bottom:15px }
#availability img{ margin:-5px 0 0 263px }

.z-book{ padding-top:30px; }
    
/*.bookpart{
	position: relative;	
	float: left;
	width:420px;
	padding-top:30px
}
		
.bookpart img{ float:left; display:inline; margin:0 !important }
.bookpart img.link{ cursor:pointer }*/

.zoom-book{ float:left; display:inline }		
.zoom-book div{ display:none }
.zoom-book img{ margin:-18px 0 0 0 !important }
.zoom-book h5 {
	font-size: 1.3em;
	text-align: center;
	font-weight: normal;
	color:#666;
	width: 670px;
	margin-bottom: 10px;
	line-height: 1.1;
}
		
.crips{ text-align:center; padding:0 0 10px 0  }

.z-book ol{ margin-right:40px; list-style:none; float:left; display:inline }
.z-book ol li{ margin-bottom: 27px }
.z-book ol li a {
						width: 131px;
						height: 137px;
						display: block;
						cursor: pointer;
						padding-bottom: 20px;
	 
}
.z-book ol li a img{ margin:0 !important }
.z-book ol li a span{ 
						text-align: center;
						font-size: 0.9em;
						font-weight:bold;
						display: block;
					}
						
.z-book ol li a:hover, .z-book ol li a.active{ color:#06C }	

.detail ul{ list-style:none; margin-top:30px }
.detail ul li{ background:url(../images/icon-true.png) no-repeat 0 6px; padding-left:28px; font-size:1.3em;  margin-bottom:25px }


#requirement{ clear:both; margin-top:40px; font-size:1.2em }
#requirement h2{ font-size:1.8em }
#requirement h3{ margin-bottom:5px }
#requirement ol{ list-style:disc}
#requirement ol li{ margin-bottom:6px }
#requirement ol{ margin-left:20px  } 
#requirement ul{ padding:14px 0 0 18px; float:left; display:inline; margin-right:35px; color:#666; font-size: 0.85em; }