/* css dev: chris gerikh */
form { margin:0; }
body { margin:0; background:#cfd3d6 url(../images/body_bg.gif) top repeat-x; }
body, div, input, textarea, p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
h1 { font-size: 2em; margin:8px 0 0 0; } /* IE6 & IE7 override exists */
h3 { font-size: 20px; margin:8px 0 8px 0; }
h4 { font-size: 14px; margin:8px 0 8px 0; }
p, h2, h3, h4 { color:#333333; }
p { line-height: 140%; margin:8px 0 0 0; }
a, a:hover { text-decoration: underline; }
a { color: #cc3333; }
a:hover { color:#333333; }
img { border: none; }

.shell { 
	width: 960px;
	margin:0 auto; 
	position: relative;
}
.midpush { height: 162px; }
.midsection { 
	background-color:#FFFFFF; 
	width:960px; 
	margin:0 auto;
	position: relative;
	z-index:9;
	min-height: 625px; /* IE6 override exists */
}

.right, .left, .full { float: right; }
.right { width: 650px; margin:0 22px 10px 15px; } /* IE6 override exists */
.left { width: 255px; }
.full { width: 905px; margin:0 22px 10px 15px; }

.header {
	height: 162px;
	width: 960px; 
	margin:0 auto 0 auto; 
	position: absolute;
	top: 0px;
	left: 0px;
	background:url(../images/header_bg.jpg) 0px 28px no-repeat; 
	z-index:9;
}
.header h1, .header h1 a, .header h1 a:hover {
	width: 344px;
	height: 56px;
	font-size: 1px; 
	color:#2981a6;
}
.header h1 a, .header h1 a:hover { display: block; text-decoration:none; text-indent:62px; }
.header h1 { 
	position: absolute;
	margin:0;
	top: 10px; 
	left:0px; 
	background:url(../images/online-backups-review.gif) no-repeat;
}

/* search form */
.header form div, .header .searchbutton { position: absolute; z-index:9; }
.header form div {
	background:url(../images/searchbox.gif) no-repeat;
	width: 264px;
	height: 40px;
	top: 64px;
	left: 625px;
}
.header form div input { 
	width: 210px; 
	background: none; 
	border: none; 
	font-weight: bold; 
	color:#333333; 
	padding:9px 0 0 12px; /* IE6 & IE7 override exists */
}
.header .searchbutton { 
	width: 82px;
	height: 38px;
	top: 61px;
	left: 881px;
}

/* shadows */
.sleft, .sright { 
	width: 14px;
	height: 325px; 
	position: absolute; 
	top:0px; /* must match .midsection padding-top, .top & .header height */
}
.sleft { left: -14px; background:url(../images/sleft.gif) no-repeat; }
.sright { right: -14px; background:url(../images/sright.gif) no-repeat; }

/* footer */
.fspacer { height: 84px; clear: both; } /* this pushes the footer via content above it */
.copy { position: absolute; bottom:-4px; right: 26px; color:#666666; font-size: 11px; }
.footer { 
	width: 920px; 
	margin:12px auto 0 auto; 
	height: 66px;
	background:#3c9bc6 url(../images/footer_bg.gif) no-repeat;
	position: absolute;
	bottom: 18px;
	left: 18px;
}
.footer p { margin:6px 8px 8px 8px; color:#FFFFFF; }
.footer a, .footer a:hover { text-decoration: none; font-weight: bold; }
.footer a { color:#FFFFFF; }
.footer a:hover { color:#CCCCCC; }

/* avoid IE 100% 1px bg bug and use image (instead of assigning bg directly to .base) */
.base img { height:13px; width: 960px; margin:0 auto; }
.base {
	margin:0 auto;
	background-color:#cfd3d6;
	text-align:center;
	height: 31px;
	width: 100%;
}

/* top nav */
.nav_push { float: left; width: 8px; height:1px; }
.nav_base { 
	height: 27px; 
	width: 960px; 
	background:#ffffff url(../images/nav_base.gif) bottom left no-repeat; 
	clear: both;	
}
.nav {
	width: 960px;
	height: 37px;
	position: absolute;
	top: 111px;
	left: 0;
	z-index:99;
}


/* top nav tabs */
.ntab { float: left; margin:0; padding:0 0 0 4px; position: relative; z-index: 999; }
.ntab_l, .ntab_c, .ntab_r { float: left; background-color:#FFFFFF; }
.ntab_l, .ntab_r { width: 7px; font-size: 1px; }

.ntab a, .ntab a:hover { font-weight: bold; font-size: 13px; text-decoration:none; display: block; padding: 5px 4px 0 4px; float: left; }

.ntab_off .ntab_l { background:url(../images/tab_off_left.gif) bottom right no-repeat; height: 24px; }
.ntab_off .ntab_r { background:url(../images/tab_off_right.gif) bottom left no-repeat; height: 24px; }
.ntab_off .ntab_c { background:url(../images/tab_off_bg.gif) bottom repeat-x; height: 24px; }
.ntab_off a { color:#ffffff; }
.ntab_off a:hover { color:#cccccc; }

.ntab_on .ntab_l { background:url(../images/tab_on_left.gif) bottom right no-repeat; height: 24px; }
.ntab_on .ntab_r { background:url(../images/tab_on_right.gif) bottom left no-repeat; height: 24px;  }
.ntab_on .ntab_c { background:url(../images/tab_on_bg.gif) bottom repeat-x; height: 24px; }
.ntab_on a { color:#333333; }
.ntab_on a:hover { color:#333333; }


/* subs */
.ntab_sub a { color:#000000; font-weight: normal; }
.ntab_sub a:hover { color:#cb2229; font-weight: bold; }
.ntab_sub_col { width: 140px; float: left; margin:0 0 0 4px; }
.ntab_sub a, .ntab_sub a:hover { 
	display: block; text-decoration: none; font-size: 12px; 
	float: none; margin:0; padding:1px; margin:1px 0 1px 8px;
}
.ntab_off .ntab_sub {
	left:5px;
	border-left:1px solid #3196c3; border-right:1px solid #3196c3; border-bottom:1px solid #3196c3;
}
.ntab_on .ntab_sub {
	left:4px;
	border-left:1px solid #aad8ad; border-right:1px solid #aad8ad; border-bottom:1px solid #aad8ad; 
}

.ntab_sub {
	display: none; position: absolute; top: 24px;
	width: 160px; background-color:#f9f9f9;
	/* filter: Alpha(Opacity=90); -moz-opacity:0.9; opacity: 0.9; */
	color:#000000; text-align:left; padding:8px; z-index: 9999;
}


/* blue homepage box */
.home_content { width:920px; margin:0 auto; background:#e8f6fc url(../images/home_bg.jpg) bottom right no-repeat; position: relative; min-height: 280px; }
.home_top, .home_base { width: 920px; margin:0 auto; height: 8px; font-size:1px; }
.home_top { background:#e8f6fc url(../images/home_top.gif) bottom no-repeat; }
.home_base { background:#e8f6fc url(../images/home_base.gif) top no-repeat; }
.home_content h1 { margin:8px 8px 0 -1px; }
.home_content p { margin:8px 8px 0 0px; }

/* newsletter form */
.newsletter {
	margin:4px 0 0 -2px;
	position: relative; 
	width: 420px;
	height: 55px;
	float: left; /* for FF */
}
.newsletter form div, .newsletter .signupbutton, .inputshadow, .signupshadow { position: absolute; }
.newsletter form div {
	background:url(../images/textinput.gif) no-repeat;
	width: 252px;
	height: 33px;
	top: 0px;
	left: 0px;
}
.newsletter form div input { 
	width: 210px; 
	background: none; 
	border: none; 
	font-weight: bold; 
	color:#333333; 
	padding:9px 0 0 12px; /* IE6 & IE7 override exists */
}
.newsletter .signupbutton { 
	width: 77px;
	height: 33px;
	top: 0px;
	left: 255px;
	background:url(../images/signupbutton.png);
	font-size: 1px;
	border: none;
	cursor:pointer;
}
.inputshadow { 
	background:url(../images/textinput-reflection.png);
	width: 252px;
	height: 24px;
	top: 34px;
	left: 0px;
}
.signupshadow { 
	background:url(../images/signupbutton-reflection.png);
	width: 77px;
	height: 24px;
	top: 34px;
	left: 255px;
}

/* gbox = gradient (or green) box */
.gbox, .gbox_top, .gbox_base { width: 294px; }
.gbox { 
	margin:16px 0 18px 19px; /* IE6 override exists */
	background:url(../images/gbox_bg.gif) top left repeat-y; 
	float: left;
}
.relative { position: relative; }
.gbox_content { padding:0px 8px 8px 8px; line-height: 145%; min-height: 140px; /* IE6 override exists */ }
.gbox_content p, .gbox_content ul, .gbox_content p ul, .gbox_content li { margin:0; }
.gbox_top { 
	height: 39px;
	background:url(../images/gbox_top.gif) top no-repeat;
	text-align:center;
	padding:12px 0 0 0;
}

.gbox_base .moreinfo, .gbox_base_mod { margin:0 auto; }
.gbox_base {
	height: 71px;
	position: relative;
	background:url(../images/gbox_base.gif) top no-repeat;
}

.gbox_base_mod {
	min-height: 71px;
	position: relative;
	background:url(../images/gbox_base.gif) bottom no-repeat;
}

.gbox_shadow_base, .gbox_shadow_right { position: absolute; }
.gbox_shadow_right { width: 18px; height: 52px; background:url(../images/gbox_shadow_right.gif) no-repeat; bottom:0px; right: -18px; }
.gbox_shadow_base { width: 271px; height: 10px; background:url(../images/gbox_shadow_base.gif) no-repeat; top:71px; right:0px; }

.gbox_shadow_base_mod { width: 294px; height: 10px; background:#ffffff url(../images/gbox_shadow_base.gif) no-repeat; bottom:-20px; right:0px; }

/* more info button & shadow */
.moreinfo { position: relative; width: 124px; height:60px; }
.moreinfo a, .moreinfo a:hover { 
	text-decoration: none; 
	display: block; 
	width: 124px; 
	height: 44px;
	top: 0px;
	left: 0px;
	position: absolute;
	cursor:pointer;
	background:url(../images/moreinfo_button.png) no-repeat;
	font-size: 1px;
	color: #d1d1d1;
	text-indent:10px;
}
.moreinfo div {
	position: absolute;
	left:0px;
	top: 45px;
	background:url(../images/moreinfo_shadow.png) no-repeat;
	width:124px;
	height: 22px;
}

/* internal sidenav */
.sidenav { width: 255px; background:#f5f3f3 url(../images/sidenav_bg.gif) bottom repeat-x; }
.sidenav_top div { padding:11px 0 0 12px;  }
.sidenav_top, .sidenav_base { width: 255px; font-size: 1px; }
.sidenav_top { background:url(../images/sidenav_top.gif) bottom no-repeat; height: 38px;  }
.sidenav_base { background:url(../images/sidenav_base.gif) top no-repeat; height: 9px; }
.sidenav ul { margin:6px 6px 0 6px; padding:0 6px 0 6px; }
.sidenav ul li { list-style-type: none; }
.sidenav ul li a, .sidenav ul li a:hover { text-decoration: none; font-size: 16px; font-weight: bold; line-height: 150%; }
.sidenav ul li a { color:#4d5960; }
.sidenav ul li a:hover { color:#333333; }
.sidenav a.active, .sidenav a:hover.active { color:#ff9933; }

.ss-sub { width: 229px; margin:8px 0 0 12px; text-align: left; }
.ss-top, .ss-base { height: 8px; font-size: 1px; width: 229px; }

.ss-grey .ss-top { background:url(../images/side-sub-top.png) no-repeat; }
.ss-grey .ss-base { background:url(../images/side-sub-base.png) no-repeat; }
.ss-grey .ss-c { background:url(../images/side-sub-bg.gif) repeat-y; width: 229px; }

.ss-orange .ss-top { background:url(../images/side-sub-top-orange.png) no-repeat; }
.ss-orange .ss-base { background:url(../images/side-sub-base-orange.png) no-repeat; }
.ss-orange .ss-c { background:url(../images/side-sub-bg-orange.gif) repeat-y; width: 229px; }

.ss-c h2 { margin: 0; padding:0 0 4px 8px; font-size: 17px; } 
.ss-c h2 a, .ss-c h2 a:hover { text-decoration: underline; }
.ss-c span a, .ss-c span a:hover { text-decoration: none; }
.ss-c h2 a { color: #4d5960; }
.ss-c span a { color: #ff9933; }
.ss-c p { padding:0 8px 0 8px; margin:0; display: block; }
.ss-c span { float: right; display: block; width: 60px; font-size: 17px; font-weight: bold; padding:0px 8px 8px 0; }

/* wavebox */
.wavebox { width: 650px; background:url(../images/wavebox_bg.gif) repeat-y; position: relative; margin:0 0 12px 0; }
.wavebox_wave { background:url(../images/wavebox_top.gif) top left no-repeat; min-height: 217px; }
.wavebox_content { padding:4px 42px 4px 12px; }
.wavebox_content h1 a, .wavebox_content h1 a:hover { text-decoration: none; }
.wavebox_content h1 a { color:#ff9933; }
.wavebox_content h1 a:hover { color:#ff7733; }

.wavebox_details { padding:4px 0 4px 11px; }
.wavebox_details h3 { margin:8px 0 0 0; }

.wavebox_base { height: 8px; background:url(../images/wavebox_base.gif) no-repeat; font-size: 1px; }
.wavebox h1 { color:#ff9933; display: block; padding:8px 0 0 10px; }
.wavebox h3 { color:#ff9933; display: block; padding:8px 0 0 0; }
.wavebox h4 { display: block; padding:8px 0 0 0; }
.wavebox h2 { position: absolute; top: -21px; right: -5px; width: 98px; height: 97px; }
/*
.wavebox h2 a, .wavebox h2 a:hover { 
	background:url(../images/free_trial.png) no-repeat; text-decoration: none; font-size: 1px; font-weight: normal;
	display: block; width: 98px; height: 97px; color:#ebebeb; cursor: pointer;
}
*/
.wavebox h2.trial a, .wavebox h2.trial a:hover { 
	background:url(/images/free_trial.png) no-repeat; text-decoration: none; font-size: 1px; font-weight: normal;
	display: block; width: 98px; height: 97px; color:#ebebeb; cursor: pointer;
}

.wavebox_left, .wavebox_right { float: left; }
.wavebox_left { width:220px; margin:0 8px 0 0; }
.wavebox_right { width: 400px; }

/* blue box */
.blue_box { background:#f4f9fc url(../images/b_bg.gif) repeat-y; margin:8px 0 0 0; }
.blue_box, .b_top, .b_base { width: 620px; }
.b_top, .b_base { height: 8px; font-size: 1px; }
.b_top { background:url(../images/b_top.gif) no-repeat; }
.b_base { background:url(../images/b_base.gif) no-repeat; }
.b_content { padding:0 8px 0 8px; }
.b_content ol, .b_content ul { margin:0 0 0 10px; padding:0 0 0 10px; }
.b_content .formlist li { width: 180px; float: left; display: block; margin:0; padding:0; }

/* wr: wide round box */
.wr { margin:4px auto 0 auto; }
.wr, .wr-top, .wr-bg, .wr-base, .wr-hdr { width: 920px; }
.wr-hdr { height: 27px; background:url(../images/wr-hdr.gif) no-repeat; margin:0 auto; }
.wr-top, .wr-base { height: 8px; font-size:1px; }
.wr-top { background:url(../images/wr-top.gif) no-repeat; }
.wr-base { background:url(../images/wr-base.gif) no-repeat; }
.wr-bg { background:#eeeeee url(../images/wr-bg.gif) repeat-y; }
.wr .compareTable, .wr-hdr .compareTable { width: 99%; margin:0 auto; }



/* rp: rounded popup box */
.rp { margin:4px auto 0 auto; }
.rp, .rp-top, .rp-bg, .rp-base, .rp-hdr { width: 400px; }
.rp-hdr { height: 27px; background:url(../images/rp-hdr.gif) no-repeat; margin:0 auto; }
.rp-top, .rp-base { height: 8px; font-size:1px; }
.rp-top { background:url(../images/rp-top.gif) no-repeat; }
.rp-base { background:url(../images/rp-base.gif) no-repeat; }
.rp-bg { background:#eeeeee url(../images/rp-bg.gif) repeat-y; }
.rp .compareTable, .rp-hdr .compareTable { width: 99%; margin:0 auto; }

.wr-c1, .wr-c2 { text-align: left; }
.wr-c3, .wr-c4, .wr-c5, .wr-c6 { text-align: left; }
.wr-c1 { width: 15%; }
.wr-c2 { width: 25%; }
.wr-c3 { width: 22%; }
.wr-c4 { width: 14%; }
.wr-c5 { width: 12%; }
.wr-c6 { width: 12%; }

/* scol: small column */
.scol { float: left; margin:8px 8px 0 0; }
.scol-push { padding-left: 226px; clear: both; }
.scol, .scol-t, .scol-bg, .scol-b { width: 218px; }
.scol-t { background:url(../images/scol-t.gif) no-repeat; }
.scol-b { background:url(../images/scol-b.gif) no-repeat; }
.scol-bg { background:#f4f9fc url(../images/scol-bg.gif) repeat-y; }
.scol p { margin: 0 8px 0 8px; text-align: center; }
.scol p a, .scol p a:hover { text-decoration: none; font-weight: bold; }
.scol-t, .scol-b { height: 8px; font-size: 1px; }

/* review box */
.review { width: 400px; float: left; position: relative; margin:0 0 12px 0; }
.review_content { width: 400px; background:url(../images/review_bg.gif) repeat-y; }
.review_content p { margin:0 0 0 8px; padding-bottom: 8px; width: 350px; }
.review_content h4 { margin:0 0 8px 8px; }
.review_content ul { margin:0 20px 0 12px; padding:0 20px 8px 12px; }
.review_top, .review_base { width: 400px; height: 8px; font-size: 1px; }
.review_top { background:url(../images/review_top.png) no-repeat; }
.review_base { background:url(../images/review_base.png) no-repeat; }
.review_base span { display: block; position: absolute; right: -12px; width: 57px; height: 57px;  }
.review_positive .review_base span { background-image:url(../images/review_positive.png); bottom:-10px;}
.review_negative .review_base span { background-image:url(../images/review_negative.png); bottom:-18px; }
.review a { color: #297fa4; }
.review a:hover { color:#333333; }
/* unused */
/*
.rimage { width: 220px; background:url(../images/img_bg.png) repeat-y; text-align:center; }
.rimage_top, .rimage_base { width: 220px; height: 8px; font-size: 1px; }
.rimage_top { background:url(../images/img_top.png) no-repeat; }
.rimage_base { background:url(../images/img_base.png) no-repeat; }

*/
.img_frame { background:url(../images/img_frame.png) no-repeat; width: 220px; height: 160px; text-align:center; }
.img_frame img { margin:4px 0 0 0; }

.thumbnail, .thumbnail_details, .win_thumbnail { width: 222px; height: 170px; position: relative; }
.thumbnail { float: left; }
.thumbnail { margin:12px 18px 4px 0; }
.thumbnail_details { float: left; margin:0px 0px 4px -4px; }
.win_thumbnail { margin:0 0 0 -2px; }
.thumbnail img, .thumbnail_details img, .win_thumbnail { display: block; }
.rimage { width: 202px; height: 152px; top: 9px; left: 10px; position: absolute; }
.rframe { width: 222px; height: 170px; top: 0px; left: 0px;  position: absolute; }
.rprize { top: -8px; left: -18px;  position: absolute; }

/* misc */
#flashimg { float: left; width: 400px; height: 265px; margin:0 14px 0 0; position: relative; z-index:1; }
.icon { float: left; margin:0 12px 0 0; }
.pad { padding: 12px; }
.clear { clear: both; }
.center { text-align:center; }
.prizes { position: relative; }
.win2010 { position: absolute; left: 680px; top: 48px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.orange { color:#ff9933; }

.compareTable tr {
	vertical-align: top;
}
.compareTable td, .compareTable th {
	padding: 4px;
}

.compareTable td.c {
	text-align: center;
}


/* Comments */
.wavebox_details label {
	width: 90px;
}

.blogimage { border: 1px solid rgb(227, 227, 227); margin: 3px; }
img.imgleft { float: left }
img.imgright { float: right }