/*  GENERAL PRIMARY AND SECONDARY CONTENT LOCATION  */

.homepage #primarycontent {margin:0 0 20px;}

.homepage #secondarycontent {float:left; width:100%;}


/* PRIMARY - SURVIVAL01 ---------------------------------------------------------------------------------------------
Headline: "Now everyone can survive a computer disaster."
Setup: 4 smiling people standing at left on hero banner
-------------------------------------------------------------------------------------------------------------------- */

.survival01 {
	background:#fff url(/en/images/consumer/bg-hero-2.jpg) repeat-x 4px top;
	height:323px;
	}

.survival01 #herocontent {
	float:left;
	width:569px;
	}

.survival01 #herocontent h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#36225B;
	font-size:25px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:7px 0 4px 20px;
	margin:0px;
	border:0px;
	}
	
.survival01 #herocontent div {
	margin:15px 0 0 0;
	padding-left:351px;
	}

.survival01 #herocontent div p,
.survival01 #herocontent div li {
	color:#000;
	font-size:13px;
	font-weight:normal;
	line-height:17px;
	}

.survival01 #herocontent h3 {
	color:#36225b;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:21px;
	padding:0 10px 10px 0;
	margin:0px;
	border:0px;
	}

.survival01 #herocontent h3 span {color:#e65029;}

.survival01 #herocontent div ul {margin:10px 0 0;}

.survival01 #herocontent div li {
	background:transparent url(/en/images/consumer/bg-icons.png) no-repeat 0 -165px;
	color:#333;
	float:left;
	font-size:12px;
	height:20px;
	line-height:1.1;
	padding:0 20px;
	width:200px;
	}


/* SIGNUP */

.survival01 .signup {
	background:#706c8a url(/en/images/consumer/bg-general.png) repeat-x 0 -331px;
	float:right;
	margin:9px 13px 0 0;
	padding:15px 10px;
	width:242px;
	border:1px solid #9d9ab0;
	position:relative;
	}

.survival01 .signup h3 {
	color:#fff;
	font-size:18px;
	line-height:100%;
	margin:0;
	padding:0 0 5px;
	font-weight:normal;
	border:0px;
	}

.survival01 .signup .freetrial {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	background:url(/en/images/consumer/bg-icons-medium.png) no-repeat scroll -1px 7px transparent;
	padding:28px 16px;
	position:absolute;
	right:-8px;
	top:-15px;
	color:#a7820a;
	font-weight:bold;
	}

.survival01 .signup .promo {
	color:#c2c1c7;
	font-size:12px;
	line-height:1.2em;
	margin:0 0 10px;
	padding-bottom:0;
	padding-right:42px;
	}

.survival01 .signup .legal {
	color:#e3e2ea;
	width:165px;
	}

.survival01 .signup a {color:#fff;}


/* PRIMARY - crash01 ---------------------------------------------------------------------------------------------
Headline: "Now everyone can survive a computer disaster."
Setup: 4 smiling people standing at left on hero banner
-------------------------------------------------------------------------------------------------------------------- */

.crash01 {
	background:#fff url(/en/images/consumer/bg-hero-2.jpg) repeat-x 290px top;
	height:323px;
	}

.crash01 #herocontent {
	float:right;
	width:569px;
	margin-right:10px;
	}

.crash01 #herocontent h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#36225B;
	font-size:25px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:7px 0 4px 20px;
	margin:0px;
	border:0px;
	}
	
.crash01 #herocontent div {
	margin:15px 0 0 0;
	padding-left:351px;
	}

.crash01 #herocontent div p,
.crash01 #herocontent div li {
	color:#000;
	font-size:13px;
	font-weight:normal;
	line-height:17px;
	}

.crash01 #herocontent h3 {
	color:#36225b;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:21px;
	padding:0 10px 10px 0;
	margin:0px;
	border:0px;
	}

.crash01 #herocontent h3 span {color:#e65029;}

.crash01 #herocontent div ul {margin:10px 0 0;}

.crash01 #herocontent div li {
	background:transparent url(/en/images/consumer/bg-icons.png) no-repeat 0 -165px;
	color:#333;
	float:left;
	font-size:12px;
	height:20px;
	line-height:1.1;
	padding:0 20px;
	width:200px;
	}


/* SIGNUP */

.crash01 .signup {
	background:#706c8a url(/en/images/consumer/bg-general.png) repeat-x 0 -331px;
	float:left;
	margin:9px 0 0 13px;
	padding:15px 10px;
	width:242px;
	border:1px solid #9d9ab0;
	position:relative;
	}

.crash01 .signup h3 {
	color:#fff;
	font-size:18px;
	line-height:100%;
	margin:0;
	padding:0 0 5px;
	font-weight:normal;
	border:0px;
	}

.crash01 .signup .freetrial {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	background:url(/en/images/consumer/bg-icons-medium.png) no-repeat scroll -1px 7px transparent;
	padding:28px 16px;
	position:absolute;
	right:-8px;
	top:-15px;
	color:#a7820a;
	font-weight:bold;
	}

.crash01 .signup .promo {
	color:#c2c1c7;
	font-size:12px;
	line-height:1.2em;
	margin:0 0 10px;
	padding-bottom:0;
	padding-right:42px;
	}

.crash01 .signup .legal {
	color:#e3e2ea;
	width:165px;
	}

.crash01 .signup .legal a {color:#fff;}

.crash01 .signup .trialsubmit {
	background-position:0 -10px;
	cursor:pointer;
	}
	
.crash01 .signup .trialsubmit:hover {background-position:0 -61px;}

.crash01 .signup .trialsubmit:active {background-position:0 -112px;}



/* PRIMARY - emergency01 ---------------------------------------------------------------------------------------------
Headline: "Now everyone can survive a computer disaster."
Setup: 4 smiling people standing at left on hero banner
-------------------------------------------------------------------------------------------------------------------- */

.emergency01 {
	background:#ccc url(http://redriverpak.files.wordpress.com/2009/06/explode.jpg);
	float:left;
	margin-bottom:20px;
	}

.emergency01 #herocontent {
	float:left;
	width:100%;
	margin-right:10px;
	color:#fff;
	}

.emergency01 #herocontent h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:32px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:7px 0 4px 20px;
	margin:0px;
	border:0px;
	}
	
.emergency01 #herocontent div {margin:15px 0 0 20px;}

.emergency01 #herocontent div p,
.emergency01 #herocontent div li {
	font-size:16px;
	font-weight:normal;
	line-height:17px;
	}

.emergency01 #herocontent h3 {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:21px;
	padding:0 10px 10px 0;
	margin:0px;
	border:0px;
	}

.emergency01 #herocontent div ul {margin:10px 0 0;}

.emergency01 #herocontent div li {
	float:left;
	font-size:12px;
	height:20px;
	line-height:1.1;
	width:200px;
	}


/* SIGNUP */

.emergency01 .signup {
	background:#333;
	opacity:0.7;
	float:left;
	margin:9px 0;
	padding:15px 10px;
	border:1px solid #9d9ab0;
	position:relative;
	}

.emergency01 .signup h3 {
	color:#fff;
	font-size:18px;
	line-height:100%;
	margin:0;
	padding:0 0 5px;
	font-weight:normal;
	border:0px;
	}

.emergency01 .signup .freetrial {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	background:url(/en/images/consumer/bg-icons-medium.png) no-repeat scroll -1px 7px transparent;
	padding:28px 16px;
	position:absolute;
	right:-8px;
	top:-15px;
	color:#a7820a;
	font-weight:bold;
	}

.emergency01 .signup .promo {
	color:#c2c1c7;
	font-size:12px;
	line-height:1.2em;
	margin:0 0 10px;
	padding-bottom:0;
	padding-right:42px;
	}

.emergency01 .signup .legal {
	color:#e3e2ea;
	width:165px;
	}

.emergency01 .signup .legal a {color:#fff;}

.emergency01 .signup .trialsubmit {
	background-position:0 -10px;
	cursor:pointer;
	}
	
.emergency01 .signup .trialsubmit:hover {background-position:0 -61px;}

.emergency01 .signup .trialsubmit:active {background-position:0 -112px;}


/* SECONDARY - BANNERS ---------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------- */

.banner-howitworks,
.banner-prointro {
	height:220px;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	}

.banner-howitworks {
	width:347px;
	float:left;
	}
	
.banner-howitworks h3 {
	border-bottom:1px solid #6f49b5;
	color:#6f49b5;
	font-size:14px;
	margin:0;
	padding:4px;
	}

.banner-howitworks h4 {
	font-size:12px;
	font-weight:bold;
	padding:4px 4px 4px 18px;
	}
	
.banner-howitworks #accordion .first {margin-top:0px;}

.banner-prointro {
	width:490px;
	float:right;
	background:#fff url(/en/images/consumer/pro-banner-back.jpg) no-repeat left top;
	}

.banner-prointro span.intro,
.banner-prointro h4 {
	color:#5c7cab;
	margin-left:121px;
	}

.banner-prointro span.intro {
	margin-top:11px;
	display:block;
	font-weight:bold;
	font-size:14px;
	}

.banner-prointro h4 {
	font-size:20px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:5px;
	line-height:20px;
	}

.banner-prointro ul {margin:15px 24px 15px 147px; font-size:11px;}

.banner-prointro li {margin:5px 0;}

.banner-prointro a {
	display:block;
	height:23px;
	background:#4d4d4d;
	opacity:0.85;
	padding:10px 20px;
	color:#fff;
	font-size:14px;
	}

.banner-prointro a:hover,
.banner-prointro a:active {text-decoration:none;}

.banner-prointro a img {float:left;}

.banner-prointro a span {
	color:#fff;
	float:right;
	margin-top:4px;
	font-weight:bold;
	}