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

/* 
GENERAL 
-------------------------------------------
*/

html {
	overflow-y: scroll;
}

body {
	background-color: #fff;
	margin: 50px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
}
.container{
	max-width: 850px;
	width: 100%;
}
.outer-wrap{
	border: 1px solid #333;
	padding: 30px 20px 20px;
	background-image: linear-gradient(180deg,#fff, #efefef, #e0e0e0);
	border-radius: 5px;
}
#wrapper {}
.col-md-9 h2{
	font-size:28px;
	color: #575757;
	font-weight: bold;
}

p, h1, h2, h3, ul {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

.clear {
	clear: both;
}

a.gobut {
	display: block;
	width: 93px;
	height: 38px;
	text-decoration: none;
	background: url(../png/go-button.png) no-repeat left top;
	clear: both;
}
	
a.gobut:hover {
	background-position: left bottom;
}

a.more {
	text-decoration: none;
	font-weight: bold;
	color: #6699cc;
	background: url(../gif/red-more-2.gif) no-repeat left center;
	padding-left: 10px;
	margin-right: 20px;
}
					
a.more:hover {
	color: #e71503;
}

a.go_back_to_activities {
	width: 165px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	background: url(../jpg/back-to-activities.jpg) no-repeat left top;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	margin: 20px 10px 0 0;
}

a.free-trial {
	display: block;
	width: 145px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	background: url(../jpg/free-trial-button.jpg) no-repeat left top;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	margin-right: 10px;
}
					
a.free-trial:hover, a.go_back_to_activities:hover {
	color: #ffffcc;
}

a:focus { 
	outline: none;
}


/*
INDEX
-------------------------------------------
*/

#wizard {
	width: 820px;
	height: 400px;
	padding: 38px 0 0 30px;
/*	background: url(../images/wizard/wizard-go.png) no-repeat left top;*/
}

	#wizard p {
		margin-bottom: 85px;
	}
	
	#wizard h1 {
		font-size: 28px;
		color: #575757;
		margin-bottom: 8px;
	}
	
	#wizard h2 {
		font-size: 15px;
		color: #575757;
		margin-bottom: 40px;
	}
	
	
/*
ACTIVITY
------------------------------------------
*/

#activity {
	width: 820px;
	height: 590px;
	padding: 40px 0 0 30px;
/*	background: url(../images/wizard/activity-go.jpg) no-repeat left top;*/
}

#activity #logo {
	width: 151px;
	height: 50px;
	float: left;
}

#activity #activ-txt {
	width: 589px;
	height: 50px;
	float: left;
	padding-left: 80px;
}

.activ-txt h1{
	font-size: 28px;
	color: #575757;
	font-weight: bold;
}	

.activ-txt h2{
	font-size: 15px;
	color: #575757;
	font-weight: bold;
}	

#activity #activ-txt h1 {
	font-size: 28px;
	color: #575757;
	margin-bottom: -5px;
}
	
#activity #activ-txt h2 {
	font-size: 15px;
	color: #575757;
		}
		
.list {
/*
		width: 400px;
		margin: 55px 10px 40px 0;
		float: left;
*/
		border-top: solid 1px #c8c8c8;
	}
	
.list a {
			display: inline-block;
/*			width: 285px;*/
			height: 56px;
/*			line-height: 56px;*/
/*			padding-left: 115px;*/
			padding-left: 100px;
			padding-top: 12px;
			padding-bottom: 12px;
			line-height: 22px;
			border-bottom: solid 1px #c8c8c8;
			text-decoration: none;
			width: 100%;
			font-size: 12px;
			color: #484848;
		}
		
.list a:hover {
			color: #e71503;
		}
		
.list a.purchase-online {
			background: url(../gif/purchase-online.gif) no-repeat 20px top;
		}
		
		.list a.purchase-online:hover {
			background-position: 20px -56px;
		}
		
		.list a.purchase-online-selected {
			color: #e71503;
			background: url(../gif/purchase-online.gif) no-repeat 20px -112px;
		}
		
		.list a.surf-internet {
			background: url(../gif/surf-internet.gif) no-repeat 20px top;
		}
		
		.list a.surf-internet:hover {
			background-position: 20px -55px;
		}
		
		.list a.surf-internet-selected {
			color: #e71503;
			background: url(../gif/surf-internet.gif) no-repeat 20px -110px;
		}
		
		.list a.send-email {
			background: url(../gif/send-email.gif) no-repeat 20px top;
		}
		
		.list a.send-email:hover {
			background-position: 20px -53px;
		}
		
		.list a.send-email-selected {
			color: #e71503;
			background: url(../gif/send-email.gif) no-repeat 20px -106px;
		}
		
		.list a.optimize-pc {
			background: url(../gif/optimize-pc.gif) no-repeat 20px top;
		}
		
		.list a.optimize-pc:hover {
			background-position: 20px -56px;
		}
		
		.list a.optimize-pc-selected {
			color: #e71503;
			background: url(../gif/optimize-pc.gif) no-repeat 20px -112px;
		}
		
		.list a.download {
			background: url(../gif/download.gif) no-repeat 20px top;
		}
		
		.list a.download:hover {
			background-position: 20px -56px;
		}
		
		.list a.download-selected {
			color: #e71503;
			background: url(../gif/download.gif) no-repeat 20px -112px;
		}
		
		.list a.wireless-internet {
			background: url(../gif/wireless-internet.gif) no-repeat 20px top;
		}
		
		.list a.wireless-internet:hover {
			background-position: 20px -55px;
		}
		
		.list a.wireless-internet-selected {
			color: #e71503;
			background: url(../gif/wireless-internet.gif) no-repeat 20px -110px;
		}
		
		.list a.backup {
			background: url(../gif/backup.gif) no-repeat 20px top;
		}
		
		.list a.backup:hover {
			background-position: 20px -53px;
		}
		
		.list a.backup-selected {
			color: #e71503;
			background: url(../gif/backup.gif) no-repeat 20px -106px;
		}
		
		.list a.mobile {
			background: url(../png/mobile-icon.png) no-repeat 20px top;
		}
		
		.list a.mobile:hover {
			background-position: 20px -53px;
		}
		
		.list a.mobile-selected {
			color: #e71503;
			background: url(../png/mobile-icon.png) no-repeat 20px -106px;
		}
		
/*
PACKAGE
------------------------------------------
*/

#package-top {
	width: 850px;
	height: 13px;
	float: left;
}

#package-content {
	width: 820px;
	border-left: solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
	background: url(../jpg/package-content-bg.jpg) no-repeat left top;
	padding: 25px 0 0 29px;
	float: left;
}

	#package-content #logop {
		width: 151px;
		height: 50px;
		float: left;
	}
	
	#package-content #activp-txt {
		width: 588px;
		height: 50px;
		float: left;
		padding-left: 80px;
	}
	
		#package-content #activp-txt h1 {
			font-size: 28px;
			color: #575757;
			margin-bottom: -5px;
		}
	
		#package-content #activp-txt h2 {
			font-size: 15px;
			color: #575757;
		}
		
	#package-content #select-act {
		width: 820px;
		float: left;
		border: solid 6px #f3f3f3;
		margin-top: 50px;
		margin-right: 20px;
	}
		
		#package-content #select-act a.purchase-online {
			display: block;
			width: 273px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			border-right: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #484848;
			background: url(../gif/purchase-online.gif) no-repeat 20px top;
		}
		
		#package-content #select-act a.purchase-online:hover {
			color: #e71503;
			background-position: 20px -56px;
		}
		
		#package-content #select-act a.purchase-online-selected {
			display: block;
			width: 273px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			border-right: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #e71503;
			background: url(../gif/purchase-online.gif) no-repeat 20px -112px;
		}
		
		#package-content #select-act a.download {
			display: block;
			width: 284px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #484848;
			background: url(../gif/download.gif) no-repeat 20px top;
		}
		
		#package-content #select-act a.download:hover {
			color: #e71503;
			background-position: 20px -56px;
		}
		
		#package-content #select-act a.download-selected {
			display: block;
			width: 284px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #e71503;
			background: url(../gif/download.gif) no-repeat 20px -112px;
		}
		
		#package-content #select-act a.surf-internet {
			display: block;
			width: 273px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			border-right: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #484848;
			background: url(../gif/surf-internet.gif) no-repeat 20px top;
		}
		
		#package-content #select-act a.surf-internet:hover {
			color: #e71503;
			background-position: 20px -55px;
		}
		
		#package-content #select-act a.surf-internet-selected {
			display: block;
			width: 273px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			border-right: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #e71503;
			background: url(../gif/surf-internet.gif) no-repeat 20px -110px;
		}
		
		#package-content #select-act a.wireless-internet {
			display: block;
			width: 284px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #484848;
			background: url(../gif/wireless-internet.gif) no-repeat 20px top;
		}
		
		#package-content #select-act a.wireless-internet:hover {
			color: #e71503;
			background-position: 20px -55px;
		}
		
		#package-content #select-act a.wireless-internet-selected {
			display: block;
			width: 284px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #e71503;
			background: url(../gif/wireless-internet.gif) no-repeat 20px -110px;
		}
		
		#package-content #select-act a.send-email {
			display: block;
			width: 273px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			border-right: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #484848;
			background: url(../gif/send-email.gif) no-repeat 20px top;
		}
		
		#package-content #select-act a.send-email:hover {
			color: #e71503;
			background-position: 20px -53px;
		}
		
		#package-content #select-act a.send-email-selected {
			display: block;
			width: 273px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			border-right: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #e71503;
			background: url(../gif/send-email.gif) no-repeat 20px -106px;
		}
		
		#package-content #select-act a.backup {
			display: block;
			width: 284px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #484848;
			background: url(../gif/backup.gif) no-repeat 20px top;
		}
		
		#package-content #select-act a.backup:hover {
			color: #e71503;
			background-position: 20px -53px;
		}
		
		#package-content #select-act a.backup-selected {
			display: block;
			width: 284px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #e71503;
			background: url(../gif/backup.gif) no-repeat 20px -106px;
		}
		
		#package-content #select-act a.mobile {
			display: block;
			width: 284px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #484848;
			background: url(../png/mobile-icon.png) no-repeat 20px top;
		}
		
		#package-content #select-act a.mobile:hover {
			color: #e71503;
			background-position: 20px -53px;
		}
		
		#package-content #select-act a.mobile-selected {
			display: block;
			width: 284px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-bottom: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #e71503;
			background: url(../png/mobile-icon.png) no-repeat 20px -106px;
		}
		
		
		
		#package-content #select-act a.optimize-pc {
			display: block;
			width: 273px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-right: solid 1px #e8e8e8;
			border-bottom: 1px solid #E8E8E8;
			text-decoration: none;
			font-size: 12px;
			color: #484848;
			background: url(../gif/optimize-pc.gif) no-repeat 20px top;
		}
		
		#package-content #select-act a.optimize-pc:hover {
			color: #e71503;
			background-position: 20px -56px;
		}
		
		#package-content #select-act a.optimize-pc-selected {
			display: block;
			width: 273px;
			height: 56px;
			float: left;
			line-height: 56px;
			padding-left: 110px;
			border-right: solid 1px #e8e8e8;
			text-decoration: none;
			font-size: 12px;
			color: #e71503;
			background: url(../gif/optimize-pc.gif) no-repeat 20px -112px;
		}
		
		#package-content #select-act a.upbut {
			display: block;
			width: 100px;
			height: 32px;
			float: left;
			text-decoration: none;
			background: url(../jpg/update-button.jpg) no-repeat left top;
			margin: 12px 0 0 20px;
			margin-bottom:20px;
		}
		
	#package-content #results {
		width: 819px;
		float: left;
		margin: 25px 0 40px 0;
	}
	
		#package-content #results h3 {
			font-size: 15px;
			color: #575757;
			margin-bottom: 20px;
		}
		
			#package-content #results h3 .cul-red {
				color: #e71503;
			}
			
		#package-content #results .list-result {
			width: 790px;
			float: left;
			border-bottom: solid 1px #d7d7d7;
			padding-bottom: 20px;
		}
		
			#package-content #results .list-result .img-prod {
				width: 120px;
				float: left;
				text-align: center;
				padding-top: 20px;
			}
			
			#package-content #results .list-result .descr-prod {
				width: 670px;
				float: left;
				padding-top: 25px;
			}
			
				#package-content #results .list-result .descr-prod h2 {
					font-size: 16px;
					margin-bottom: 10px;
					color: #575757;
				}
				
				#package-content #results .list-result .descr-prod p {
					margin-bottom: 20px;
				}					


	#package-content h1.gen {
		width: 790px;
		font-size: 20px;
		border-bottom: solid 1px #d7d7d7;
		padding-bottom: 10px;
		color: #575757;
	}
	
	#package-content h2.genn {
		margin-top: 150px;
		font-size: 18px;
		color: #e71503;
		margin: 20px 0 10px 0;
	}
	
	#package-content #promo-cis-pro {
		width: 770px;
		height: 250px;
		background: url(../png/promo-cis-pro.png) no-repeat left top;
		margin-top: 30px;
		padding: 45px 10px 0 10px;
	}
	
		#package-content #promo-cis-pro ul {
			margin-left: 300px;
		}
		
		#package-content #promo-cis-pro li {
			list-style-type: none;
			margin-bottom: 30px;
		}
		
			#package-content #promo-cis-pro li .small {
				font-size: 11px;
			}
			
		#package-content #promo-cis-pro .pbig {
			width: 605px;
			font-size: 16px;
			font-weight: bold;
			padding: 15px 0 0 10px;
			float: left;
		}
		
		#package-content #promo-cis-pro .free-trial {
			margin-top: 10px;
		}
		
	#package-content #promo-cis-complete {
		width: 770px;
		height: 305px;
		background: url(../png/promo-cis-complete.png) no-repeat left top;
		margin-top: 30px;
		padding: 20px 10px 0 10px;
	}
	
		#package-content #promo-cis-complete ul {
			margin-left: 300px;
		}
		
		#package-content #promo-cis-complete li {
			list-style-type: none;
			margin-bottom: 30px;
		}
		
		#package-content #promo-cis-complete li.alast {
			margin-bottom: 20px;
		}
		
		#package-content #promo-cis-complete li.last {
			margin-bottom: 23px;
		}
		
			#package-content #promo-cis-complete li .small {
				font-size: 11px;
			}
			
			
		#package-content #promo-cis-complete .pbig {
			width: 595px;
			font-size: 16px;
			font-weight: bold;
			padding: 5px 10px 0 10px;
			text-align: right;
			float: left;
		}
			
#package-bottom {
	width: 850px;
	height: 15px;
	float: left;
}

	
/*
FOOTER
------------------------------------------
*/

#footer {
/*
	width: 850px;
	height: 60px;
	float: left;
*/
	padding-top: 20px;
	text-align: center;
	color: #7f7f7f;
	font-size: 11px;
}

	#footer p {
		margin-bottom: 10px;
	}

	#footer a {
		text-decoration: none;
		color: #6499cd;
	}
	
	#footer a:hover {
		color: #e71503;
	}
	#cms_box{background: url(../png/mobile_bg.png) no-repeat left top; width:581px; height:202px; padding-left:194px; padding-top:30px; padding-right:15px;}
	#cms_box #left{ float:left; width:370px;  }
	#cms_box #right #qrimg { height:92px; margin-bottom:25px;}
	#cms_box #left h1 { color:#333333; font-size:25px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0px; line-height:20px;}
	#cms_box #left h2 { color:#6F9019; font-size:12px; font-weight: normal; font-style:italic;font-family:Arial, Helvetica, sans-serif; margin:0px; line-height:20px;}
	#cms_box #right{ float:left; width:211px;text-align:center; }
	#cms_box #left ul { margin:0px; padding:0px; margin-top:20px;float:left; width:150px;}
	#cms_box #left ul li {background: url(../png/cms_tick.png) no-repeat left 10px; padding-left:20px; color:#575757; font-size:12px; line-height:25px; list-style-image:none; list-style-type:none; float:left; }
	 
	#cms_box #left p { color:#6699CC ; font-size:12px; background: url(../png/red_tick.png) no-repeat left 5px; padding-left:10px;}
	#cms_box #left p  a {color:#6699CC ; text-decoration:none;}
	#cms_box #left p  a:hover {color:#6699CC ; text-decoration:none;}