/* CSS Document */

/*=================================
     Copyright Mail Mammoth
	 Creative Smile Media Ltd
==================================*/


body {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#032e39;
	color:#999999;
	font-size:12px;
}


h1 {
	font-size:32px;
	color:#0077b5;
	text-shadow:0px 1px 0px #d4e8f2;
	margin-left:40px;
}

p { font-size:14px; }


/* base page layout */

.clear { clear:both; }

#full_header {
	width:100%; height:120px;
	background-color:#146f87;
	background-image:url(../img/bg_head.gif);
	background-repeat:repeat-x;
}

#body_top {
	width:100%; height:388px;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#84bac8;
}
#body_top_content {
	width:960px;
	margin:0 auto;
	overflow:auto;
}


#full_footer {
	width:100%; height:130px;
	background-image:url(../img/bg_footer.gif);
	background-repeat:repeat-x;
}
#footer_wrap {
	width:960px; margin:0 auto;
	text-align:center;
	color:#d0dcdf; font-size:12px; font-weight:bold;
	text-shadow:#000 1px 1px 1px; position:relative;
}
#footer_links { width:400px; margin:0 auto; padding-top:30px; }
#footer_logo { position:absolute; top:42px; right:0px; }

#footer_wrap a { color:#d0dcdf; font-size:12px; font-weight:bold; text-decoration:none; text-shadow:#000 1px 1px 1px; }
#footer_wrap a:hover { color:#daff95; }



#full_body {
	width:100%; min-height:580px;
	background-image:url(../img/bg2.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#84bac8;
	position:relative;
}

#sky {
	width:100%; height:250px;
	overflow:hidden;
	position:absolute;
	top:0px; left:0px;
}

#foot {
	width:290px; height:550px;
	background-image:url(../img/foot.png);
	position:absolute;
	left:0px; top:10px;
	z-index:8;
}

/* clouds */

.cloud_01 {
	display:block; width:155px; height:93px;
	background-image:url(../img/cloud_01.png);
	top:145px; left:30%;
	position:absolute; z-index: 2;
}
.cloud_02 {
	display:block; width:217px; height:121px;
	background-image:url(../img/cloud_02.png);
	top:0px; left:0%;
	position:absolute; z-index: 3;
}
.cloud_03 {
	display:block; width:217px; height:129px;
	background-image:url(../img/cloud_03.png);
	top:120px; left:86%;
	position:absolute; z-index: 4;
}
.cloud_04 {
	display:block; width:198px; height:55px;
	background-image:url(../img/cloud_04.png);
	top:0px; left:45%;
	position:absolute; z-index: 5;
}

/* dinosaurs */

.dino_01 {
	display:block; width:100px; height:47px;
	background-image:url(../img/dino_01.png);
	top:70px; left:18%; position:absolute; z-index: 6;
}
.dino_02 {
	display:block; width:136px; height:88px;
	background-image:url(../img/dino_02.png);
	top:280px; left:27%; position:absolute; z-index: 6;
}
.dino_03 {
	display:block; width:91px; height:74px;
	background-image:url(../img/dino_03.png);
	top:375px; right:9%; position:absolute; z-index: 6;
}
.dino_04 {
	display:block; width:60px; height:50px;
	background-image:url(../img/dino_04.png);
	top:80px; right:5%; position:absolute; z-index: 6;
}
.dino_05 {
	display:block; width:326px; height:165px;
	background-image:url(../img/dino_05.png);
	top:400px; left:60%; position:absolute; z-index: 6;
}




/* header layout */

#header_wrap {
	width:960px; height:112px;
	margin: 0 auto;
}

#header_logo {
	width:354px; height:112px;
	float:left;
}

#header_right {
	width:606px; float:left;
	margin:38px 0px 0px 0px;
}

/* Header - Navigation Menu */

#menu {
	float:right;
	margin:4px 16px 0px 0px;
}

#menu ul { margin:0px; padding:0px; list-style:none; }
#menu ul li { margin:0px; padding:0px; float:left; }
#menu ul li a {
	display:block;
	padding:6px 15px 6px 15px;
	text-decoration:none;
	color:#FFFFFF; font-size:16px;
	font-weight:bold;
	
	text-shadow: #000 1px 1px 1px;
}
#menu ul li a:hover { color:#daff95; }

/* Body Layout */

#screen {
	width:385px; height:320px;
	margin:40px 70px 0px 0px;
	float:left;
}
#blurb {
	width:505px; height:300px;
	margin:60px 0px 0px 0px;
	float:left;
}
.pBlurb {
	font-size:14px;
	color:#116c83;
	font-family:Arial, Helvetica, sans-serif;
}

#body_wrap {
	width:100%; min-height:500px;
	background:#fff url('../img/bg.gif') repeat-x top;
}

#body_content {
	width:960px;
	margin:0 auto;
	padding-bottom:50px;
	overflow:auto;
}

#body_left {
	width:450px;
	margin:30px 0px 0px 0px;
	border-right:1px #bdbdbd solid;
	float:left;
}

#body_right {
	width:469px;
	margin:30px 0px 0px 40px;
	float:left;
}

#bodyContentBox {
	width:960px;
}
#bodyContentBoxTop { display:block; width:960px; height:20px; margin-top:40px; background:url(../img/content_top.png); }
#bodyContentBoxBody { width:960px; background:url(../img/content_repeat.png) repeat-y; overflow:auto; }
#bodyContentBoxBottom { display:block; width:960px; height:20px; background:url(../img/content_bottom.png); }

#bodyContentBoxBodyInner { width:880px; margin:40px; margin-top:0px; float:left; overflow:auto; }

#bodyContentBoxBodyInner h1 { margin-left:0px; }

/* hompage comparison chart */

#compare {
	width:384px;
}

#compare ul {
	margin:0px; padding:0px; list-style:none;
	width:127px; margin-right:1px; float:left;
}
#compare ul li {
	width:127px;
	display:block; margin:0px;
	padding:6px 0px 9px 0px;
	text-align:center;
	color:#FFFFFF; font-weight:bold;
}

.compare_green { background: #6fa310 url(../img/comp_green_bg.gif) 0px 50px no-repeat; }

#compare ul.compare_green li.comp_h {
	height:50px; padding:0px; overflow:hidden;
	background:url(../img/comp_green_header.gif) top;
	font-size:30px; line-height:50px;
}
#compare ul.compare_dkgrey li.comp_h {
	height:39px; padding:0px; margin-top:11px; overflow:hidden;
	background:url(../img/comp_dkgrey_header.gif) top;
	font-size:18px; font-weight:normal;
}
#compare ul.compare_ltgrey li.comp_h {
	height:39px; padding:0px; margin-top:11px; overflow:hidden;
	background:url(../img/comp_ltgrey_header.gif) top;
	font-size:18px; line-height:39px; font-weight:normal;
}
.cHead { display:block; width:100%; margin-top:2px; }
.price { display:block; width:100%; font-size:13px; margin-top:-5px; }

#compare .compare_green li { background:url(../img/comp_green_sep.gif) bottom no-repeat; text-shadow:1px 1px 1px #4c6609; }
#compare .compare_dkgrey li { background: #a7a7a7 url(../img/comp_dkgrey_sep.gif) bottom no-repeat; text-shadow:1px 1px 1px #5f5f5f; }
#compare .compare_ltgrey li { background: #c0c0c0 url(../img/comp_ltgrey_sep.gif) bottom no-repeat; text-shadow:1px 1px 1px #6d6d6d; }

#compare ul.compare_green .comp_dissabled { color:#93bb36; text-shadow:1px 1px 1px #68930c; }
#compare ul.compare_dkgrey .comp_dissabled { color:#b5b5b5; text-shadow:1px 1px 1px #9b9b9b; }
#compare ul.compare_ltgrey .comp_dissabled { color:#b5b5b5; text-shadow:1px 1px 1px #9b9b9b; }

.sml { font-size:12px; }
.med { font-size:14px; }
.lrg { font-size:16px; }

#compare ul.compare_dkgrey li.lastchild, #compare ul.compare_ltgrey li.lastchild
	{ padding:4px 0px 4px 0px; background-image:none; text-align:center; }

#compare ul.compare_green li.lastchild {
	height:45px; padding:0px; overflow:hidden;
	background-image:url(../img/comp_green_foot.gif);
}

.comparelink {
	display:block; width:100%; float:right;
	margin-top:25px; text-align:right;
	text-decoration:underline;
	color:#074757; font-size:17px;
	font-weight:bold;
}
.comparelink:hover { color:#71a410; }

.button_signup, .button_trial {
	display:block; border:0px;
	width:99px; height:28px; margin:0 auto;
	font-size:14px; color:#fff;
	line-height:26px; text-align:center;
	font-weight:bold; text-decoration:none;
	cursor:pointer;
	background-image:url(../img/button2.png);
	text-shadow:0px 0px 3px #333333;
}
.button_trial { margin-top:9px; }

.button_signup:hover, .button_trial:hover { background-position:0px -28px; }


/* main comparison chart */

#ComparisonBox {
	width:960px; height:700px;
	background:url(../img/comp_bg.png) top;
}

#fullCompare {
	width:888px; margin:0 auto; position:relative; top:-20px;
}

#fullCompare .item, #fullCompare .head {
	width:890px; height:36px;
	float:left; text-align:center;
}

#fullCompare .col2 span, #fullCompare .col3 span, #fullCompare .col4 span
	{ font-size:15px; color:#1165a0; font-weight:normal; text-shadow:0px 1px 0px #fff; }
#fullCompare .label { font-size:15px; color:#666; font-weight:bold; text-shadow:0px 1px 0px #fff; padding-left:10px; }

#fullCompare .col1, #fullCompare .col2, #fullCompare .col3, #fullCompare .col4 {
	width:220px; height:36px;
	float:left; overflow:hidden; line-height:36px;
}

#fullCompare .col1 { text-align:left; border-top:2px #e5e5e5 solid; border-right:2px #e5e5e5 solid; }
#fullCompare .col2 { border-top:2px #e5e5e5 solid; }
#fullCompare .col3 { border-top:2px #e5e5e5 solid; }
#fullCompare .col4 { border-top:2px #e5e5e5 solid; }

#fullCompare .head .col1 { border:0px; width:222px; }
#fullCompare .foot .col1 { border-right:0px; width:222px; }

#fullCompare .active { background:url(../img/compare_active.gif) repeat-y; border-top:2px #c2dbec solid; }
#fullCompare .head .active { background:url(../img/compare_active_head.gif); }
#fullCompare .foot .active { background:url(../img/compare_active_foot.gif); }

#fullCompare .head, #fullCompare .head .col1, #fullCompare .head .col2, #fullCompare .head .col3, #fullCompare .head .col4 {
	height:80px; line-height:70px; color: #1165a0; text-shadow:0px 1px 0px #fff;
	border-top:0px;
}
#fullCompare .foot, #fullCompare .foot .col1, #fullCompare .foot .col2, #fullCompare .foot .col3, #fullCompare .foot .col4 {
	height:80px;
}

#fullCompare .price { font-size:11px; line-height:44px; }
#fullCompare .price b { font-size:18px; font-weight:normal; }

#fullCompare .yes {
	display:block;
	width:20px; height:20px;
	background:url(../img/tick.png);
	margin:0 auto; margin-top:8px;
}

#fullCompare .button_signup, #fullCompare .button_trial {
	display:block; border:0px;
	width:99px; height:28px; margin:0 auto;
	font-size:14px; color:#fff;
	line-height:26px; text-align:center;
	font-weight:bold; text-decoration:none;
	cursor:pointer;
	background-image:url(../img/button2.png);
	text-shadow:0px 0px 3px #333333;
	margin-top:16px;
}
#fullCompare .button_signup_active {
	display:block; border:0px;
	width:120px; height:41px;
	font-size:18px; color:#fff;
	line-height:40px; text-align:center;
	font-weight:normal; text-decoration:none;
	cursor:pointer;
	
	text-shadow:1px 1px 1px #055469; background-image:url(../img/button4.png);
	margin:0 auto; margin-top:9px;
}

#fullCompare .button_signup:hover, #fullCompare .button_trial:hover { background-position:0px -28px; }
#fullCompare .button_signup_active:hover { background-position:0px -41px; }


.CompHalfBox { width:450px; height:100px; float:left; margin:15px; }
.CompHalfBox h4 { font-size:18px; color:#23849d; }
.CompHalfBox span { font-size:12px; color:#999; }


.foot_info { width:100%; float:left; margin-top:40px; font-size:12px; color:#666; font-weight:bold; }


/* Home featured */

#home_feature {
	width:410px;
}

.home_feature_item {
	width:210px; height:110px;
	float:left; margin:10px 20px 0px 0px;
}

.home_feature_header { width:100%; height:60px; }
.home_feature_header img { display:block; float:left; }
.home_feature_header h2 { display:block; margin:36px 0px 0px 10px; padding:0px; color:#284e6e; font-size:16px; float:left; }

.home_feature_text { color:#074b5c; font-size:13px; margin-top:5px; }


/* How it works page */

#howItWorks { width:874px; margin:0 auto; }

.hiwItem {
	width:250px; height:400px;
	float:left; text-align:justify;
}
.hiwArrow {
	width:42px; height:400px;
	margin:0px 10px 0px 10px;
	float:left;
	background:url(../img/arrow.gif) 0px 80px no-repeat;
}

.hiwItem h4 { color:#19778f; font-size:18px; }
.hiwItem p { color:#999; font-size:12px; text-align:justify; }
.hiwItem a { font-size:18px; text-decoration:none; color:#8abecc; }
.hiwItem a:hover { color:#4f98bd; }

#howItWorks a { font-size:18px; text-decoration:underline; color:#19778f; }
#howItWorks a:hover { color:#0e97ba; }

/* signup form */

.formError {
	display:block; width:100%; padding:15px 0px 25px 0px;
	font-size:17px; color:#CC0000; text-align:center;
	font-weight:bold;
}

#signupForm { padding-bottom:100px; }

#signupForm fieldset, #signupComplete {
	width:660px; margin:0 auto;
	border:1px #96c7e0 solid;
	background-color:#eff7ff;
	margin-top:20px;
	padding:15px 20px 30px 20px;
}

#signupComplete { padding:40px 35px 40px 35px; text-align:center; font-size:18px; }
#signupComplete a { color:#006699; font-size:22px; text-decoration:none; }
#signupComplete a:hover { color:#0099CC; font-size:22px; }

#signupWarning {
	width:660px; margin:0 auto;
	border:1px #ff6363 solid; background-color:#ffcaca;
	margin-top:20px; padding:20px 20px 20px 20px;
	color:#000000; text-align:center; font-size:18px;
}
#signupWarning h3 { margin:0px; padding:0px; font-size:22px; color:#330000; font-weight:normal; }
#signupWarning .errorText { font-size:16px; color:#660000; font-weight:normal; }

#signupForm fieldset legend {
	border:1px #96c7e0 solid;
	background-color:#FFFFFF;
	padding:5px 12px 5px 12px;
	color:#074b5c; font-size:16px; font-weight:bold;
	
	box-shadow: 1px 1px 5px #cccccc;
  	-moz-box-shadow: 1px 1px 5px #cccccc;
  	-webkit-box-shadow: 1px 1px 5px #cccccc;
}
#signupForm fieldset table { width:620px; margin:0 auto; border:0px; }
#signupForm fieldset table tr td { width:300px; }
#signupForm fieldset table tr td.rgt { width:320px; }

#signupForm fieldset label {
	display:inline; width:300px;
	color:#666; font-size:18px; font-weight:normal;
	text-shadow:0px 1px 0px #fff;
}

#signupForm fieldset input { width:300px; }
#signupForm fieldset input, #signupForm fieldset select {
	border:1px #bbb solid;
	color:#666666; font-size:22px;
	padding:8px;
	
	box-shadow: 1px 1px 2px #ddd;
  	-moz-box-shadow: 1px 1px 2px #ddd;
  	-webkit-box-shadow: 1px 1px 2px #ddd;
}
#signupForm fieldset select { font-size:14px; }

.formInfo { color:#999999; font-size:12px; font-weight:normal; }

/* */

.content {
	width:600px; height:380px;
	margin:0 auto; overflow:hidden;
	margin-top:50px;
	background:url(../img/content.png);
}

.content_inner {
	width:520px; height:315px;
	background-color:#fff;
	position:relative;
	margin:40px;
}

#body_content .content {
	width:600px; height:380px;
	background:url(../img/content.png);
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-200px;
	z-index:9;
}

#body_content .content_inner {
	width:535px; height:325px;
	background-color:#fff;
	margin:30px 30px 0px 35px;
	position:relative;
}

.content_inner h3 {
	margin:0px; padding:0px 0px 10px 12px;
	font-size:18px; font-weight:bold;
	color:#23849d;
}
.content_inner .innertext { font-size:12px; color:#666666; }

.content_inner #ad { position:absolute; bottom:0px; }


.warning {
	width:100%;	display:block; padding:25px 0px 10px 0px;
	text-align:center; font-size:16px; color:#CC0000;
}
.success {
	width:100%;	display:block; padding:25px 0px 10px 0px;
	text-align:center; font-size:16px; color:#009900;
}


/* download file */

#download_file {
	width:520px; height:200px;
}

#download_file p { padding:0px; margin:15px 0px 0px 0px; color:#3498b1; font-size:12px; }
#download_file p.warning { color:#CC0000; font-size:14px; margin-top:50px; }
#download_file p.warning b { font-size:16px; }

#download_file #left_column {
	width:100px; height:100px;
	margin-top:25px;
	margin-right:10px; float:left;
}
#download_file #mid_column {
	width:270px; height:100px;
	margin-top:25px;
	margin-right:10px; float:left;
}
#download_file #right_column {
	width:120px; height:41px;
	margin-top:55px;
	float:left;
}

#mid_column .file_name { display:block; margin:25px 0px 0px 0px; font-size:15px; font-weight:bold; color:#208099; }
#mid_column p { margin-top:5px; }

.download_file_password_box {
	font-size:16px; margin-top:25px;
	text-align:center;
}
.password_title { color:#d6ae00; font-size:18px; }
.password_label { color:#999999; font-size:16px; }

.mm_file_password {
	width:300px; height:18px;
	padding:3px;
	background-color:#fff;
	border:2px #d9d9d9 solid;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	
	font-size:20px; color:#888;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

/* buttons */

.button, .button2, .button3, .button4 {
	display:block; border:0px;
	width:120px; height:41px;
	font-size:18px; color:#fff;
	line-height:40px; text-align:center;
	font-weight:normal; text-decoration:none;
	cursor:pointer;
}

.button:hover, .button2:hover, .button3:hover, .button4:hover { background-position:0px -41px; }

.button { background-image:url(../img/button.gif); }
.button2 { float:right; text-shadow:1px 1px 1px #55a11c; background-image:url(../img/button.png); }
.button3 {
	float:right; text-shadow:1px 1px 1px #55a11c; background-image:url(../img/button3.png);
	margin:20px 20px 0px 0px;
}
.button4 {
	float:left; text-shadow:1px 1px 1px #055469; background-image:url(../img/button4.png);
	margin:20px 0px 0px 20px;
}

/* forms */

.login_form_row { width:520px; margin:20px 0px 0px 0px; float:left; }

.login_form_label {
	width:100px;
	margin:0px 20px 0px 0px;
	padding:10px 0px 0px 0px;
	float:left;
	text-align:left;
}
.login_form_label label { font-size:18px; font-weight:normal; color:#5bac25; }

.login_form_field {
	width:380px;
	float:left;
}

.login_form_field .mm_form_input {
	width:375px; height:24px;
	padding:6px 6px 6px 8px;
	background-color:#fff;
	border:2px #d9d9d9 solid;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	
	font-size:17px; color:#888;
	font-family:Arial, Helvetica, sans-serif;
}

.login_form_extra_links { width:300px; margin:40px 0px 0px 0px; float:left; }

.mm_btn_box { margin:40px 0px 0px 0px; height:41px; float:right; text-align:right; }
.mm_login_btn { margin:0px 20px 0px 0px; float:right; }


/* buttons */

.button4_large, .button3_large {
	display:block; border:0px;
	width:200px; height:41px;
	font-size:18px; color:#fff;
	line-height:40px; text-align:center;
	font-weight:normal; text-decoration:none;
	cursor:pointer;
}

.button4_large { text-shadow:1px 1px 1px #055469; background-image:url(../img/button4_large.png); }
.button3_large { text-shadow:1px 1px 1px #208827; background-image:url(../img/button3_large.png); }

.button3_large:hover, .button4_large:hover { background-position:0px -41px; }


/* terms page */

.terms p { font-size:12px; }
.terms h2 { font-size:14px; color:#469adb; }