/*--------- COMMON ---------*/

body {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-image: url(../../products/SpectorPro_Windows/Keylogger/images/main_bg.gif);
	background-repeat: repeat;
	text-align: center;
}

#InsetBody {
	width:980px;
	margin:0 auto;
	background-position: center;
	}


* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	}



div {
	margin: 0px;
	padding: 0px;
	}



img {
	border: 0px;
	}


h2, h5, h6, #Story h3, #Story h4, #Story p, #Story ul  {
margin-bottom: 0px;
margin-left: 50px;
margin-top: 2px;
margin-right: 35px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
	}
	


h2 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 28px;
	color: #333333;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #444444;
	padding-top: 10px;
	margin-top: 50px;
	line-height: 24px;
	}
	
h1 {
	font-size: 26px;
	color: #333333;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 20px;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	padding-left: 20px;
	}

h3 {
	font-style: normal;
	font-size: 14px;
	color: #000000;
	line-height: 20px;
	padding-bottom: 5px;
	}


#Story h3 {
font-size: 24px;
color: #111;
font-weight: normal;
line-height: 1.2em;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -0.02em;
padding-bottom: 30px;
}
	
	
	
.Underline {
	text-decoration: underline;
}
.CallOutBoxWrap {
	width: 208px;
	text-align: center;
	padding-left: 20px;
}

.CallOutBoxWrapBTM {
	width: 208px;
	text-align: center;
	margin-top: 20px;
	}
.CallOutTop {
	background-image: url(../../products/SpectorPro_Windows/Keylogger/images/bestofbest.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 5px;
	margin-left: 5px;
	height: 50px;
}
.CallOutBoxMID {
	background-image: url(../../products/SpectorPro_Windows/Keylogger/images/CallOutMid.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-right: 0px;

}
.CallOutBoxBTM {
	background-image: url(../../products/SpectorPro_Windows/Keylogger/images/CallOutBTM.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: 5px;
	height: 30px;

}

.bolder {
	font-weight: bold;
	color: #990000;
}

h5 {
	font-size: 20px;
	line-height: 22px;
	color: #333333;
	margin-right: 25px;
	font-weight: normal;
	}
	
h6 {
	font-size: 16px;
	line-height: 22px;
	color: #990000;
	margin-right: 25px;
	font-weight: normal;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-style: oblique;
	padding-right: 120px;
	padding-left: 120px;
	}


p {
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 10px;
	margin: 0px;
	}


li {
	padding-left: 0px;
	padding-right: 0px;
	list-style: none;
	background-image: 
	line-height: 14px;
	padding-bottom: 8px;
	}

ul {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #666666;
	list-style-type: none;
	}


.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-position: left;
	text-align: left;
	line-height: 10px;
	padding-top: 4px;
	margin-right: 35px;
	font-weight: bold;
	font-style: normal;
	}


/*--------- BOXES ---------*/

#Header {
	height: 60px;
	width: 980px;
}


#StoryWrapper {
	clear: both;
	width: 980px;
	background-image: url(../../products/SpectorPro_Windows/Keylogger/images/a0.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

#Footer {
	width: 100%;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e5e5e5;
	background-color: #333333;
}
#Footer p {
	font-size: 11px;
	color: #999999;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	line-height: 14px;
}
#Footer a:link, a:visited, a:hover, a:active {
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

#Footer a:link {
	color: #FFFFFF;

}
#Footer a:visited {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}
#Footer a:hover {
	color: #FF4800;
	
}
#Footer a:active {
	color: #FFFFFF;

}



#logobottom {
	clear: both;
	width: 100%;
	background-repeat: repeat-y;
	background-position: right top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E3E3E3;
	border-right-color: #E3E3E3;
	border-bottom-color: #E3E3E3;
	border-left-color: #E3E3E3;
	background-image: url(../../products/SpectorPro_Windows/Keylogger/images/a0.jpg);
	background-color: #E2F1E5;
}
		
					#logobottomleft {
						width:700px;
						padding:0px;
						float:left;
						
							}
						
						
					#logobottomright {
						margin: 0px;
						padding: 0px;
						float: right;
						width: 258px;
								
						width:258px;
						padding:0px;
						float:right;
						margin: 0px;
									}
									
									
					#logobottom h3 {
						font-weight: bold;
						font-size: 18px;
						color: #FFFFFF;
						font-family: Arial, Helvetica, sans-serif;
						padding-left: 5px;
						line-height: 20px;
						padding-top: 5px!important;
						}				
								
					#logobottom h4 {
						font-weight: bold;
						font-size: 17px;
						color: #333333;
						font-family: "Arial narrow", Arial, Helvetica, sans-serif;
						padding-left: 50px;
						line-height: 20px;
						padding-bottom: 5px!important;
						}
						
					
					#logobottom h5 {
						font-size: 14px;
						padding-left: 20px;
						font-style: italic;
						color: #990000;
						padding-right: 20px;
						line-height: 18px;
					}
					
					#logobottom h6 {
						font-size: 11px;
						padding-left: 20px;
						font-weight: bold;
						color: #000000;
						padding-right: 20px;
						line-height: 14px;
										}	
					
					#logobottom p {
						font-size: 14px;
						padding-left: 10px;
						padding-right: 10px;
						font-style: italic;
						color: #000000;
						line-height: 16px;
					}	
					
					
					#logobottom a:link, a:visited, a:hover, a:active
					{
						color: #003366;
						font-size: 12px;
						font-weight: bold;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding: 0px;
						margin-top: 0px;
					}
					
					#logobottom a:link, a:visited
					{
						text-decoration: none;
					
					}
					
					#logobottom a:hover
					{
						text-decoration: underline;
					}


#Story {
	padding: 0px;
	margin: 0px;
	width: 700px;
	background-position: left;
}




#StoryList {
	clear: right;
	float: left;
	width: 40%;
	margin-left: 10px;
	list-style-type: circle;
	margin-right: 0px;
	padding: 0px;
	margin-top: 10px;
}
.indexList {
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	padding-bottom: 5px;
	text-align: left;
	padding-top: 5px;
}


#Story ul
{
	list-style-type: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-left: 30px;
}

#Story li {
	font-size: 12px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.2em;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #666666;
	font-style: normal;
	list-style-position: inside;
	font-weight: normal;
}

.Story li a
{
	color: #990000;

}

.Story li a:hover
{
	color: #FF6600;
}



#StoryList li a
{
	color: #990000;
	font-weight: bold;
}

#StoryList li a:hover
{
	color: #FF6600;
}



.Image_R {
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
}

div.News {
	background-color: #E6F3DA;
	margin-top: 0px;
	padding-top: 0px;
}
#Wrapper {
	width: 980px;
    text-align: left
	width: 620px;
	background-color: #FFFFFF;
	border: 4px solid #000;
	text-align: left;
}




/*--------- Nav ---------*/

#MainNav {
width: 970px;
clear: both;
text-align: right;
height: 24px;
background-repeat: repeat-x;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
background-color: #292626;
padding-right: 10px;
	}

#MainNav p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7C848E;
	margin: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	}

#MainNav a:link {
color: #999;
text-decoration: none;
font-weight: normal;
font-size: 12px;
text-shadow:1px 1px 0 #222;
	}
#MainNav a:visited {
	color: #999;
	text-decoration: none;
	font-weight: normal;
	text-shadow:1px 1px 0 #222;
	}
#MainNav a:hover {
	color: #FF9900;
	text-decoration: none;
	font-weight: normal;
	text-shadow:1px 1px 0 #222;
	}
#MainNav a:active {
color: #999;
text-decoration: none;
font-weight: normal;
text-shadow:1px 1px 0 #222;

	}



#Nav {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 258px;
	clear: left;
}

#Nav ul{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
#Nav h5 {
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ED1C24;
	font-size: 18px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 5px;
}
#Nav li {
	margin: 0px;
	padding: 0px;
}

	
#Nav li a {
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
	}	
	
#Nav li a:link, #menu3 li a:visited {
	color: #000000;
	background:  url(../../products/SpectorPro_Windows/menu3.gif);
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0px;
	text-decoration: underline;
	}
	
#Nav li a:hover {
	color: #757e88;
	padding: 0px;
	background-image: url(../../products/SpectorPro_Windows/images/BG_ProductNav.gif);
	background-position: 0  2px;
	background-repeat: no-repeat;
	}

/*--------- side bar style ---------*/

#SideBar {
	float: right;
	width: 170px;
	height: 250px;
	background-color: #E3E3E3;
	text-align: left;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

#SideBar p {
	text-align: left;
	font-size: 12px;
	padding-left: 20px;
	font-weight: bold;
	color: #444444;
	background-color: #A4CE76;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	}

	
#SideBar ul
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-color: #E3E3E3;
}

#SideBar li {
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 16px;
}

#SideBar a
{
	display: block;
	color: #003366;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
	height: 15px;
}

#SideBar a:hover
{
background-color: #FDB03B;
}






/*--------- side bar END ---------*/





a:link {
	color: #FF4800;
	font-size: 11px;
}
a:visited {
	color: #FF4800;
}
a:hover {
	color: #CC9966;
	font-size: 11px;
}
a:active {
	color: #FF4800;
}
.img1 {
	margin-bottom: 20px;
	margin-left: 8px;
	padding-bottom: 20px;
}
.Quote {
	color: #FF6600;
	font-weight: bold;
}

.readmore {font-size: 10px}
.imgPadRgt {
	padding-right: 35px;
	padding-left: 10px;
}
#BodyContent {
	background-color: #E2E2E2;
	clear: both;
}
.style8 {
	color: #FAEDB4;
	font-weight: bold;
}
.style9 {color: #990000}
.style11 {
font-size: 30px;
color: #333333;
font-weight: bold;
line-height: 1.2em;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -.02em;
}





#pressQuotes {
	padding-right: 0px;
	padding-left: 0px;
}
		
					#pressQuotes p {
						padding-right: 5px;
						padding-left: 10px;
					}
					#pressQuotes h6 {
						font-size: 14px;
						line-height: 22px;
						color: #FFFFFF;
						margin: 0px;
						font-weight: bold;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 10px;
						padding-left: 0px;
						font-style: normal;
						font-family: Arial, Helvetica, sans-serif;
						
					}
					
					#pressQuotes h5 {
						font-size: 12px;
						line-height: 16px;
						color: #990000;
						font-weight: normal;
						padding-top: 8px;
						padding-right: 0px;
						padding-left: 0px;
						margin-top: 0px;
						margin-right: 15px;
						margin-bottom: 0px;
						margin-left: 15px;
						font-style: italic;
						padding-bottom: 0px;
					}
					
					
					
					#pressQuotes ul
					{
						font-size: 12px;
						line-height: 18px;
						color: 444444;
						font-weight: normal;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						list-style-type: none;
						padding-left: 10px;
						margin: 0px;
					}
					
					#pressQuotes li {
						font-size: 12px;
						color: #444444;
						font-style: normal;
						font-weight: normal;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 2px;
						padding-left: 0px;
						list-style-position: outside;
						text-align: left;
						margin: 0px;
						list-style-image: url(file:///C|/Documents%20and%20Settings/mark/Desktop/images/SpectorPro6/Parental/images/Arrow2.gif);
						list-style-type: none;
						line-height: 12px;
						width: 195px;
					}
					#pressQuotes a:link, a:visited, a:hover, a:active
					{
						color: #003366;
						font-size: 12px;
						font-weight: bold;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding: 0px;
						margin-top: 0px;
					}
					
					#pressQuotes a:link, a:visited
					{
						text-decoration: none;
					
					}
					
					#pressQuotes a:hover
					{
						text-decoration: underline;
					}


.style20 {
	font-size: 20px;
	color: #990000;
	line-height: 24px;
}

.style12 {
	color: #666666;
	font-style: italic;
	font-size: 10px;
}
.style13 {color: #990000}

.style14 {
	font-size: 18px;
	color: #666666;
	font-weight: bold;
}
.style18 {
	color: #000000;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
.style19 {
	font-size: 16px;
	color: #333333;
	font-weight: normal;
}
.ImagePad_R2 {
	padding-right: 70px;
	padding-left: 15px;
}
.blue {
	color: #0273AD;
}
.Red {
	color: #990000;
}


/* Text Callouts */
div.callouts {
	float: right;
	width: 170px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 0px;
}
	
h6.callout {
	font-family: Verdana, Helvetica, Arial;
	font-size: 10pt;
	color: #990000;
	margin-left: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #990000;
	border-bottom-color: #990000;
}

/* END Text Callouts */
.clear {
	clear: both;
}
.calloutP {
	font-size: 12px;
	line-height: 14px;
	clear: both;
}
.blackRight {
font-size: 14px;
color: #999999;
text-align: left;
padding-bottom: 12px;
line-height: 16px;
padding-left: 5px;
padding-top: 5px;
}
#GrayBG {
background-image: url(../../products/SpectorPro_Windows/Keylogger/images/BG_GrayGrad.jpg);
background-repeat: repeat-x;
background-position: 0px -10px;
}
.formbox {
	width: 150px;
	height: 35px;
}
.red2 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #990000;
}
.imagepaddingR {
	margin-right: 35px;
	margin-left: 30px;
}

	#frame {
width:100%;
padding:0px;
text-align:left;
background-color: #F0F0F0;
margin: 0px;
clear: both;
height: 650px;
		}
			#frame h2, p{
			padding-right: 40px;
			padding-left: 40px;
			
			}	
			#frame h2{
			font-family: "Arial narrow", Arial, Helvetica, sans-serif;
			font-size: 24px;
			margin: 0px;
			font-weight: bold;
			line-height: 26px;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-right: 30px;
								
			}	
			#frame p{
			line-height: 18px;
										
			}	
				
	#frame2 {
	width:100%;
	padding:0px;
	text-align:left;
	background-color: #F0F0F0;
	margin: 0px;
	clear: both;
	height: 175px;
		}
			#frame2 h2, p{
			padding-right: 40px;
			padding-left: 40px;
			
			}	
			#frame2 h2{
			font-family: "Arial narrow", Arial, Helvetica, sans-serif;
			font-size: 24px;
			margin: 0px;
			font-weight: bold;
			line-height: 26px;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-right: 30px;
								
			}	
			#frame2 p{
			line-height: 18px;
										
			}					
		
			#contentleft {
			width:33%;
			padding:0px;
			float:left;
			
				}
			
			#contentcenter {
			width:33%;
			padding:0px;
			float:left;
			border-right: 1px solid #CCCCCC;
			border-left: 1px solid #CCCCCC;
				}
			
			#contentright {
			width:33%;
			padding:0px;
			float:left;
				}
				
			#contentright2 {
	width:33%;
	padding:0px;
	float:left;
	background:#333333;
	height: 175px;
				}	
				
				
.BOLD {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.td_LR_Border {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-image: url(../../products/SpectorPro_Windows/Keylogger/images/LiveChat_mid.gif);
	background-repeat: repeat-y;
}

/* ============== Buy Buttons  and links ================*/

.buy-win{
left:10px;
position:absolute;
top:265px;
}

.buy-win a,.buy-win{

	display: block;
	height: 54px;
	width: 210px;
	background: url(/landing_pages/img/buy-win-2.gif) no-repeat 0 0;
	text-indent: -9999em;
}

.buy-win a:hover {
	background: url(/landing_pages/img/buy-win-over2.gif) no-repeat 0 0;
}
#topbox {
position:relative;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
height: 280px;
}

#topbox p{
padding-top: 5px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 170px;
}