/* !meyer reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
body{ color: #595959; font-family: helvetica, Arial, sans-serif; font-weight: 400; font-size: 13px; line-height: 21px; background: #f4f5f6 url(/images/web/body_back.png) center 0 repeat-y; }
p{ line-height: 1.7; margin: 0 0 8px; }
a{ color: #1f497d; text-decoration: none; }
a:hover{ text-decoration: underline;}
sup{ font-size: 9px; vertical-align: super; padding: 0 0 0 2px; }
h4{ color: #2e3640; }
/* !Header */
#header, #utilityNav, #primaryNav li, #primaryNav li a{background-image: url(/images/web/header_back2.png); background-repeat: no-repeat; }
#header{ background-position: center -198px; background-repeat: repeat-x; padding: 0 0 14px; height: 103px; position: relative; z-index: 2; }
#headerInner{ width: 940px; height: 103px; margin: 0 auto; position: relative; }
#header .brand{ width: 218px; height: 43px; margin: 31px 0 0; float: left; display: block; background: url(/images/web/preemptivesolutions.gif) no-repeat; text-indent: -9999px; }
#accountInfo{ position: absolute; top: 3px; right: 265px; font-size: 11px; color: #595959; padding: 6px 0; }
#accountInfo a{ color: #595959; text-decoration: underline; }
#accountInfo a:hover{ color: #fff; }
#primaryNav{ width: 470px; height: 34px; float: left; margin: 37px 0 0 13px; position: relative; }
#primaryNav li{ float: left; padding: 0 0 0 2px; background-position: 0 -130px; }
#primaryNav li a{ display: block; height:34px; text-indent: -99999px; }
#primaryNav li .fOut{ display: none; width: 546px; padding: 30px 30px 0; background: url(/images/web/flyout_back2.png) 0 -30px no-repeat; position: absolute; top: 30px; left: -7px; font-size: 12px; z-index: 2; }
#primaryNav li.hover .fOut{ display: block; }
#primaryNav .fOut .f{ position: absolute; width: 606px; height: 30px; z-index: 2; background: url(/images/web/flyout_back2.png) 0 0 no-repeat; bottom: -30px; left: 0; }
#primaryNav .fOut li{ float: none; background-image: none; font-family: helvetica, san-serif; font-size: 13px; font-weight: 400; line-height: 12px; padding: 0 0 0 10px; background: url(/images/web/content_spr2.png) 0 -1px no-repeat; margin: 0 0 10px; }
#primaryNav .fOut h2{ color: #2e3640; font-family: Helvetica, Arial, sans-serif; font-size: 13px; margin: 0 0 7px; }
#primaryNav .fOut h3{ font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; margin: 0 0 10px; }
#primaryNav .fOut a{ display: inline; height: auto; text-indent: 0; background-image: none; }
#primaryNav .features{ position: relative; z-index: 2; overflow: hidden; padding: 0 0 5px; margin: 0 0 12px; }
#primaryNav .products .features, #primaryNav .company .features{ background: url(/images/web/flyout_vert_divider.gif) 325px 0 repeat-y;}
#primaryNav .info{ font-size: 13px; position: relative; z-index: 2; }
#primaryNav .info li{ margin: 0 0 5px; }
.fOut .features{ }
.fOut .leftMain{ width: 260px; float: left; margin: 0 20px 0 0; }
.products .fOut .leftMain, .company .fOut .leftMain{ width: 345px; margin: 0; }
.products .fOut .leftMain .l, .company .fOut .leftMain .l{ width: 192px; float: left; }
.products .fOut .leftMain .r, .company .fOut .leftMain .r{ width: 153px; float: left; }
.fOut .rightMain{ width: 260px; float: left; }
.products .fOut .rightMain, .company .fOut .rightMain{ width: 201px; }
.fOut .quickForm{ }
.fOut .quickForm label, .fOut .quickForm .btn{ float: left;}
.ieBgIframe{ display: none; }
#primaryNav .products{ background-image: none; padding: 0 0 0 2px; width: 115px; }
#primaryNav .products a{ background-position: 0 -96px; }
#primaryNav .products a.hover{ background-position: 0 -164px;}
#primaryNav .support{ width: 106px; }
#primaryNav .support a{ background-position: -117px -96px; }
#primaryNav .support a.hover{ background-position: -117px -164px;}
#primaryNav .knowMore{ width: 124px; }
#primaryNav .knowMore a{ background-position: -226px -96px; }
#primaryNav .knowMore a.hover{ background-position: -226px -164px;}
#primaryNav .company{ width: 109px; }
#primaryNav .company a{ background-position: -353px -96px; }
#primaryNav .company a.hover{ background-position: -353px -164px;}
#utilityNav{ width: 248px; height: 24px; padding: 2px 0 0 5px; overflow: hidden; background-position: 0 0; position: absolute; right: 0; top: 3px; }
#utilityNav li{ float: left; margin: 0 0 0 20px; }
#utilityNav li a{ font-size: 11px; color: #fff; line-height: 20px; }
#utilityNav li.current a{ color: #adb4b9; }
#utilityNav #homeLink{ margin: 0 0 0 9px; }
/* experimental */
#acButtons{width: 235px;margin-top: 37px;height: 48px;}
#acButtons{ float: right; margin: 41px 0 0; }
#acButtons li{ float: left; margin: 0 0 0 9px; }
#acButtons .btn, #acButtons .btn span, #acButtons .btn em{ background-image: url(/images/web/buttons_spr2.png); background-repeat: no-repeat; background-position: -9999px -9999px;}
#acButtons .btn{ display: block; height: 24px; line-height: 22px; vertical-align: middle; background-position: right -166px; padding: 0 5px 0 0; font-size: 10px; color: #fff; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-indent: 0; text-transform: uppercase; }
#acButtons .btn span{ display: block; height: 24px; background-position: 0 -118px; padding: 0 7px 0 10px; text-align: center; }
#acButtons .btn em{ display: block; font-style: normal; padding: 0 20px 0 0; margin: 0 -8px 0 0; }
#acButtons .btn .chat{ background-position: right -248px; }
#acButtons .btn .myAccount{ background-position: right -279px; }
#acButtons .btn:hover{ background-position: right -190px; text-decoration: none; }
#acButtons .btn:hover span{ background-position: 0 -142px; }
/* !Crumbtrail */
#crumbTrail{ width: 925px; overflow: hidden; padding: 11px 0 10px 15px; background: url(/images/web/hanger_back.png) 0 bottom no-repeat; border-top: 1px solid #d0d6d8; }
#crumbTrail li{ float: left; margin: 0 3px 0 0; font-size: 11px; letter-spacing: 3px; }
#crumbTrail li a, #crumbTrail li.current{ letter-spacing: 0;}
/*featured banner */
#featuredBanner{ background: url(/images/web/banner_back2.png) 0 0 repeat; height: 190px; text-align: center; margin: -14px 0 14px; }
/* !products header */
.productsSplash{ height: 190px; margin: -14px 0 75px; background: url(/images/web/banner_back2.png) 0 0 repeat; }
.productsSplash h1{ width: 966px; height: 265px; padding: 0 0 0; background: url(/images/web/products_head.png) no-repeat; text-indent: -99999px; margin: 0 auto -75px; }
/* !marketing subnav */
#marketingSubNav{ width: 910px; margin: 0 auto; overflow: hidden; padding: 10px 15px 10px; background: url(/images/web/hanger_back.png) 0 bottom no-repeat; overflow: hidden; }
#marketingSubNav h1{ font-weight: normal; font-size: 20px; color: #393e41; float: left; }
#marketingSubNav ul{ float: right; padding: 0px 4px 0; color: #2e3640; }
#marketingSubNav li{ float: left; padding: 0 0 0 23px;}
#marketingSubNav li.current a, #marketingSubNav #active_menu{ color: ##2E3640; }
/*featureList*/
#featureCallouts{ overflow: hidden; margin: 0; padding: 30px 0 0 40px; }
#featureCallouts li{ width: 240px; margin: 0 0 0 20px; float: left; padding: 0 40px 0 0;}
#featureCallouts h3{ color: #393e41; font-size: 15px; margin: 0 -40px 10px 0; }
#featureCallouts ul{ margin: 10px 0 10px 10px; }
#featureCallouts ul li{ padding: 0 0 0 25px; margin: 0; width: auto; float: none; line-height: 20px; vertical-align: middle; background: url(/images/web/content_spr2.png) 9px -197px no-repeat; }
/* !main structure */
#main{ width: 940px; margin: -14px auto 0; position: relative; z-index: 1; }
#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main{display: inline-block;}
* html #main{height: 1%;}
#main{display: block;}
#contentWrap{ width: 760px; float: right; margin: 0 0 0 20px; padding: 40px 0 60px; }
#content{ width: 520px; float: left; margin: 0 20px 0 0; }
#aside{ width: 180px; float: left; padding: 0 20px; }
#subNav{ width: 140px; float: right; }
.noSubNav #contentWrap{ width: 940px; margin: 0; }
.noSubNav #content{ width: 700px; }
.noAside #content{ width: 760px; margin: 0; }
.noSubNav .noAside #content{ width: 940px; margin: 0; }
/* !Content styles */
#content h1{ color: #2e3640; font-family: Helvetica, Arial, sans-serif; font-weight: 500; font-size: 25px; line-height: 30px; margin: 0 0 15px; }
#content h2{ font-family: Helvetica, sans-serif; font-weight: 500; font-size: 20px; line-height: 25px; margin: 15px 0 5px 0; }
#content h3{ font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 20px; margin: 10px 0 5px; color: #2e3640; }
#content ul{ margin: 0 0 0px; }
#content ul li{ padding: 3px 0 3px 25px; line-height: 16px; vertical-align: middle; background: url(/images/web/content_bullet.gif) 9px no-repeat; }
#content ul li ul{ margin: 0 0 10px 0; border: none; }
#content ul.indentRight{padding: 0 0 0 30px; margin: 0; }
.insetRight{ float: right; margin: 0 0 10px 10px; }
.insetLeft{ float: left; margin: 0 10px 10px 0; }
#content .articleList{ border-left: 0; margin: 0 0 10px; }
#content .articleList li{ padding: 3px 0; background: none; }
#content .articleList li h3{ margin: 0; font-style: normal; line-height: 16px; font-weight: normal; }
#content .articleList li .byline{ font-size: 11px; color: #888; font-style: italic; }
a.pdf{ display: block; padding: 2px 0 2px 22px; background: url(/images/web/icons_spr.png) -2px -89px no-repeat; }
.rss{ padding: 2px 0 2px 22px; background: url(/images/web/icons_spr.png) 0 -114px no-repeat; }
#content .featureList{ border: 0; margin: 0; }
#content .featureList > li{ padding: 0 0 0px; margin: 0; background-image: none; overflow: hidden; font-size: 13px; }
#content .featureList li img{ float: left; margin: 0 20px 20px 0; }
#content .featureList li .imgC{ float: left; margin: 0 20px 20px 0; padding: 2px; border: 1px solid #d0d6d8; }
#content .featureList li .imgC img{ margin: 0; display: block; }
#content .featureList li h2, .componentheading{ color: #393e41; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 20px; margin: 8px 0 10px 0; line-height: 26px; }
#content .featureList li h3{ font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 0 1px; font-size: 14px; line-height: 18px; }
#content .featureList li h4{ font-family: Helvetica, Arial, sans-serif; font-style: italic; font-weight: bold; line-height: 20px; margin: 0 0 8px; color: #2e3640; }
#content .featureList li h5{ font-family: "Trebuchet MS",Helvetica,Arial; font-size: 16px; font-weight: bold; line-height: 20px; color: #2e3640; margin: 0 0 5px; }
#content .featureList li p{ margin: 0 0 10px 0; }
#content .featureList li ul{ margin: 0 0 10px 0; }
#content .featureList li ul li{ background-image: none; }
#content .featureList .callOut a{ background: url(/images/web/content_spr2.png) -1px -298px no-repeat;}
#content .featureList .btnCon .btn{ clear: right; margin: 0 0 7px; }
#content .featureList .btnCon ul{ float: left; margin: 0 0 10px; }
#content .featureList .btnCon ul li{ background: transparent url(/images/web/content_spr2.png) no-repeat scroll 9px -197px; padding: 3px 0 3px 25px; }
#main .callOut, #homePageBlocks .callOut{ text-align: right; margin: 0; }
#main .callOut a, #homePageBlocks .callOut a{ font-weight: bold; padding: 0 0 0 12px; background: url(/images/web/content_spr2.png) -1px -300px no-repeat;}
.btn, .btn span, .btn em{ background-image: url(/images/web/buttons_spr2.png); background-repeat: no-repeat; background-position: -9999px -9999px;}
.btn{ display: block; cursor: pointer; height: 29px; line-height: 26px; vertical-align: middle; background-position: right -59px; padding: 0 11px 0 0; font-size: 12px; color: #fff; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-indent: 0; text-transform: uppercase; }
.btn span{ display: block; height: 29px; background-position: 0 0px; padding: 0 4px 0 15px; text-align: center; }
.btn em, .btn i{ display: block; font-style: normal; padding: 0 10px 0 0; margin: 0 -8px 0 0; }
.btn .downloads{ background-position: right -214px; }
.btn:hover{ background-position: right -89px; text-decoration: none; }
.btn:hover span{ background-position: 0 -30px; }
button.btn{ margin: 0; padding: 0; border: 0; background-color: transparent; cursor: pointer; background-image: none; }
button.btn span{ background-position: right -59px; margin: 0; padding: 0 7px 0 0; height: 29px;}
button.btn span span{ margin: 0 0; padding: 7px 9px 0 15px; height: 22px; background-position: 0 0px;}
button.btn:hover span{ background-position: right -89px; }
button.btn:hover span span{ background-position: 0 -30px; }
button.btn[type], button.btn[type] span{
line-height: 1 !important;
}
#main .videoButton{ display: block; width: 146px; height: 117px; background: url(/images/web/video_button.png) 0 0 no-repeat; text-indent: -9999px; float: left; margin: 0 20px 20px 0; }
#main .videoButton:hover{ background: url(/images/web/video_button.png) 0 bottom no-repeat; }
/*
#main .videoOverlay{ display: block; width: 160px; height: 120px; float: left; margin: 0 20px 20px 0; position: relative; }
#main .videoOverlay span{ display: block; width: 160px; height: 120px; position: absolute; left: 0; top: 0; z-index: 2; background: url(/images/web/video_button_overlay.png) 0 0; }
#main .videoOverlay img{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 160px; height: 120px; }
#main .videoOverlay:hover span{ background: url(/images/web/video_button_overlay.png) 0 bottom; }
#main .screenshotOverlay{ display: block; width: 160px; height: 120px; float: left; margin: 0 20px 20px 0; position: relative; }
#main .screenshotOverlay span{ display: block; width: 160px; height: 120px; position: absolute; left: 0; top: 0; z-index: 2; background: url(/images/web/screenshot_button_overlay.png) 0 0; }
#main .screenshotOverlay img{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 160px; height: 120px; }
#main .screenshotOverlay:hover span{ background: url(/images/web/screenshot_button_overlay.png) 0 bottom; }
*/
#main .videoOverlay{ display: block; width: 166px; height: 124px; float: left; margin: 0 20px 20px 0; position: relative; }
#main .videoOverlay span{ display: block; width: 166px; height: 124px; position: absolute; left: 0; top: 0; z-index: 2; background: url(/images/web/video-overlay-n.png) 0 0; }
#main .videoOverlay img{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 160px; height: 120px; }
#main .videoOverlay:hover span{ background: url(/images/web/video-overlay-n.png) 0 bottom; }
#main .screenshotOverlay{ display: block; width: 166px; height: 124px; float: left; margin: 0 20px 20px 0; position: relative; }
#main .screenshotOverlay span{ display: block; width: 166px; height: 124px; position: absolute; left: 0; top: 0; z-index: 2; background: url(/images/web/screenshot-overlay-n.png) 0 0; }
#main .screenshotOverlay img{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 160px; height: 120px; }
#main .screenshotOverlay:hover span{ background: url(/images/web/screenshot-overlay-n.png) 0 bottom; }
#contentWrap .notes{ color: #888; font-size: 11px; }
.btnCon{ overflow: hidden; padding: 5px 0; }
.btnCon .btn{ float: left; }
#content #supportBlocks{ margin: 0 -40px 0 0; border: 0; overflow: hidden; }
#content #supportBlocks > li{ background-image: none; padding: 20px 0 ; width: 360px; margin: 0 40px 0 0; float: left; font-size: 12px; }
#content #supportBlocks > li.nl{ clear: left; }
#content #supportBlocks h2{ font-family: Helvetica; font-weight: bold; font-style: normal; margin: 0 0 5px; }
.quickForm{ margin: 0 0 15px; }
.quickForm fieldset{ overflow: hidden; vertical-align: middle; line-height: 30px; text-align: right; }
.quickForm .text-input{ width: 150px; vertical-align: middle; }
.quickForm .btn{ float: right; margin: 1px 0 0; }
#content .twoColumns{ margin: 0 -40px 0 0; border: 0; overflow: hidden; }
#content .twoColumns > li{ background-image: none; padding: 20px 0 ; width: 360px; margin: 0 40px 0 0; float: left; font-size: 12px; }
#content .twoColumns > li.nl{ clear: left; }
#content .twoColumns h2{ font-family: Helvetica; font-weight: bold; font-style: normal; margin: 0 0 5px; }
#main .versionsCallOut{ text-align: left; }
#content .featureList .downloadVersions{ background:#F1F1F1; border:1px solid #CCCCCC; margin:10px 0 10px 170px; padding:20px; display: none; }
#content .featureList .downloadVersions ul{ margin: 0; overflow: hidden; }
#content .downloadVersions li{ padding: 10px 20px; background: none; border-top: 1px solid #ccc; margin: -1px 0 0; }
#content .downloadVersions li .btnCon{ padding: 0; }
#content .downloadVersions li li{ padding: 0 0 5px; border: none; }
#content .featureList .open{ display: block; }
#content .container { width: 850px; margin: 20px 0 20px 0px; /* top right bottom left */ }
#content .container img {float: left; margin: 0px 10px 30px 0px; }
#content .container p {line-height: 1.5; }
#content .container .col1 { width: 250px; float: left; margin: 0px 0 20px 0px; padding-right: 50px; }
#content .container .col2outer { width: 550px; float: right; margin: 0; padding: 0;}
#content .col2outer .col2mid { width: 250px; float: left; margin: 0px 0 20px 0px;}
#content .col2outer .col2side { width: 250px; float: right; margin: 0px 0 20px 0px;}
#boxed {border: 1px solid #d7e2ea;box-shadow:2px 2px 5px #808080;padding: 20px;margin-bottom: 10px;}
.divider {
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#886287a7', endColorstr='#ffffff'); /*for IE */
margin: 40px 0 40px;
}
/* !home page */
#homeHero{ background: #050505 url(/images/web/homehero_back2.png) 0 0 repeat-x; padding: 0 0 0px; margin: -14px 0 0; color: #adb4b9; }
#homeHero .w{ width: 940px; margin: 0 auto; overflow: hidden; background: url(/images/web/radial_home_back.png) center 0 no-repeat; padding: 14px 0 0; }
#homeHero .products{ overflow: hidden; padding: 0 0 12px; margin: 0 0 20px; background: url(/images/web/homehero_horiz_divider.png) center bottom no-repeat; }
#homeHero .ris, #homeHero .dasho, #homeHero .dotfuscator{ float: left; font-size: 12px; font-style: italic; }
#homeHero .dotfuscator{ width: 313px; text-align:center; }
#homeHero .ris{ width: 313px; }
#homeHero .dasho{ width: 313px; text-align: right; }
#homeHero .dasho .callOut{ margin: 0 10px 0 0; }
#homeHero .callOut{ font-weight: bold; padding: 0 0 0 17px; background: url(/images/web/homeCalloutBullet.gif) 5px 3px no-repeat; color: #ed9817; font-style: normal; }
#heroSlider{ width: 940px; height: 296px; position: relative; overflow: hidden; float: left; margin: 10 20px 0 0; }
#heroSlider .slides{ position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; height: 296px; }
#heroSlider .slides li{ float: left; width: 940px; position: relative; overflow: hidden; }
#heroSlider .accessText{ position: absolute; top: -99999px; left: -99999px; }
#heroSlider .slides a{ display: block; }
#heroSlider .slides a img{ display: block; }
#heroSlider .nav{ position: absolute; z-index: 2; bottom: 12px; padding: 7px 1px 7px 7px; background: url(/images/web/slide_nav_back.png);
-moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
}
#heroSlider .nav li{ width: 10px; height: 10px; margin: 0 7px 0 0; float: left; }
#heroSlider .nav a{ display: block; width: 10px; height: 10px; background-image: url(/images/web/slideNav.png); text-indent: -9999px; background-position: -10px 0; }
#heroSlider .nav .active{ background-position: 0 0; }
#homeInfo{ width: 280px; padding: 0 0 0 20px; float: left; background: url(/images/web/homehero_vert_divider.png) left center no-repeat; }
#homeInfo h2{ font-size: 18px; color: #fff; margin: 0 0 6px; clear: left; }
#homeInfo p{ margin: 0 0 10px; }
#homeInfo .btn{ float: left; margin: 0 0 20px; }
#homeInfo .insetRight{ margin: 0 10px 0 20px;}
#homePageBlocksWrap{ margin: 20px auto 0; }
#homePageBlocks{ overflow: hidden; margin: 0 auto; width: 960px; padding: 0 0 0 20px; }
#homePageBlocks li{ padding: 19px 19px 9px; width: 270px; float: left; margin: 0 10px 0 0; min-height: 160px; height:auto !important; height:160px; }
#homePageBlocks p{ line-height: 18px; }
#homePageBlocks h2{ font-size: 18px; color: #565656; line-height: 20px; margin: 10px 0; }
#homePageBlocks h3{ font-family: "Trebuchet MS",Helvetica,Arial; font-size: 14px; font-weight: bold; line-height: 20px; color: #2e3640; margin: 0 0 5px; }
#homePageBlocks img {float: left; margin: 0px 5px 80px 0px; }
#homePageBlocks .ceipButton{ display: block; height: 34px; background-image: url(/images/web/homebuttons_spr.png); background-repeat: no-repeat; text-indent: -99999px; background-position: 0 -204px; width: 80px; }
#homePageBlocks .ceipButton:hover{ background-position: 0 -238px; }
#homePageBlocks .callOut{ text-align: left; font-size: 12px; font-style: italic; }
#homePageBlocks .callOut a{ font-style: normal; font-size: 13px; background-position: -1px -298px; }
#homePageBlocks .callOut em{ display: block; }
#homePageBlocks .btn{ clear: right; margin: 0 0 7px; }
/* !new know more styles */
#knowMoreHero{ overflow: hidden; margin: 0 -14px 0; position: relative; background: url(/images/web/know-more-hero-back.jpg) 0 0 no-repeat; padding: 45px 614px 0 64px; line-height: 1.3; min-height:244px; height:auto !important; height:244px; }
#knowMoreHero h1{ font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: normal; color: #2e3640; letter-spacing: -1px; margin: 0 -75px 15px 0; }
#knowMoreHero p{ font-size: 18px; color: #596165; }
#knowMoreHero .action{ position: absolute; width: 410px; height: 254px; left: 434px; top: 20px; }
#knowMoreHero .action .screenshot{ display: block; width: 380px; height: 224px; position: relative; padding: 13px 15px 15px; z-index: 1; }
#knowMoreHero .action .screenshot i{ display: block; width: 410px; height: 254px; position: absolute; z-index: 2; top: 0; left: 0; background: url(/images/web/hero-video-overlay.png) 0 0 no-repeat; }
#knowMoreHero .action .screenshot img{ display: block; position: relative; z-index: 1; }
#knowMoreHero .action .btn{ position: absolute; left: 124px; top: 110px; font-size: 12px; z-index: 2; }
#knowMoreHero .action .btn em{ background-position: right -335px; }
#knowMoreContent{ width: 460px; }
#knowMoreContent h2{ clear: both; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 28px; color: #393e41; font-weight: normal; font-style: normal; }
#knowMoreContent p{ margin: 0 0 20px; }
#knowMoreContent .videoOverlay{ margin: 0 10px 30px 0; }
#knowMoreContent .smFeatList{ padding: 0; margin: 30px 0; overflow: hidden; border-left:0; }
#knowMoreContent .smFeatList li{ width: 170px; padding: 0 0 20px 50px; margin: 0 20px 0 0; float: left; background: none; }
#knowMoreContent .smFeatList li.alt{ margin: 0; }
#knowMoreContent .smFeatList .insetLeft{ margin: 0 0 0 -50px; }
#knowMoreContent .smFeatList h3{ margin: 0 0 3px -50px;}
#knowMoreContent .smFeatList p{ margin: 0 0 10px; font-size: 11px; color: #393e41; }
/* !forms */
form dl{ overflow: hidden; }
form dt{ width: 160px; float: left; clear: left; text-align: right; font-size: 12px; font-weight: bold; padding: 6px 0 0; }
form dd{ margin: 0 0 15px 180px; }
#content form dd ul{ border: 0; margin: 0; padding: 0;}
#content form dd ul li{ padding: 0; background-image: none; vertical-align: middle; font-size: 12px; }
#content form dd .note{ margin: 10px 0 0; font-size: 11px; color: #888; }
input, select, textarea{ vertical-align: text-top; margin: 0 3px 0 0; }
.text-input, .textarea-input, .select-input{ border: 1px solid #D0D6D8; padding: 4px; font-size: 13px; font-family: Helvetica, Arial, sans-serif; color: #593135; width: 270px; }
.select-input{ width: 280px; }
#content form .btnCon{ padding: 20px 60px; }
.error{ color: #c00; }
/* !comparison tables */
.comparison{ width: 100%; margin: 0 0 60px; }
.comparison tbody{ font-size: 12px; }
.comparison td, .comparison th{ padding: 10px; }
.comparison thead th{ text-align: left; font-weight: normal; }
#content .comparison thead h2{ font-family: Helvetica, Arial, sans-serif; color: #393e41; font-size: 13px; font-weight: bold; font-style: normal; margin: 0; }
#content .comparison thead h3{ font-family: 14px; color: #596165; font-family: Georgia, serif; font-style: italic; font-weight: normal; }
#content .comparison thead p{ font-size: 11px; margin: 0; }
#content .comparison thead th{ width: 215px; border-left: 1px solid #d0d6d8; }
#content .comparison thead .bl{ border-left: 0;}
.comparison tbody th{ width: 210px; text-align: right; font-weight: normal; }
.comparison tbody td{ text-align: center; border-left: 1px solid #d0d6d8; }
.comparison tbody tr{ background: #f4f5f6; }
.comparison tbody tr.alt{ background: #fff; }
.comparison .div{ background: #d0d6d8; }
.comparison tbody .div th{ width: 920px; text-align: left; font-weight: bold; font-size: 13px; }
.comparison tfoot tr{ background: #e0e8ee; border-top: 1px solid #fff; }
.comparison tfoot th{ text-align: left; font-size: 12px; }
.comparison tfoot td{ text-align: center; font-size: 12px; border-left: 1px solid #d0d6d8;}
.comparison sup{ margin: 0 -9px 0 0; }
/* !nice tables */
.nice{ width: 100%; margin: 0 0 60px; }
.nice tbody{ font-size: 12px; }
.nice td, .nice th{ padding: 10px; }
.nice thead th{ text-align: left; font-weight: normal; }
#content .nice thead h2{ font-family: Helvetica, Arial, sans-serif; color: #393e41; font-size: 13px; font-weight: bold; font-style: normal; margin: 0; }
#content .nice thead h3{ font-family: 14px; color: #596165; font-family: Georgia, serif; font-style: italic; font-weight: normal; }
#content .nice thead p{ font-size: 11px; margin: 0; }
#content .nice thead th{ width: 215px; border: 1px solid #d0d6d8; background: #f4f5f6;}
#content .nice thead .bl{ border-left: 0;}
.nice tbody th{ width: 210px; text-align: right; font-weight: normal; }
.nice tbody td{ text-align: left; border-left: 1px solid #d0d6d8; }
.nice tbody tr{ background: #f4f5f6; border: 1px solid #d0d6d8;}
.nice tbody tr.alt{ background: #fff; }
.nice .div{ background: #d0d6d8; }
.nice tbody .div th{ width: 920px; text-align: left; font-weight: bold; font-size: 13px; }
.nice tfoot tr{ background: #e0e8ee; border-top: 1px solid #fff; }
.nice tfoot th{ text-align: left; font-size: 12px; }
.nice tfoot td{ text-align: center; font-size: 12px; border-left: 1px solid #d0d6d8;}
.nice sup{ margin: 0 -9px 0 0; }
/* !subnav styles */
#subNav{ background: url(/images/web/subnav_back.png) right 0 no-repeat; padding: 40px 10px 0; min-height: 360px; height:auto !important; height:360px; font-size: 12px; }
#subNav h3{ font-weight: bold; margin: 0 0 10px; }
#subNav ul{ padding: 0 0 10px; }
#subNav li{ margin: 0 0 10px; padding: 0 0 0 10px; background: url(/images/web/content_spr2.png) 0 -1px no-repeat; }
#subNav li.current{ background: url(/images/web/content_spr2.png) 0 -106px no-repeat; color: #2e3640; }
/* !aside styles */
#aside{ font-size: 11px; }
#aside .quoteBox{ margin: 0 -20px 25px; border: 1px solid #d0d6d8; background: #f4f5f6; padding: 10px;}
#aside .quoteBox blockquote{ padding: 8px 0 10px 28px; background: url(/images/web/content_spr2.png) 0px -411px no-repeat; }
#aside .quoteBox .quoteImage{text-align: center; margin: 0 0 5px; }
#aside .quoteBox blockquote p{ text-align: left; margin: 0; font-family: Georgia, serif; color: #596165; font-style: italic; font-size: 14px; line-height: 20px; }
#aside .quoteBox .qCite{ text-align: right; font-size: 12px; line-height: 16px; padding: 0 10px 0 0; }
#aside .quoteBox .qCite cite{ font-style: normal; font-weight: bold; }
#aside .box{ border: 1px solid #d0d6d8; background: #f4f5f6; padding: 20px; font-size: 11px; margin: 0 -20px 25px; }
#aside h3{ color: #2e3640; font-size: 13px; margin: 0 0 8px; }
#aside .callout{ text-align: right; margin: 0; }
#aside .callout a{ font-weight: bold; padding: 0 0 0 12px; background: url(/images/web/content_spr2.png) -1px -300px no-repeat;}
#aside .btnCon{ overflow: hidden; margin: 10px 0 0; }
#aside .btnCon .btn{ float: left; }
#aside ul{ margin: 0 0 10px; border-left: 1px solid #d0d6d8; }
#aside ul li{ padding: 3px 0 3px 25px; line-height: 16px; vertical-align: middle; background: url(/images/web/content_spr2.png) 9px -197px no-repeat; }
#aside .callOut { margin: 0 0 15px; }
#aside .vcard{ margin: 0 0 30px; font-size: 12px; }
#aside .vcard h2{ color: #2e3640; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 12px; }
#aside .vcard h3{ margin: 10px 0 0; }
#aside .vcard .adr{ margin: 0 0 15px; }
#aside .steps{ margin: 10px 0 0; padding: 0; border: 0; }
#aside .steps li{ padding: 0 0 1px; background: 0; }
#aside .steps h5{ font-size: 18px; line-height: 22px; }
/* !footer */
#footer{ background: url(/images/web/footer_back2.png) 0 0 repeat-x; }
#footerInner{ margin: 0 auto; width: 960px; padding: 40px 0 15px; overflow: hidden; }
#footerInner div{ width: 170px; margin: 0 0 0 10px; float: right; text-align: left;}
#footerInner div.home{ width: 50px; margin: 0 10px 0 0; text-align: left;}
#footer h3{ color: #1f497d; font-weight: normal; margin: 0; text-transform: uppercase; line-height: 13px; text-align: left;}
#footer a{ color: #565656; font-size: 11px; line-height: 11px; text-align: left;}
#smfooter{float: right; width: 210px;}
#legal{ padding: 0px 0 0px; text-align: center; font-size: 11px;}
#system-message{ margin: 0 0 10px; font-size: 13px; }
#system-message .error{ color: #c00; font-weight: bold; }
/**************************************************************
MultiBox
v1.3
**************************************************************/
.MultiBoxContainer {
position: absolute;
border: 20px solid #000;
background-color: #FFF;
display: none;
z-index: 2;
text-align: left;
/*overflow: hidden;*/
}
.MultiBoxLoading {
background: url(/images/web/multibox/loader.gif) no-repeat center;
}
.MultiBoxContent {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.MultiBoxClose {
position: absolute;
top: -26px;
right: -26px;
background: url(/images/web/multibox/close.png) no-repeat;
width: 24px;
height: 24px;
cursor: pointer;
}
.MultiBoxControlsContainer {
overflow: hidden;
height: 0px;
position: relative;
}
.MultiBoxControls {
width: 100%;
height: auto;
position: relative;
background-color: #000000;
}
.MultiBoxPrevious {
position: absolute;
background: url(/images/web/multibox/left.png) no-repeat;
width: 24px;
height: 24px;
left: 0px;
margin-top: 5px;
cursor: pointer;
}
.MultiBoxNext {
position: absolute;
background: url(/images/web/multibox/right.png) no-repeat;
width: 24px;
height: 24px;
right: 0px;
margin-top: 5px;
cursor: pointer;
}
.MultiBoxNextDisabled {
cursor: default;
background: url(/images/web/multibox/rightDisabled.png) no-repeat;
}
.MultiBoxPreviousDisabled {
cursor: default;
background: url(/images/web/multibox/leftDisabled.png) no-repeat;
}
.MultiBoxTitle {
position: relative;
margin: 10px 0 0 35px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
font-weight: bold;
text-align: left;
}
.MultiBoxNumber {
position: relative;
width: 50px;
margin: 10px 35px 0 0;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
text-align: right;
}
.MultiBoxDescription {
clear: left;
position: relative;
margin: 0 35px 0 35px;
padding-top: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
text-align: left;
}
/*************************************************************/