body {font-family: arial; background-color: #102863}

#header {width: 745px; margin: 0px auto 0px auto;}

#header img.logo { float: left; margin: 25px 0px 5px 28px; border: none;}


#header a {text-decoration: none; color:#ffffcb;font-size: 8pt;font-weight: bold; }
#header a:visited {color: #ffffcb;}
#header a:hover {color: #ffcc33;}

#header .nav {float:right; margin: 20px 0 0px -20px; }
#header .nav ul {list-style-type: none; display: list-item;   }
#header .nav li {font-size: 8pt;font-weight: bold; color: #ffffcb; width: 55px; }
#header .nav li.text {margin-top: -5px; margin-bottom: 0px;}  
#header .nav li.wider {font-size: 8pt;font-weight: bold; color: #ffffcb; width: 70px; margin-top: -5px;}
#header .nav img {margin: 5px 0 0 10px; border: none; }
#header .nav img.space {margin: 5px 0 0 20px; border: none; }

#header .navlast {float:right; margin: 20px 15px 0px -15px;}
#header .navlast ul {list-style-type: none; display: list-item;   }
#header .navlast li {font-size: 8pt;font-weight: bold;font-family:arial;  color: #ffffcb; width: 50px;}
#header .navlast img {margin: 5px 0 0 10px; border: none; }
#header .navlast li.text {margin-top: -5px;} 

#topbox	   {clear: both; width: 749px; margin: 0 auto; background: url(cssimg/outerframetop_ms_gray.gif) no-repeat top center; }
#topbox p.small { margin: 0 0 0 0; padding: 0; font-size: 10%; }

#middlebox {width: 749px;  margin: 0 auto; padding: 0; background: transparent url(cssimg/outerframefill_ms_gray.gif) repeat-y center; }

#middlebox h1	{font-family: arial; font-size: 14pt; margin: 22px 0 10px 80px; }
#middlebox h2	{font-family: arial; font-size: 11pt; margin: 22px 0 10px 80px;   color:#737373; }

#middlebox p	{ font-size: 10pt;  margin: 0px 0px 1em 80px; width:600px; }
#middlebox p.intro	{  font-size: 10pt;  margin: 0px 0px 1em 80px; width:425px; }
#middlebox p.introsmall	{  font-size: 8pt;  margin: 0px 0px 1em 80px; width:600px; color: gray;}

#middlebox img.mainlogo {float: right; margin: -170px 75px 15px; }


#featurelist h1	{font-family: arial; font-size: 14pt; margin: 22px 0 10px 80px;}
#featurelist h2.feature {font-size: 11pt; margin: 22px 0px 10px 80px; color:#737373; }	
#featurelist h3.feature {font-size: 11pt; margin: 22px 0px 10px 80px; color:#e07000; }	
#featurelist ul.featureBullet {margin: 5px 0px 15px 100px; padding:0px 0px 0px 50px;font-size: 10pt; list-style-position: outside; list-style-image: disc;  }
#featurelist img {float: right; margin: -20px 120px 0px 3px;}
#featurelist img.downimg{float: right; margin: 0px 100px 0px 0px;}




#middlebox ul.checkbullet { margin: 0px 0px 1em 90px; padding-left: 25px; width: 380px; font-size: 10pt;  list-style-position: outside; list-style-image: url(cssimg/bluecheckbox.gif); color: #858585; }
#middlebox li.bluecheck {margin: 0px 0 5px 0;}
#middlebox b.blue {color: #11285e;}

#middlebox ul.nobulletlist { margin: 0px 0px 1em 80px; padding-left: 0px; width: 380px; font-size: 10pt;  list-style-position: outside; list-style: none;  }


#middlebox ul.bullet {margin: 5px 155px 15px 90px; padding:0px 0px 0px 40px; font-family: arial; font-size: 10pt; list-style-position: outside; list-style-image: url(cssimg/bluecheckbox.gif);  }
#middlebox li.bullet_item {margin: 1em 0;}
#middlebox b {color: #11285e;}

#middlebox ul.pagenumbers { text-align: center;}
#middlebox li.number img {list-style: none;display: inline; border: none;text-decoration: none;  }
#middlebox li.number{list-style: none;display: inline; }
#middlebox li.number a {text-decoration: none; color:#999999;font-size: 14pt;font-weight: bold;font-family:arial; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;}
#middlebox li.number a:visited {text-decoration: none; color: #999999;}
#middlebox li.number a:hover {text-decoration: none; color: #003366;}

#middlebox span.mini {color: #9b; word-spacing: -3px; font-weight: bold;}


.topinbox { clear: both; margin: 0 auto; height: 5px; width: 600px; background: url(cssimg/innerframetop600.gif) no-repeat top center; }
.topinbox p.small { margin: 0 0 0 0; padding: 0; font-size: 10%; }

.topinboxfeature{ clear: both; margin: 0 auto; height: 80px; width: 600px; background: url(cssimg/innerframetop600mon.gif) no-repeat top center; }
.topinboxfeature p.small { margin: 0 0 0 0; padding: 0; font-size: 10%; }


.topinbox p.small { margin: 0 0 0 0; padding: 0; font-size: 10%; }

.middleinbox { width: 600px; clear: both; margin: 0 auto;   background: url(cssimg/innerframefill600.gif) repeat-y center; }
.middleinbox li span.platform {font-style: italic; font-size: 8pt; font-weight: normal;letter-spacing: 0pt;}
.middleinbox li span.sale {text-decoration: line-through; color: #7B7B7B;}
.middleinbox li span.discount {color:#000099; font-weight: bold;}

.middleinbox span.mini{color: #9b; word-spacing: -3px; font-weight: bold;}

.bottominbox { 	clear: both;width: 600px; margin: 0 auto ;  height: 16px; background: url(cssimg/innerframebottom600.gif) no-repeat bottom center; }



#screenshotsection { margin: 0px 0px 10px 100px;}
#screenshotsection img.screenshot { margin: 20px 0px 0 0px;border: outset 2px #2521c0;}
#screenshotsection p.caption {margin: 5px 0 1em 0; color: #616161; width: 424px;}
#screenshotsection b.hili {color: #90b071;}



#leftside {clear: both; float: left; margin: 5px 0 0px 0px; padding: 0px 0 0px 0px; }
#leftside ul { }
#leftside li {list-style: none; padding: 0 0 0 0;}
#leftside li img.mainimage { border: outset 2px #C1C1C1}
#leftside li.smalltext { font-size: 8pt; color: #999; text-align: center;}
#leftside b {font-size: 8pt; font-weight: bold;}
#leftside li a {text-decoration: none; color:#999999;font-size: 8pt; }
#leftside li a:visited {color: #999999;}
#leftside li a:hover {color: #E38800;}

#middlecol img {  float: left; margin: 0px -2px 10px 5px; }

#rightside {float: left; margin: 5px 0 0px -10px; }
#rightside ul { width: 200px;}
#rightside li {list-style: none; }
#rightside li.title {font-size: 12pt; margin: 0px 0 0px 0px;font-weight: bold; letter-spacing: 0px; }
#rightside li.platform {font-style: italic; font-size: 8pt; margin: -3px 0 0px 0px;}
#rightside li.descrip {font-size: 9pt; color: gray; margin: 7px 0 5px 0px;}
#rightside li.descrip_next {font-size: 9pt; color: gray; margin: 0px 0 20px 0px;}
#rightside li.info { clear: left; text-align: center;  font-family: arial; font-size: 8pt;  margin: -5px 0 5px 0px;}
#rightside li.button {text-align: center; margin: 0px 0 0px 0px;}
#rightside li.button img {border: none;}








#middle { clear: both; margin: 10px 0px; }

#middle p {color: #999999;font-size: 10pt;   margin: 0px 0px 0px 50px; }
#middle h1 {color: #999999;  font-size: 11pt;   margin: 0px 0px 0px 40px; }

#middle .icon { clear: both; float: left; margin: 15px 0px 10px 20px;}

#middle .product { float:left;  }
#middle .product ul {  list-style: none; width: 350px; margin: 20px 2px 2px 7px; padding: 0px 15px 0 5px; }
#middle .product li { display: list; font-size: 9pt; }

#middle .product li.line_one {font-weight: bold; letter-spacing: 1px;}
#middle .product li.line_two {color: #888888}
#middle .product li.line_three {margin: 5px 0 0 0;}

#middle .buttons {float: left;}
#middle .buttons ul { list-style: none; margin: 20px 0px 0 0; }
#middle .buttons li {display: list; padding: 0 0 5px 0;}
#middle .buttons img {border: none;}



#bottombox {clear: both; margin: 0 auto; width: 749px; background: url(cssimg/outerframebottom_ms_gray.gif) no-repeat bottom center; }
#bottombox p.small { margin: 0 0 0 0; padding: 0; font-size: 60%; }



#promise { clear: both; text-align: center; margin: 20px 0 0 0; } 
#promise img { margin: 3px 10px 0 10px; vertical-align: middle;}


#footernav {clear: both;font-size: 8pt;color: #a6a6a6;margin: 25px 0 0 0; text-align: center; letter-spacing: 1pt; 	}
 
#footernav ul	{list-style: none;}
#footernav li {display: inline;}
#footernav a:link {text-decoration: none; color: #888 !important;	}
#footernav a:visited  {text-decoration: none; color: #888 !important;	 }
#footernav a:hover { 	color: #003399 !important;	}

#copy p {text-align:center; width: 748px; margin: 0px 0 0 10px; font-family: arial;font-size: 8pt;color: #a6a6a6; letter-spacing: 1pt;}
#copy a {text-decoration: none;color: #a6a6a6;}