@charset "utf-8"; /* CSS Document */ @import "clearfix.css"; @import "colorbox.css"; body { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; color:#7a797a; background:#00738b url(../images/body_bg.png) repeat-x 0 0; font-size:12px;} /* Next line fixes cross browser margin inconsistencies. Should be same as font size. */ ul, ol, dl, p, h1, h2, h3, h4, h5, h6 { margin-top:12px; margin-bottom:12px; padding-top:0; padding-bottom:0;} h2 { font-size:150%; color:#494c51;} h3 { font-size:140%; color:#494c51;} p { font-size:100%; line-height:1.5em;} a { color:#00b3d8;} a:visited { color:#00b3d8;} a:hover { color:#000;} a:active { color:#000;} a img { border:none;} td { vertical-align:top;} hr { height:2px; background:#999 url(../images/horizonalrule_bg.png) repeat-x; border:none;} p.intro { font-size:120%;} p.intro strong { color:#0095b4;} p.intro a { text-decoration:none;} p.intro a:hover { color:#002d56; text-decoration:underline;} body.popup { background-image:none; background-color:#293844; color:#939393;} body.popup.padding { padding:5px;} body.popup p { font-size:14px;line-height:1.7em;} body.popup h1 { color:#0094c3; border-bottom:solid 1px #939393; padding-bottom:10px; margin:0;} body.popup h2 { color:#fff; margin-bottom:0;} body.popup h2 + p { margin-top:0;} body.popup form { margin-top:1em;} body.popup td { padding-top:6px;} body.popup textarea { margin-top:6px;} #screenshot { width:698px; height:419px; background:transparent url(../images/screenshot_bg.png) no-repeat 0 0; position:absolute; top:153px; left:95px;} #screenshot img { margin:21px 0 0 23px;} #disclaimer { position:absolute; top:570px; left:112px; font-style:italic;} #popupNav { position:absolute; width:73px; top:20px; left:20px; text-align:center;} #popupNav p { margin:0;} #popupBody { top:12px; left:112px; margin:12px 10px 0 112px;} #popupBody .content { padding:10px 0; overflow:auto; height:80px; width:661px; clear:both;} #popupBody .content * { margin:0;} #closeButton { position:absolute; top:3; right:7px;} a#previous { position:absolute; top:320px; left:30px; height:80px; width:49px; background-image:url(../images/popup_arrows.png); background-position:0 0;} a#previous:hover { background-position:0 -80px;} a#next { position:absolute; top:320px; right:30px; height:80px; width:49px; background-image:url(../images/popup_arrows.png); background-position:-49px 0;} a#next:hover { background-position:-49px -80px;} .hideText span { display:none;} #header { height:103px; width:900px; margin:0 auto; padding:0; position:relative; background:#ececec url(../images/header_bg.png) no-repeat center top;} #logoEnvestnet { position:absolute; left:24px; top:66px;} #toolNav { text-align:right; font-weight:bold; width:450px; position:absolute; top:12px; right:0;} #toolNav ul { margin:0; padding:0; list-style:none;} #toolNav ul li { display:inline;} #toolNav ul li a { color:#7a797a; text-decoration:none; padding:0 0 0 9px; border-left:solid 1px;} #toolNav ul li a:hover { color:#0095b4;} #toolNav ul li#homeNav a { border-left:none; padding-right:9px;} #mainBannerRegion { height:303px; width:900px; margin:0 auto; padding:0; position:relative;} #tenstep { position:absolute; top:233px; left:23px;} body.sub #mainBannerRegion { height:239px;} #body { background:#d8d7d8 url(../images/bodydiv_bg.png) repeat-x 0 -400px; } body.sub #body { background:#eee url(../images/body_sub_bg.png) 0 0 repeat-x;} #content { background:#e1e1e1 url(../images/content_cols_bg.png) repeat-y 0 0; width:900px; margin:0 auto;} body.sub #content {background:#d8d8d8 url(../images/content_bg.png) repeat-x 0 0; padding-top:30px; padding-bottom:43 px;} #mainContent { background:#d8d8d8 url(../images/content_bg.png) repeat-x 0 0; width:564px; margin:0 0 0 1px; padding:10px 20px; float:left; display:inline;} #subContent { width:255px; float:right; display:inline; background-color:#fff; padding:10px 20px;} #subContent a { color:#7a797a; font-weight:bold;} #subContent a:hover { color:#494c51;} .imageColumn .image { width:60px; float:left; display:inline;} .imageColumn .content { width:185px; float:right; display:inline;} .imageColumn .content > p:first-child { margin-top:0;} .columns { clear:both; margin:1em 0;} .columns .column { width:366px; display:inline;} .columns .column-1 { float:left; margin-left:59px;} .columns .column-2 { float:right; margin-right:59px;} .columns .columns .column-1 { width:60px; margin-left:0;} .columns .columns .column-2 { width:306px; margin-right:0;} .columns .columns .column-2 h2 { margin:0;} .columns .columns .column-2 p { margin-top:0;} .fileList { clear:both; background:transparent url(../images/icon_pdf.png) no-repeat 0 5px; min-height:45px; padding-left:80px;} .fileList p { float:left; display:inline; width:340px; margin-top:0;} .fileList p.narrow { width:300px;} .fileList img, .fileList .button { float:right; margin-top:0;} .fileList hr { clear:both;} #footer { background:transparent url(../images/footer_bg.png) repeat-x 0 0; clear:both;} #footer .content { width:900px; margin:0 auto; height:100px; position:relative; font-size:90%;} #footerLinks { text-align:right; position:absolute; top:12px; right:0;} #footerLinks ul { margin:0; padding:0; list-style:none;} #footerLinks ul li { display:inline;} #footerLinks ul li a { color:#fff; text-decoration:none; padding:0 9px 0 9px; border-right:solid 1px;} #footerLinks ul li#secNav a { border-right:none; padding-right:0;} #copyrightInfo { color:#fff; position:absolute; left:0; top:12px;} #disclosure {color:#fff; position:absolute; left:0; top:35px; } a.button { display: -moz-inline-block; display:inline-block; background-repeat:none; background-image:url(../images/buttons_all.png);} a.button span { display:none;} a.button.downloadPDF {width:120px; height:23px; background-position:-31px -132px;} a.button.downloadPDF:hover { background-position:-31px -163px;} a.button.downloadKit {width:120px; height:23px; background-position:0px 0px; background-image:url(../images/btn_downloadkit.png); background-repeat:no-repeat;} a.button.downloadKit:hover { background-position:0 -23px;} a.button.startDemoBtn { width:176px; height:23px; background-position:-29px -217px;} a.button.startDemoBtn:hover { background-position:-29px -248px;} a.button.startNowBtn { width:176px; height:23px; background-position:-30px -408px;} a.button.startNowBtn:hover { background-position:-30px -378px;} a.button.tenstep { width:436px; height:34px; background-position:-25px -75px; } a.button.tenstep:hover { background-position:-25px -25px;} a.button.requestmore { width:176px; height:23px; background-position:-30px -332px;} a.button.requestmore:hover { background-position:-30px -302px;} a.button.requestmore2 { width:176px; height:23px; background-position:-30px -332px;background-image:url(../images/buttons_reqmore.png);} a.button.requestmore2:hover { background-position:-30px -302px;} #requestmore { position:absolute; top:188px; right:73px;} a.button.submit { width:57px; height:23px; background-position:-230px -162px;} a.button.submit:hover { background-position:-230px -132px;} #wheelNav { width:74px; height:76px; overflow:hidden; position:relative; background:transparent url(../images/wheelnav.png) no-repeat 0 0;} #wheelNav ul { margin:0; padding:0; list-style:none; position:absolute; width:74px; height:76px; top:0; left:0;} #wheelNav ul li { position:absolute; height:14px; width:14px; margin:0; padding:0;} #wheelNav ul li a { display:block; width:14px; height:14px; background:transparent url(../images/wheelnav.png) no-repeat;} #wheelNav ul li a span { margin-left:-2000px; display:none;} #wheelNav ul li#wheelNav1 { left:30px; top:0;} #wheelNav ul li#wheelNav1 a { background-position:-30px 0;} #wheelNav ul li#wheelNav1 a:hover, #wheelNav.page-1 ul li#wheelNav1 a { background-position:-103px 0;} #wheelNav ul li#wheelNav2 { left:48px; top:6px;} #wheelNav ul li#wheelNav2 a { background-position:-48px -6px;} #wheelNav ul li#wheelNav2 a:hover, #wheelNav.page-2 ul li#wheelNav2 a { background-position:-121px -6px;} #wheelNav ul li#wheelNav3 { left:59px; top:21px;} #wheelNav ul li#wheelNav3 a { background-position:-59px -21px;} #wheelNav ul li#wheelNav3 a:hover, #wheelNav.page-3 ul li#wheelNav3 a { background-position:-132px -21px;} #wheelNav ul li#wheelNav4 { left:59px; top:40px;} #wheelNav ul li#wheelNav4 a { background-position:-59px -40px;} #wheelNav ul li#wheelNav4 a:hover, #wheelNav.page-4 ul li#wheelNav4 a { background-position:-132px -40px;} #wheelNav ul li#wheelNav5 { left:48px; top:55px;} #wheelNav ul li#wheelNav5 a { background-position:-48px -55px;} #wheelNav ul li#wheelNav5 a:hover, #wheelNav.page-5 ul li#wheelNav5 a { background-position:-121px -55px;} #wheelNav ul li#wheelNav6 { left:30px; top:61px;} #wheelNav ul li#wheelNav6 a { background-position:-30px -61px;} #wheelNav ul li#wheelNav6 a:hover, #wheelNav.page-6 ul li#wheelNav6 a { background-position:-103px -61px;} #wheelNav ul li#wheelNav7 { left:12px; top:55px;} #wheelNav ul li#wheelNav7 a { background-position:-12px -55px;} #wheelNav ul li#wheelNav7 a:hover, #wheelNav.page-7 ul li#wheelNav7 a { background-position:-85px -55px;} #wheelNav ul li#wheelNav8 { left:1px; top:40px;} #wheelNav ul li#wheelNav8 a { background-position:-1px -40px;} #wheelNav ul li#wheelNav8 a:hover, #wheelNav.page-8 ul li#wheelNav8 a { background-position:-74px -40px;} #wheelNav ul li#wheelNav9 { left:1px; top:21px;} #wheelNav ul li#wheelNav9 a { background-position:-1px -21px;} #wheelNav ul li#wheelNav9 a:hover, #wheelNav.page-9 ul li#wheelNav9 a { background-position:-74px -21px;} #wheelNav ul li#wheelNav10 { left:12px; top:6px;} #wheelNav ul li#wheelNav10 a { background-position:-12px -6px;} #wheelNav ul li#wheelNav10 a:hover, #wheelNav.page-10 ul li#wheelNav10 a { background-position:-85px -6px;} #wheelNav #wheelNumber { width:25px; height:19px; position:absolute; top:28px; left:24px; background:transparent url(../images/wheelnav.png) no-repeat -171px -57px;} #wheelNav.page-1 #wheelNumber { background-position:-146px 0px;} #wheelNav.page-2 #wheelNumber { background-position:-171px 0px;} #wheelNav.page-3 #wheelNumber { background-position:-196px 0px;} #wheelNav.page-4 #wheelNumber { background-position:-146px -19px;} #wheelNav.page-5 #wheelNumber { background-position:-171px -19px;} #wheelNav.page-6 #wheelNumber { background-position:-196px -19px;} #wheelNav.page-7 #wheelNumber { background-position:-146px -38px;} #wheelNav.page-8 #wheelNumber { background-position:-171px -38px;} #wheelNav.page-9 #wheelNumber { background-position:-196px -38px;} #wheelNav.page-10 #wheelNumber { background-position:-146px -57px;}