/* general styles */
html, body {padding: 0; margin: 0; height: 100%;}
a img {border: 0;}
a, a:link, a:visited, a:active { color: #0000CD; }
a:hover { color: #1E90FF; }
body {text-align: center; background: #C9C9C9 url("images/background.gif") repeat-y top center; }
body, p, td, th, ul {font: normal 12px/18px Verdana, Helvetica, sans-serif; color: #000000;}
th {font-weight: bold;}
h1 {font: bold 18px/19px Tahoma, Arial, Helvetica, sans-serif; 
    color: #294D84; margin: 18px 0 12px 0; padding: 0;}
h2 {font: bold 14px/15px Tahoma, Arial, Helvetica, sans-serif; 
    color: #696969; margin: 16px 0 8px 0;}
h3 {font: bold 13px/16px Tahoma, Arial, Helvetica, sans-serif; 
    color: #696969; margin: 16px 0 10px 0; padding: 0;}

p {margin: 10px 0; padding: 0;}
p.ZeroBefore {margin-top: 0px}
h1 a, h1 a:hover { color: #294D84; }
h2 a, h2 a:hover { color: #696969; }
h3 a, h3 a:hover { color: #696969; }

h1.title {margin: 12px 0px 0px 0px; }
.emphasis {font: bold 12px/18px Verdana, Helvetica, sans-serif; color: #294D84; }   

/* images */
img { border: 0;}
img.noborder {border-width: 0px 0px 0px 0px;}
img.middle {
	vertical-align: middle;
	border-width: 0px;
	margin-right: 6px;
}
img.left {
	float: left;
	border-width: 0px;
	margin: 0px 6px 0px 0px;
}
img.right {
	float: right;
	border-width: 0px;
	margin: 0px 6px 0px 0px;
}
img.RightSidePicture {
	float: right;
	border: #294D84 1px solid; 
	padding: 1px 1px 1px 1px;
	MARGIN: 6px 0px 6px 15px; 
}

img.LeftSidePicture {
	float: left;
	border: #294D84 1px solid; 
	padding: 1px 1px 1px 1px;
	MARGIN: 6px 15px 0px 0px; 
}

/* overall page */
.container {
	border: 0; 
	padding: 1px 0px 1px 0px; 
	BACKGROUND: #ffffff; 
	MARGIN: 5px auto; 
	WIDTH: 760px; 
	COLOR: #000000; 
	TEXT-ALIGN: left;
}

/* header area */
.header {margin: 0px 0px 1px 0px; }
.header #banner {
	WIDTH: 760px; 
	height: 80px;			
	background: #294D84 url('images/banner_back.jpg') no-repeat top left;
}
#BannerText {
	margin: 0px 0px 0px 0px; 
	padding: 12px 0px 0px 12px;
}

#navigation {
	border: #888888 1px solid; 
	BACKGROUND: #eeeeee; 
	MARGIN: 1px 1px 0px 0px; 
	WIDTH: 758px; 
	COLOR: black; 
	}
#navigation UL {
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
	HEIGHT: 2.2em;
	overflow: hidden; 
	}
#navigation LI {
	BORDER-RIGHT: #888888 1px solid; 
	FLOAT: left; 
	WHITE-SPACE: nowrap; 
	LIST-STYLE-TYPE: none;
	LINE-HEIGHT: 2.2em;
	}
#navigation LI A {
	padding: 0px 10px 0px 10px;
	DISPLAY: block; 
	FONT-WEIGHT: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-TRANSFORM: uppercase; 
	COLOR: black; 
	TEXT-DECORATION: none;
	}
#navigation .selected {
	BACKGROUND: #fad980; 
	COLOR: black; 
	TEXT-DECORATION: none;
	}
#navigation a:hover {
	BACKGROUND: #fad980; 
	COLOR: black; 
	TEXT-DECORATION: none;
	}
	
/* content area */
.content {
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	FLOAT: left; 
	WIDTH: 560px;
	border-right: 0px solid gray;
}
.subcontent {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	margin: 15px 0px 10px 13px;
	FLOAT: right; 
	WIDTH: 185px; 
	border: 0px solid black;
}
div.BottomContent {
	FONT-SIZE: 0.9em; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
}
.infobox {
	border: #999999 1px solid; 
	BACKGROUND: #ffffff; 
	MARGIN: 0px 0px 15px 0px; 
	PADDING: 0px 0px 0px 0px;
	WIDTH: 185px; 
}
.blankinfobox {
	border: #999999 1px solid; 
	BACKGROUND: #ffffff; 
	MARGIN: 0px 0px 15px 0px; 
	PADDING: 0px 0px 0px 0px;
	WIDTH: 185px; 
}
.infocontent { 
	padding: 5px 5px 5px 5px;
}
.infobox .title {
	font-size: 13px;
	border-bottom: #999999 1px solid; 
	padding: 4px 10px 4px 10px;
	FONT-WEIGHT: bold; 
	BACKGROUND: #eeeeee; 
	color: #686468;	
}
#BuyNowBox {
	text-align: center;
	LINE-HEIGHT: 100%;
}

#BuyNowBox #BuyNowButton {
	border-style: none;
	margin-top: 3px;
	}

#BuyNowBox #Price {
	margin: 12px 0px 0px 0px;
	}

#BuyNowBox #GuaranteeText {
	margin: 6px 0px 6px 0px;
	font-size: 11px;
	line-height: 14px;
	}

#QuotesBox .infocontent {
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	}

#QuotesBox IMG {
	border-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#ExploreBox UL {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	line-height: 16px;
	}

#ExploreBox LI {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;	
	}
	
#ExploreBox A {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	COLOR: black; 
	TEXT-DECORATION: none;
	}	

#ExploreBox A:Hover {
	COLOR: #da8214; 
	}	

#ExploreBox .MenuImage {
	vertical-align: middle;
	border-style: none;
	width: 13px;
	height: 12px;
	margin-right: 6px;
	}

#GuaranteeImage {
	float: right;
	border-width: 0px;
	margin: 4px 20px 0px 0px;
	padding: 0px;
	}

#WindowsLogo {
	float: right;
	border-width: 0px;
	margin: 10px 2px 0px 0px;
	padding: 0px;
	}

/* footer area */
.footer {
	background: url("images/separator.png") top no-repeat;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 760px;
	float: left;
}
.footer p {
	font-size: 10px;
	color: gray;
	margin: 0px;
	padding: 3px;
}

.important {
	FONT-WEIGHT: bold;
	}
	
DIV.Callout {
	margin-top: 16px;
	margin-bottom: 24px;
	padding: 10px 10px 10px 10px;
	border: #999999 1px solid; 
	BACKGROUND-COLOR: #ffffdf;
	width: 400px;
	}

DIV.CalloutTitle {
	font-weight: bold;
	}

DIV.BottomLeftCallout {
	padding: 10px 10px 10px 10px;
	border: #d6d6d6 1px solid; 
	BACKGROUND-COLOR: #ffffdf;
	width: 330px;
	}
	
.BulletColumn {
	width: 250px;
	}

#PostFAQ {
	width: 718px;
	}
		
#FAQ UL {
	margin-left: 20px;
	}

#FAQ LI {
	COLOR: black;
	}

.Question {
	FONT-WEIGHT: bold;
	COLOR: black;
	margin: 0em 0em .5em 0em;
	}

.Answer {
	color: black;
	margin: .5em 0em 1em 0em;
	}
	
.Formula {
	margin: 0em 0em 1em 48px;
	}
	
.BulletLink {
	padding: 0;
	margin: 1em 0px 1.75em 0px;
	list-style: none;
	}

.BulletLink li {
	margin-bottom: 6px; /* vertical space between list items */
	background: url(images/rightarrow16.gif) 0 50% no-repeat;
	}

.BulletLink li a {
	padding-left: 20px; /* space between left edge of bullet and text */
	}
	
.LargeBulletLink {
	padding: 0;
	margin: 4px 0px 4px 0px;
	list-style: none;
	}

.LargeBulletLink li {
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 5px 0px;
	background: url(images/rightarrow.gif) 0 50% no-repeat;
	height: 20px;
	}

.LargeBulletLink li a {
	padding: 0px 0px 0px 40px;
	/* left = space between left edge of bullet and text */
	}

.ActionBox {
	margin-top: 16px;
	margin-bottom: 24px;
	padding: 10px;
	border: #999999 1px solid; 
	width: 230px;
	float: left;
	background-color: #ffffdf;
}

.ActionBox ul {
	padding: 0;
	margin: 4px 0px 4px 0px;
	list-style: none;
}

.ActionBox ul li {
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 5px 0px;
	height: 20px;
	}

.ActionBox ul li a {
	padding: 0px 0px 0px 40px;
	font-weight: bold;
	/* left = space between left edge of bullet and text */
	}

#MoreInformation { background: #ffffdf url('images/magglass.png') bottom right no-repeat;}
#MoreInformation li { background: url(images/rightarrow.gif) 0 50% no-repeat; }
#PurchaseCallout { margin-left: 25px; background: #ffffff url('images/cd.png') center right no-repeat;}
#PurchaseCallout li { background: url("images/download_white.png") 0 50% no-repeat; }

#PurchaseCalloutNow { background: #ffffdf; float: none; text-align: left; margin: 0 auto;}
#PurchaseCalloutNow li { background: url("images/download_yellow.png") 0 50% no-repeat; }

#PurchaseNow { background: #ffffdf; float: none; text-align: left; margin: 0 auto;}
#PurchaseNow li { background: url(images/rightarrow.gif) 0 50% no-repeat; }

#Tour { background: #ffffdf url('images/tour.png') bottom right no-repeat;}
#Tour li { background: url(images/rightarrow.gif) 0 50% no-repeat; }

#IntroBullets {
	float: right; 
	width: 475px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	color: #505050; 
	font-weight: bold;
}
#IntroBullets li {
	color: rgb(41,77,132); 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
	LINE-HEIGHT: 1em;    
	vertical-align: middle;
}
#IntroBullets .MenuImage {
	padding: 0px 3px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}

.infocontent ul { list-style-position: outside; margin: 0px 0px 0px 0px; padding-left: 17px; 
	 list-style: normal; vertical-align: middle;}
.infocontent ul li { margin: 0px; padding: 0px; }

#SideAd p { font-size: 11px; }
#SideAd #box { float: left; padding: 0px 10px 0px 0px; }
#SideAd #AdCopy { margin: 0px 0px 4px 0px; text-align: justify; }
#SideAd #AdLink { margin: 0px 0px 4px 0px; text-align: center; }
