@charset "UTF-8";
/* CSS Document */

h1{
	margin-top:10px;
	font-size:40px;
}

h2{
	font-size:26px;	
}

h2.subhead{
	color:#333;
	font-size:22px;
	font-weight:normal;	
}

h3{
	font-size:22px;
}

#header{
	margin:auto;
	width:1000px;
	max-width:1000px;
	background-color:#FFF;
	position:relative;	
}

.headerLogo{
 width:150px;	
}

#navigation{
	float:right;
	text-align:right;
	width:700px;
	max-width:1000px;
	background-color:#FFF;
	position:relative;	
	margin:10px 0px;
}


.navItem{
  background-color:#FFF;
  display:inline-block; 
  position:relative;
  height:25px;
  padding-top:5px;
  padding-bottom:10px;
  font-size:30px;
  margin-left:40px;
}

.subnavcontainer{
	display:none;
	position:absolute;
	right:-3px;
	top:40px;
	z-index:1000;
	text-align:left;
	line-height:30px;
	width:180px;
	font-size:25px;
	text-align:right;
	background-color:#FFF;
	border:1px dotted #CCC;
	padding:5px;
	
}

.navItem a:link{
	display:block;

}

.subnavcontainer a:link{
	margin-bottom:5px;	
}



#socialShare{
	float:right;
	text-align:right;
	width:600px;
	max-width:1000px;
	background-color:#FFF;
	position:relative;	
	margin-top:8px;

}



ol{
	margin-left:30px;
	list-style-position:outside;	
}

ol li{
	padding:7px;	
}

ul{
	margin-left:0px;
	list-style-position:outside;	
}

.moreInfoTxt{
	padding-bottom:5px;
	font-size:18px;
	line-height:27px;
}

.cta_home{
	background-color: #f98a14;
    border-radius: 12px;
    color: #fff;
    font-family: "UniversLTW01-47LightCn";
    height: 28px;
    padding: 20px;
    font-size: 22px;
    width: 18%;
	float:left;	
	text-align:center;
	margin:10px 1.5%;
}

.demoBlockWrapper{
	width:100%;	
	/*background-color:#848f91; */
	margin:0;
	padding:10px 0px;
	clear:both;
	overflow:auto;
}


.demoBlock{
	margin:auto;
	width:1000px;
	max-width:1000px;
	background-color:#FFF;
	position:relative;	
}

.oneThird{
	width:32%;
	margin-right:1.1%;
	float:left;
	height:25%;
}

.oneThird h3{
	text-align:center;	
	margin-top:15px;
}

.oneThird .imgCaption{
	margin:0px 30px; font-style:italic;
}


.oneFourth{
	width:23.5%;
	margin-right:1.1%;
	float:left;
	height:25%;
}

.oneFourth h3{
	text-align:center;	
	margin-top:15px;
	font-size:19px;
}

.oneFourth .imgCaption{
	margin:0px 30px; font-style:italic;
}



.imagePositioner{
	text-align:center;	
}




.statBlock{
 float:left;
 display:inline-block;
 margin-right:50px;	
 text-align:center;
}

.statBlock .statNum{
	font-size:60px; color:#00ABE3;	
	margin:8px 0px;
}

.downloadForm{
	font-size:20px;	
	border-top:1px solid #CCC;
	margin-top:20px;
}

.downloadForm .formLine{
	margin-top:10px;
}

.downloadForm label{
	display: inline-block;
	width:250px;
	text-align:right;	
	margin-right:15px;
}

.downloadForm input[type=text]{
	width:200px;	
}

#privacyClk{
	position:relative; color:#F98A14; text-decoration:underline; cursor:pointer; margin-left:5px;	
}

#privacyCls{
	color:#F98A14; font-size:18px; text-align:right;
}

#privacyExp{
	font-size:15px; position:absolute; border:1px solid #CCC; top:-25px; left:0px; background-color:#FFF; width:250px; padding:8px; display:none; color:#000;
	-moz-box-shadow: 0 0 3px 3px #AAA;
	-webkit-box-shadow: 0 0 3px 3px #AAA;
	box-shadow: 0 0 3px 3px #AAA;	
}

#footerContainer{
	width:100%;
	background-color:#EFEFEF;	
	border-top:2px solid #848f91;
	min-height:240px;
	margin-top:70px;	
}

#footer{
	font-size:16px;
	padding:10px 0px 20px 0px;
	
}

#footer .navBlock{
  float:right; text-align:left;	margin-left:50px; line-height:25px;
}

#footer .navBlock .listHeading{
  border-bottom: 1px dotted #00ABE3; padding-bottom:3px; margin-bottom:3px; font-size:18px;	
}

#footer .navBlock  a:link{
	display:block;	
}


#footer .navigation{
	text-align:center;
	margin:0px 0px 15px 0px;

}

#footer .navigation a:link{
	color:#00abe3;
	text-decoration:none;
}

#footer .navigation a:hover{
	color:#00abe3;
	text-decoration:underline;
}

#footer .navigation a:visited{
	color:#00abe3;
	text-decoration:none;
}

#footer .navigation a:active{
	color:#00abe3;
	text-decoration:none;
}

.reqStar{
	color: #F98A14;
}


/*Ids for specific blocks: */

#whatIsBlock{
	max-height:400px; overflow:hidden;	
}

#whatIsBlock .textPositioner{
	position:absolute; top:10%; left:5%; width:40%; z-index:100;
	background-image:url(imgs/white_trans_50.png);
	padding:10px;
	border: 2px dotted #CCCCCC;
}

#userCentricBlock{
	
}

#userCentricBlock .textPositioner{
	width:100%;
}

#howFastBlock {
	
}

#howFastBlock .videoPositioner{
	float:right; overflow:visible;
}

#howFastBlock .textPositioner{
	width:40%;
}


#customizeBlock{
	overflow:visible;
}

#customizeBlock .imagePositioner{
	margin-top:25px;
	float:left;
	margin-right:50px;
	
}

#customizeBlock .imagePositioner img{
	
	border:1px solid #CCC;
	box-shadow: 8px 8px 5px #888;
	z-index:1000;
	
	transform: rotate(-2deg);
-ms-transform: rotate(-2deg); /* IE 9 */
-webkit-transform: rotate(-2deg); /* Safari and Chrome */
}


.caption1{
	background-image: url("imgs/white_trans_50.png");
    border: 2px dotted #CCCCCC;
    left: 5%;
    padding: 10px;
    position: absolute;
    top: 10%;
    width: 40%;
    z-index: 100;
}

.caption2{
	background-image: url("imgs/black_trans_50.png");
    border: 2px dotted #CCCCCC;
    left: 5%;
    padding: 10px;
    position: absolute;
    top: 10%;
    width: 40%;
    z-index: 100;
	color:#FFF;
}

.caption-dd{
	background-image: url("imgs/black_trans_50.png");
    border: 2px dotted #CCCCCC;
    left: 5%;
    padding: 10px;
    position: absolute;
    bottom: 10%;
    width: 60%;
    z-index: 100;
}

.caption2 h2{
	color:#FFF;
}


.caption-dd h2{
	color:#f98a14;
}

.caption2 .moreInfoTxt, .caption-dd .moreInfoTxt{
	color:#FFF;
}


.caption3{
    left: 3%;
    padding: 10px;
    position: absolute;
    top: 10%;
    width: 50%;
    z-index: 100;
}

.caption4{
    right: 3%;
    padding: 10px;
    position: absolute;
    top: 10%;
    width: 50%;
    z-index: 100;
}

.caption_lower{
	left: 5%;
    padding: 10px;
    position: absolute;
    bottom: 8%;
    width: 90%;
    z-index: 100;
}


/* compareTable */

.compareTable{
	width:100%;
	border:1px solid #00ABE3;
	cell-padding:0px;
	text-align:center;
}

.compareTable th{
	background-color: #00ABE3;
	color:#FFF;
	padding:5px;
}

.compareTable .feature{
	text-align:left;
	padding:3px 6px;
}

.compareTable .feature.category{
	font-weight:bold;
}

.compareTable .indicator{
	width:30px;
}

.compareTable .original.price{
	color:#900; text-decoration:line-through;
}


/*What can do styles */
.canDoBlock{
	width:31.5%;
	margin:5px 0.5%;
	float:left;
	height:150px;
	position:relative;
}

.canDoBlock .testImage{
	border:1px solid #666;
	height:150px;
}

.imageHolder{
	border:1px solid #999;
	height:150px;
	position:relative;
	border-radius:4px;
}

.imageHolder h3{
	font-size:16px;
	line-height:20px;
	position:absolute;
	bottom:0px;
	background-color:rgba(255,255,255,0.75);
	display:block;
	width:100%;
	padding:4px;
}