@import url(/safesurfing/shared/styles/nav.css);
@import url(/safesurfing/shared/styles/pod.css);

/* Primary layout */
body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #333;
	font-family: arial, helvetica, sans-serif;
}
img {
	border: 0;
}



/* Bottom layout */
#footer {
	clear: both;
	margin: 0px auto 0px auto;
	width: 690px;
	line-height: 16px;
	color: #333;
	font-size: x-small;
	background: url("/safesurfing/images/footer-background.gif") center center no-repeat;
}
#footer p {
	margin: 0;
	text-align: left;
	padding-left: 5px;
}
#footer p.right {
	float: right;
	margin: 0;
	text-align: right;
	padding-right: 5px;
	background: transparent;
}
/* footer links */
#footer a:link, #footer a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #666;
}
#footer a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #acacac;
}
#footer a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #666;
}

/* Default links 	*/
a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #666;
}
a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #666;
}
a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #666;
}

/* Typography */
#page p {
	line-height: 140%;
	padding: 10px 10px 10px 10px;
	margin: 0;
}

h2 {
	padding: 0 10px 0 10px;
	margin: 0;
	font-size: large;
	color: #5493bf;
}
h3 {
	padding: 0 10px 0 10px;
	margin-top: 5px;
	font-size: medium;
	color: #5493bf;
}
h4 {
	padding: 0 10px 0 10px;
	margin: 0;
	font-size: medium;
}
h5 {
	padding: 0 10px 0 10px;
	margin: 0;
}
blockquote {
	background-color: #e2e2e2;
	color: #000;
	border: 1px solid black;
}


/* Tools */
hr { clear: both; margin: 1em 0; height: 1px; color: #9cc; background-color: #9cc; border: 0; }
div.caption { float: left; clear: left; width: 166px; margin-bottom: 1em;margin-left: 1em; }
img.tools { float: right; margin-bottom: 1em;margin-right: 1em; width: 494px; height: 371px; }
p.summary { font-weight: bold; }
div.icon { padding-right: 156px; }

/* tools footer */
#footerTools { margin: 0; padding: 5px; line-height: 16px; }  
#footerTools ul { padding: 0; margin: 0; }
#footerTools ul li { list-style: none; padding: 0; margin: 0; }
#footerTools ul li.prev { float: left; background: transparent url("../../images/buttons/left.png") left center no-repeat; }
#footerTools ul li.prev a { padding-left: 20px;}
#footerTools ul li.next { float: right; background: transparent url("../../images/buttons/right.png") right center no-repeat; }
#footerTools ul li.next a { padding-right: 20px;}


/* Icons */
div.anti-virus-icon { background: transparent url("../../images/tools/anti-virus.png") right top no-repeat; }
div.anti-spyware-icon { background: transparent url("../../images/tools/spyware.png") right top no-repeat; }
div.alt-browsers-icon { background: transparent url("../../images/tools/alt-browsers.png") right top no-repeat; }
div.backup-icon { background: transparent url("../../images/tools/backup.png") right top no-repeat; }
div.phishing-icon { background: transparent url("../../images/tools/phishing.png") right top no-repeat; }
div.privacy-icon { background: transparent url("../../images/tools/privacy.png") right top no-repeat; }
div.safe-communication-icon { background: transparent url("../../images/tools/safe-communication.png") right top no-repeat; }
div.search-filter-icon { background: transparent url("../../images/tools/search-filter.png") right top no-repeat; }
div.windows-security-icon { background: transparent url("../../images/tools/security.png") right top no-repeat; }
div.firewall-icon { background: transparent url("../../images/tools/firewall.png") right top no-repeat; }