body { margin:0; font-size:small; font-family:Verdana, Arial, Helvetica, sans-serif; color:#808080; line-height:140%; background-color:#000}

/*RESET*/
ul, p, h1, h2, h3, h4 { margin:0; padding:0; list-style:none}
.va { vertical-align:middle}
h1 { font-size:150%; margin:0; padding:0;}
h2 { font-size:130%; margin:0; padding:0;}
h3 { font-size:120%; margin:0; padding:0;}
a, a img { border:none;}
a { color:#b7bcc1; text-decoration:underline;}
/*a:visited { color:#b8bab1;}*/
a:hover { color:#fff !important; text-decoration:none;}
.fll { float:left}
.flr { float:right}
.clear { clear:both}
.va { vertical-align:middle}
.text_xs { font-size:80%;}
.text_s { font-size:90%;}
.text_m { font-size:110%}
form { margin:0; padding:0;}
.vspace { margin:.75em 0}

/*WRAPPER*/
#wrapper { width:900px; margin:0 auto; margin-top:20px; background:url(../images/bg.jpg) left top no-repeat; padding:23px 38px 23px 42px;}

/*LOGO*/
#header h1 { display:block; width:185px; height:72px; background:url(../images/logo-top.png) left top no-repeat; text-indent:-1000em; outline:none;}
#header h1 a { display:block; width:185px; height:72px; background:url(../images/logo-top.png) left top no-repeat; text-indent:-1000em; outline:none;}
/*NAVIGATION*/
#navigation ul { margin-top:20px; padding:0 0 0 67px}
#navigation ul li { float:left; height:42px;}
#navigation ul li.nav { background:url(../images/topnav-bg.png) 0 -42px no-repeat; text-indent:-1000em}
#navigation ul li.nav-home { background-position:-109px -42px; width:109px}
#navigation ul li.nav-subs { background-position:-218px -42px; width:269px}
#navigation ul li.nav-acti { background-position:-487px -42px; width:139px}
#navigation ul li.nav-sale { background-position:-626px -42px; width:249px}
#navigation ul li a { display:block; height:42px; background:url(../images/topnav-bg.png) left top no-repeat; outline:none; text-indent:-1000em}
#navigation ul li a.nav-home { background-position:-109px 0; width:109px;}
#navigation ul li a.nav-subs { background-position:-218px 0; width:269px;}
#navigation ul li a.nav-acti { background-position:-487px 0; width:139px;}
#navigation ul li a.nav-sale { background-position:-626px 0; width:249px;}
#navigation ul li a.nav-home:hover { background-position:-109px -42px;}
#navigation ul li a.nav-subs:hover { background-position:-218px -42px;}
#navigation ul li a.nav-acti:hover { background-position:-487px -42px;}
#navigation ul li a.nav-sale:hover { background-position:-626px -42px;}

/*CONTENTS AREA */
#contents { clear:both; margin-top:28px; min-height:550px}
#main-contents { float:left; width:586px; height:424px; padding:5px 8px 9px 4px; margin-left:1px; background:url(../images/bg-midhome.png) left top no-repeat}
#main-contents h2 a { display:block; margin-bottom:5px; padding:0; width:586px; height:56px; background:url(../images/bg-main-headers.png) #fff left top no-repeat; text-indent:-1000em; outline:none;cursor:pointer;}
#main-contents h2#slide-hd-2 a { margin-bottom:5px; background-position:0 -56px;}
#main-contents h2#slide-hd-3 a { margin-bottom:5px; background-position:0 -112px;}
#main-contents h2.selected a { margin-bottom:0; background-position:-586px 0; cursor:default;}
#main-contents h2#slide-hd-2.selected a { margin-bottom:0; background-position:-586px -56px;}
#main-contents h2#slide-hd-3.selected a { margin-bottom:0; background-position:-586px -112px;}
#main-contents .intro-slides { width:563px; height:247px; padding:0 0 0 23px; overflow:hidden; display:none; margin-bottom:5px;}
#main-contents .intro-slides p, #main-contents .intro-slides ul { margin:.7em 25px 0 182px; font-size:85%; font-family:verdana,arial; line-height:150%}
#main-contents #slide-1 { display:block; background:url(../images/bg-main-slide1.jpg) #fff left -56px no-repeat;}
#main-contents #slide-2 { background:url(../images/bg-main-slide2.jpg) left -56px no-repeat;}
#main-contents #slide-3 { background:url(../images/bg-main-slide3.jpg) left -56px no-repeat;}
#main-contents #slide-3.intro-slides p { margin-top:93px;}
#main-contents a, #subpage a { color:#19596e;}
#main-contents a:visited, #subpage a:visited { color:#333;}
#main-contents a:hover, #subpage a:hover { color:#333 !important; text-decoration:none;}
/*SIDEBAR*/
#sidebar { float:right; width:290px; height:437px; background:url(../images/bg-midhome.png) -598px top no-repeat; padding-bottom:1px;}
#sidebar h3 a { font-size:80% !important; font-family:tahoma, arial, verdana; letter-spacing:-.01em; padding:17px 23px 0 23px; text-decoration:none; color:#b3babf; display:block; width:244px; height:36px; background:url(../images/bg-sidebar-link.png) 0 bottom no-repeat; outline:none;}
#sidebar h3 a:hover { background-position:-288px bottom;}
#sidebar h3.selected { background:url(../images/bg-sidebar-exp.png) left 0 no-repeat; margin-bottom:-.8em}
#sidebar h3 a:active, #sidebar h3.selected a { color:#fd7d15; cursor:default;}
#sidebar .sidebar-link { width:244px; height:175px; background:url(../images/bg-sidebar-exp.png) left -53px no-repeat; padding:0 23px 10px 23px; font-size:85%; line-height:1.6em; overflow:hidden; display:none; background-color: #000000;}
#sidebar .sidebar-link.selected { display:block; background-color: #000000; height: 175px;}
#sidebar p { padding-top:.5em}

/*AD TILES*/
#sub-contents { clear:both; width:900px; padding-top:15px;}
#sub-contents #tile-1, #sub-contents #tile-2, #sub-contents #tile-3 { float:left; width:243px; height:117px; background:url(../images/bg-adtiles.png) left top no-repeat; font-size:85%; padding:15px 20px 0 28px; line-height:135%}
#sub-contents h4 a { display:block; background:url(../images/bg-adtiles-hd.png) -28px top no-repeat; text-indent:-1000em; height:14px; outline:none}
#sub-contents #tile-1 h4 a{ height:14px;}
#sub-contents #tile-2 h4 a{ background-position:-333px 0}
#sub-contents #tile-3 h4 a{ background-position:-637px 0;} 
#sub-contents #tile-1 h4 a:hover { background-position:-28px -29px}
#sub-contents #tile-2 h4 a:hover{ background-position:-333px -29px}
#sub-contents #tile-3 h4 a:hover{ background-position:-637px -29px}
#sub-contents p { margin-top:.45em;}
#sub-contents #tile-1 { margin-right:13px; background-position:0 0}
#sub-contents #tile-2 { margin-right:14px; background-position:-302px 0}
#sub-contents #tile-3 { background-position:-606px 0}
#sub-contents #tile-1:hover { background-position:0 -132px}
#sub-contents #tile-2:hover { background-position:-302px -132px}
#sub-contents #tile-3:hover { background-position:-606px -132px}

/*SUBPAGES*/
#subpage { background:url(../images/bg-subpages.png) -900px bottom no-repeat; padding-bottom:111px}
#subpage #subpage-hd { width:870px; height:79px; background:url(../images/bg-subpages.png) left top no-repeat; padding:32px 0 0 30px}
#subpage #subpage-hd h1 { width:485px; height:31px; background:url(../images/bg-subpage-hd.png) left top no-repeat; text-indent:-1000em}
#subpage #subpage-hd h1.hd-activation { background-position:0 -31px;}
#subpage #subpage-hd h1.hd-sales { background-position:0 -62px;}
#subpage #subpage-cnts { margin-bottom:0px; background:url(../images/bg-subpages.png) #fff -1800px top repeat-y; padding:0 30px;}
#subpage #subpage-cnts h2 { background:url(../images/bg-subpage-subhd.gif) left top no-repeat; height:25px; width:348px; text-indent:-1000em; margin-bottom:.5em}
#subpage #subpage-cnts h2.hd-activation { background-position:0 -25px;}
#subpage #subpage-cnts h2.hd-sales { background-position:0 -50px;}
#subpage #subpage-cnts p, #subpage #subpage-cnts ul, #subpage #subpage-cnts ol { font-size:85%; color:#71777e; line-height:1.6em}
#subpage #subpage-cnts ol { padding:0; margin:.5em 3em}
#subpage #subpage-cnts ol li { padding:0; margin:0; }
#subpage img.header { float:right; margin-left:1.5em}
.sales #subpage img.header { float:right; margin-left:1.5em; margin-top:-120px}
#subpage .subpage-feats { clear:both;}
#subpage .subpage-feats .col1, #subpage .subpage-feats .col2, #subpage .subpage-feats .col3 { float:left; margin-right:30px; width:258px;}
#subpage .subpage-feats .col3 { margin-right:5px; width:259px;}
#subpage .subpage-feats h3 { font-size:105%; color:#333; background:url(../images/line-subpage.jpg) left top no-repeat; padding:1em 0 .75em 0; font-weight:bold; margin-top:2.5em; line-height:1.4em}
#subpage .subpage-feats p { padding-bottom:.75em}
#subpage .subpage-feats img.flr { margin:0 .5em .75em .5em}
#subpage .subpage-feats ul { margin:0 10px;}
#subpage .subpage-feats ul li, #main-contents .intro-slides ul li { background:url(../images/bg-subpage-list.gif) left .6em no-repeat; padding-left:15px; margin-bottom:.5em}
#subpage .subpage-end { clear:both; background:url(../images/line-end.jpg) left top no-repeat; padding-top:1.5em; margin-top:2.5em} 

/*ACTIVATION DIRECT LICENSE & HOW TO AUTHENTICATE PAGES*/
#subpage #subpage-cnts.deep-pages { padding-top:1.3em}
#breadcrumbs { padding:1.5em 0 1.25em 0; font-size:80%; color:#999}
#breadcrumbs a, #breadcrumbs a:visited { color:#999; text-decoration:underline}

#subpage .subpage-feats.acti-dir { text-align:center; margin-top:2em}
#subpage #subpage-cnts h2.hd-activation-dir, #subpage #subpage-cnts h2.hd-activation-auth { background:url(../images/bg-pages-acti.gif) left -25px no-repeat; width:800px;}
#subpage #subpage-cnts h2.hd-activation-auth { background-position:left 0;}

#subpage .subpage-feats.acti-auth { padding:1em 45px 0 40px;}
#subpage .acti-auth h4.steps { margin:.75em 0 0 0; padding:8px 40px 14px 50px; font-size:100%;}
#subpage .acti-auth div { padding:0 50px .5em 50px;}
#subpage .acti-auth div p { padding-top:.5em}
#subpage .acti-auth div ol { list-style:lower-alpha; margin-top:-5px !important}
#subpage .acti-auth h4#step1 {background:url(../images/bg-step1.gif) left 50% no-repeat;}
#subpage .acti-auth h4#step2 {background:url(../images/bg-step2.gif) left 50% no-repeat;}
#subpage .acti-auth h4#step3 {background:url(../images/bg-step3.gif) left 50% no-repeat;}
#subpage .acti-auth h4#step4 {background:url(../images/bg-step4.gif) left 50% no-repeat;}

.backtop { padding-top:2em}

/*SUBSCRIPTION BENEFITS*/
#subpage #ms-logos { padding:10px; margin:20px 0 0 0; background:url(../images/bg-mslogos.gif) #fff left top no-repeat}
#subpage #ms-logos ul { margin:5px 20px;}
#subpage #ms-logos ul li { float:left; width:25%;}

/*FOOTER*/
#footer { clear:both; font-size:85%; text-align:right; color:#414141; margin-top:13px; background:url(../images/bg-footer-line.png) left top no-repeat; padding-top:10px;}
#footer a.logo img { opacity:.3; filter: alpha(opacity=30);}
#footer a.logo:hover img { opacity:1; filter: alpha(opacity=100);}
#footer a { color:#414141;}
#footer p { padding-top:.5em; padding-bottom:0;}


/*HACKS*/
html>body #navigation ul:after, html>body #contents:after, html>body #subpage #ms-logos ul:after, html>body #subpage .subpage-feats:after { content:'.'; display:block; height:0; visibility:hidden; clear:both;}

/* Quiz */
ol.quiz { margin-top: 0; margin-bottom: 0;}
ol.quiz > li { padding-bottom: 1em;}
ol.quiz table { margin: 1em 0 0 1em; }

div#tile-1:hover, div#tile-2:hover, div#tile-3:hover {cursor: pointer;}