﻿/* CSS for PC Backup Review */


body {
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #000000;
	background-image: url("images/graybg.gif");
	background-repeat: repeat-x;
	background-color: #3A3A3A;
	}
	
a {
	text-decoration: none;
	color:  #0000ff;
	}
	
a:visited {
	color:  purple;
	}
	
a:active {
	color:  #ff0000;
	}
	
a:hover {
	text-decoration: underline;
	}
	
	
strong, b {
	font-weight: bold;
	}
	
p {
	font-size: medium;
	margin: 2px 0 14px 0;
	}

h1 {
	color: #003399;
	font-size: x-large;
	font-weight: bold;
	margin: 0 0 18px 0;
	border-bottom: 2px solid #f5f5f5;
	}
	
h2 {
	color: #003399;
	font-size: medium;
	font-weight: bold;
	margin: 0 0 18px 0;
	border-bottom: 2px solid #f5f5f5;
	}
	
#header h2 {
	color: #D2DEFF;
	font-size: small;
	font-weight: bold;
	margin: 0;
	padding: 2px 2px 6px 4px;
	border: 0;
	}
	
h3 {
	font-size: medium;
	font-weight: bold;
	margin: 0 0 6px 0;
	color: #000000;
	padding: 0;
	}
	
h4 {
	font-size: small;
	font-weight: bold;
	margin: 0;
	background-color: #14C021;
	color: #000000;
	padding: 4px 2px;
	}
	
h5 {
	margin: 0;
	}
	
img {
	border: 0;
	margin: 0;
	padding: 0;
	}


.center {text-align: center;}

.small {font-size: small;}
	
.underline {text-decoration: underline;}
	
	
	
#container {
	width: 880px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff url(images/gwb.gif) repeat-y;
	border: 0;
	}
	
	
	
/* HEADER */
	
#header {
	margin: 0;
	height: 117px;
	background: #003399 url(images/pcbackupreviewheader.jpg) no-repeat;
	padding: 0;
	border: 0;
	}
	
#innerheader {
	padding: 40px 350px 0 10px;
	}
	
#headernav {
	margin: 0 0 10px 0;
	}
	
#headernav ul {
	background-color: #3F2771;
	margin: 0;
	padding: 5px 2px;
	text-align: center;
	}
	
#headernav ul li {
	display: inline;
	list-style-type: none;
	color: #ffffff;
	font-weight: bold;
	margin: 0 0 0 25px;
	}
	
#headernav ul li a {
	color: #ffffff;
	}
	

	
	
/* SIDEBAR */

#googlesearch {
	padding: 2px 7px;
	margin: 5px 0 9px 0;
	}
	
#googlesearch form {
	margin: 0;
	padding: 0;
	}
	
#left {
	margin: 0 2px 10px 1px;
	float: left;
	width: 260px;
	padding: 2px;
	background-color: #f5f5f5;
	font-size: small;
	}

	
#left ul {
	list-style-type: none;
	}
	
#left li {
	list-style-type: none;
	color: #003399;
	margin: 0 0 3px -25px;
	font-size: small;
	border-bottom: 1px solid #e3e3e3;
	}

#left li a {
	display: block;
	color: #003399;
	padding: 0;
	margin: 0;
	}

#left li a:hover {
	font-weight: bold;
	text-decoration: none;
	}
	
#left p {
	font-size: small;
	}
	
	
	
	
	
	
/* MIDDLE CONTENT */
	
#middle {
	margin: 0 1px 10px 1px;
	padding: 5px 10px;
	float: right;
	width: 580px;
	}
	
.bookmarknav {
	font-size: small;
	color: #666666;
	padding: 2px;
	margin: 0 0 0 450px;
	width: 100px;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	text-align: right;
	}
	
.bookmarknav a {
	color: #666666;
	}
	
.newsdate {
	font-size: small;
	font-style: italic;
	}
	
div#related {
	border: 2px dotted #D2DEFF;
	width: 450px;
	margin: 5px 5px 5px 25px;
	padding: 3px;
	}
	
div#related ul.related {
	margin: 5px;
	list-style: disc;
	}
	
div#related ul.related li {
	margin: 3px 0;
	padding: 3px 5px;
	font-size: small;
	}
	
table#priceheader {
	border-collapse: collapse;
	border: 1px solid #ffffff;
	text-align: center;
	width: 95%;
	padding: 2px;
	}
	
table#priceheader td.purple {
	background-color: #A674C0;
	color: #ffffff;
	}
	
table#pricecomparison {
	border-collapse: collapse;
	border: 1px solid #A674C0;
	width: 95%;
	padding: 2px;
	}
	
table#pricecomparison td {
	border-collapse: collapse;
	border: 1px solid #A674C0;
	text-align: center;
	}
	
table#pricecomparison td.green {
	color: #006400;
	}
	
	
	
	
	
/* Boxes */

div.section {
	width: 470px;
	margin: 15px auto;
	padding: 5px;
	border: 2px solid #e3e3e3;
	}
	
div.section:hover {
	border: 2px solid #cccccc;
	}
	



	

/* FOOTER */
	
#footer {
    clear: both;
	text-align: center;
	border: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #e3e3e3;
	}
	
#footer p {
	font-size: small;
	padding: 2px 0 5px 0;
	margin: 0;
	}