/* Main Website CSS */ body { background: #dbdbdb url(/images/bg.png) 0 0 repeat-x; color: #000; font-size:62.5%; font-family: Helvetica, Arial, Verdana, sans-serif; } a:link, a:visited { color: #134073; } a:hover { color: #ffc61f; } p { color: #414141; font: 1.25em Helvetica; line-height: 1.4em; margin: 15px 0; } li { color: #414141; } sup { font-size: 0.5em; vertical-align: super; } h1,h2,h3,h4,h5,h6,strong { font-weight: bold; } h1 { color: #073264; font: bold 2.9em/1.1em Helvetica, Arial; letter-spacing: -1px; margin: 0 0 5px; } h2 { margin-top: 15px; } h3 { margin: 5px 0; } h4 { color: #000; font: bold 1.4em Helvetica, Arial; margin: 0 0 5px; } .floatLeft { display: inline; float: left; } .floatRight { display: inline; float: right; } .alignTop { vertical-align: top; } img.floatLeft { margin: 0 10px 5px 0; } img.floatRight { margin: 0 0 5px 10px; } h2.heading { font: bold 1.8em/1.3em Helvetica, Arial; letter-spacing:-0.5px; } li.last { border: 0 !important; margin-right: 0 !important; padding-right: 0 !important; } img.centerAlign { display: block; margin: 15px auto; } /* == Global Layout =========================== ***********************************************/ #container { margin: 0 auto; text-align: center; width: 1000px; position: relative; z-index:4000;} #header { height: 69px; margin: 0 auto 10px; text-align: left; width: 100%; position: relative;} #main { background: #fff; border: 1px solid #b6b6b6; border-width: 0 1px 1px; margin: 0 auto 30px; padding: 1px 0 0; text-align: left; width: 998px; } #footer { margin: auto; text-align: left; width: 100%; } /* == Header Styles =========================== ***********************************************/ #topBar { background: url(/images/soft-header.gif) 0 0 no-repeat; height: 37px; margin: 0 0 22px; padding: 1px 0 0; width: 1003px; position: relative;} #topBar a, #topbar a:visited { color: #414141; text-decoration: none;} #topBar a:hover { text-decoration: underline;} #topBar #login a { color: #134073; text-decoration: underline;} #topBar #login a:hover { color: #FFC61F;} #topBar ul { color: #464646; font: 1.2em/17px Helvetica, Arial; margin: 0; height: 50px;} #topBar li { display: inline; top:5px; line-height: 32px; position: absolute;} #login { left: 19px; } li#blog { left: 222px; background:transparent url(/images/header-rss.gif) no-repeat; background-position:.1em .4em; padding-left: 20px;} li#phone { left: 308px; background:transparent url(/images/header-phone.gif) no-repeat; background-position:5% 40%; padding-left: 20px; } li#contactUs { left: 438px; background:transparent url(/images/header-mail.gif) no-repeat; background-position:.1em .43em; padding-left: 25px;} li#support { left: 555px; background:transparent url(/images/header-support.gif) no-repeat; background-position:.1em .35em; padding-left: 20px;} li#freeEdition { left: 648px; top: 2px;} li#freeEdition img { vertical-align: middle;} li#headerSearch { width: 152px; position: absolute; right: 10px; top: 10px;} #cse-search-box { position: relative; background: url(/images/header-search.gif) no-repeat top left; width: 152px; height: 20px;} #submitSearch { position: absolute; right: 5px; top: 2px; background: url(/images/header-search-button.gif) no-repeat top left; text-indent: -9999px; border: none;} #query { border: 0; padding-left: 5px; font-size: 11px; background: none; padding-top: 4px; width: 118px; float: left; margin-top: -1px;} a.logo { margin: 0px 0px 0 0px; } h2#tagline { position: absolute; top: 72px; left: 2px; font-size: 1.16em; text-transform: uppercase; letter-spacing: .18em; color: #04244c; font-weight: normal;} /* :: Main Menu Styles :: */ /* Core Son of Suckerfish Styles */ #menu { position: absolute; top:60px; left: 220px; z-index: 3000; height: 40px;} #menu a { display: block; } #menu li { float: left; margin: 10px 3px 0 11px; } #menu li ul { left: -999em; position: absolute; width: 246px; } #menu li ul#product { width: 444px;} #menu li:hover ul, #menu li.sfhover ul { left: auto; } /* Additional Drop Down Menu Aesthetic Styling */ /* Top Level Styling */ #menu a, #menu a:visited { color: #00244d; text-decoration: none; } #menu a span { display: block; padding: 5px 0px 0 4px; } #menu li { font: 1.33em/1.1em Helvetica, Arial; text-transform: uppercase; padding-left: 25px;} #menu li.first { border: 0; padding-left: 0;} #menu li:hover a, #menu li.sfhover a { background: url(/images/menuTabLeft.png) left top no-repeat; color: #8e8e8e; } #menu li:hover a span, #menu li.sfhover a span { background: url(/images/menuTabRight.png) right top no-repeat; display: block; height: 40px; margin-left:3px; padding: 15px 13px 0 2px; } #menu li.selected > a { font-weight: bold; } /* Additional Drop Down Menu Layout/Functionality Styling */ #menu li:hover, #menu li.sfhover { margin: 0; } #menu #product .dropdown-wrap{ background: url(/images/dropdown-top.png) no-repeat top left; padding-top: 15px; overflow: hidden; width: 444px;} #menu #product .dropdown-wrap-inner {background: url(/images/dropdown-middle.png) repeat-y top left; overflow: hidden; padding-left: 0; padding-top: 0; padding-bottom: 0; } #menu .dropdown-wrap { background: url(/images/dropdown-top-small.png) no-repeat top left; padding-top: 15px; overflow: hidden; width: 246px;} #menu .dropdown-wrap-inner { background: url(/images/dropdown-middle-small.png) repeat-y top left; overflow: hidden; padding-left: 20px; padding-top: 5px; padding-bottom: 5px;} /* Second Level Styling */ #menu li ul#product { padding: 0; z-index: 1000; margin-top: -16px; background: url(/images/dropdown-bottom.png) no-repeat bottom left; padding-bottom: 26px;} #menu li ul { padding: 0; z-index: 100; margin-top: -16px; background: url(/images/dropdown-bottom-small.png) no-repeat bottom left; padding-bottom: 26px;} #menu li ul li { border: 0; display: list-item; float: none; font: 1em/1.1em Helvetica, Arial; margin:0; padding: 5px 0 0; text-transform: none; } #menu li ul li.header a { font-size: 1em !important; margin-top: 10px !important; font-weight: bold;} #menu li ul li.header a:hover { color: #ffc61f !important;} .column { float: left; margin-left: 19px; padding-bottom: 10px; } #menu li:hover ul li a, #menu li.sfhover ul li a, #menu li ul li a:link, #menu li ul li a:visited, #menu li ul li:hover, #menu li ul li.sfhover { background: none; color: #234d7c; margin: 0; padding:0; } #menu li:hover ul li:hover a, #menu li.sfhover ul li.sfhover a { background: none !important; color: #ffc61f; margin:0; padding: 5px 0 0; } /* == Masthead Styles ========================= ***********************************************/ #masthead { background: url(/images/masthead-interior.jpg) 0 0 no-repeat; height: 45px; margin: 40px auto 0 auto; padding: 17px 0 0; text-align: left; width: 1000px; } #masthead h1 { color: #fff; float: left; font: 3.1em/1.1em Helvetica, Arial; letter-spacing: 1px; margin: 0 0 0 25px; } /* == Main Content Styles ===================== ***********************************************/ #mainContent { display: inline; float: left; margin: 0px 0 20px 281px; width: 694px; } #home #mainContent { display:block; float:none; margin:0; width:auto; } #mainContent #breadcrumb, .oneColumn #breadcrumb {border-bottom: #d3d3d3;} #mainContent #breadcrumb ul, .oneColumn #breadcrumb ul {background: url(/images/breadcrumb-bg.gif) repeat-x top left; margin-left: -40px; margin-top: 1px; width: 733px; padding-top: 7px; height: 22px; border-bottom: 1px solid #d3d3d3;} #breadcrumb a {color: #254f82; font-size: .95em; text-decoration: none;} #breadcrumb li {background: url(/images/breadcrumb.gif) no-repeat top right; padding-left: 15px; padding-right: 25px; display: inline; padding-top: 10px; padding-bottom: 15px; height: 30px; font-size: 1.35em;} @media screen and (-webkit-min-device-pixel-ratio:0) { #breadcrumb li {padding-top: 9px;} } .oneColumn #breadcrumb {margin-left: 40px;} .oneColumn #breadcrumb ul {margin-top: 3px; width: 998px;} #mainOneColumn { margin: 0 27px 0 27px; } #mainOneColumn ul { margin: 2px 0 12px; padding: 0 0 0 24px; } #mainOneColumn ol { padding-left: 0px; } #mainOneColumn ul li, #mainOneColumn ol ul li { font-weight: normal; list-style-type: disc; list-style-position: outside; } #mainOneColumn ul li { font: 1.25em Helvetica; line-height: 1.4em; } #mainOneColumn ol li { font: bold 1.2em/1.25em Helvetica; list-style-type: decimal; list-style-position: outside; margin-left: 20px;} #mainOneColumn ol ul li { font: 1em/1.25em Helvetica; } #mainOneColumn ol li h3 { display: inline; font-size: 1.4em; } #mainOneColumn li span { color: #414141; } #mainOneColumn #breadcrumb {margin-left: 13px;} #mainOneColumn #breadcrumb ul {width: 974px;} .oneColumn #mainOneColumn ol li { font: normal 1.2em/1.25em Helvetica; list-style-type: decimal; list-style-position: outside; margin-left: 40px; line-height: 1.5;} #terms.oneColumn #mainOneColumn h1 {font: 18px Helvetica; font-weight: bold;} #terms.oneColumn #mainOneColumn h2 {font: 12px Helvetica; font-weight: bold;} #mainOneColumn ol.upper-alpha li {list-style-type: upper-alpha; font-size: 12px;} #mainOneColumn ol.lower-alpha li {list-style-type: lower-alpha; font-size: 12px;} #mainOneColumn ol.lower-alpha li ol li {list-style-type: lower-roman;} #mainContent h2, #mainOneColumn h2 { color: #073264; font: bold 2.2em/1.1em Helvetica; letter-spacing: -0.5px; } #mainContent h3 { color: #434343; font: bold 1.4em/1.1em Helvetica; } #mainContent h4 { font: bold 1.3em/1.1em Helvetica; } #mainContent ul { margin: 2px 0 12px; padding: 0 0 0 24px; } #home #mainContent ul { margin: 2px 0 12px; padding: 0 0 0 14px; } #mainContent ol { padding-left: 0px; } #mainContent ul li, #mainContent ol ul li { font-weight: normal; list-style-type: disc; list-style-position: outside; } #mainContent ul li { font: 1.25em Helvetica; line-height: 1.4em; } #mainContent ol li { font: 1.25em/1.4em Helvetica; list-style-type: decimal; list-style-position: outside; margin-left: 20px;} #mainContent ul li li { font: 1em Helvetica; line-height: 1.4em; } #mainContent ol ul li { font: 1em/1.25em Helvetica; } #mainContent ol li h3 { display: inline; font-size: 1.4em; } #mainContent li span { color: #414141; } #mainContent blockquote { border-bottom: 1px solid #c2c2c2; padding: 0px 0 15px; } #mainContent blockquote img { margin-top: 10px; } #mainContent blockquote.last { border: 0 none; } #mainContent blockquote p, #mainContent .quote { color: #333; font-style: normal; font-weight: bold; line-height: 1.6em; } .centered { display: block;margin-left: auto;margin-right: auto } .headline-centered {text-align: center;} #navBlog {z-index: 4000;} #webinar-registration {position: relative;} #webinar-registration img {margin: 5px 0 0 200px;} #webinar-registration h3 {color: #fff; position: absolute; top: 15px; left: 243px; font-size: 24px;} #webinar-registration a {text-decoration: none;} /* :: ScreenShot Gallery Styles ::::: */ #screen { display: inline; padding: 0 20px 0 0;} .thumbnails { margin-left: auto; margin-right: auto;} /* :: Partners ::::: */ .partner { border-bottom: 1px solid #c2c2c2; padding: 0px 0 15px; } .partner img { margin-top: 10px; } .partnerLast h3, .partnerLast p { margin-left: 190px; } .partnerLast img { margin-top: 10px; } .partner h3, .partner p { margin-left: 190px; } .partner h3 { margin-top: 20px; } .partnerLast h3 { margin-top: 20px; } /* Sidebar Styles ============================= ***********************************************/ #sidebar {width: 260px; padding-top: 14px; background: #f5f5f5; border-right: 1px solid #b7b7b7;} .cta-bottom {width: 202px; background: url(/images/cta-bottom.gif) no-repeat bottom left; padding-bottom: 1px; margin-left: 20px; padding-top: 5px; margin-bottom: 10px;} .cta-top {background: url(/images/cta-top.gif) no-repeat top left; margin-bottom: -5px; } .cta { border-left: 1px solid #b0aaaa; border-right: 1px solid #b0aaaa; width: 200px; margin-top: 0px; background: #efefef; padding-top: 1px; padding-left: 10px; padding-right: 10px; width: 180px; color: #7d7d7d; font-size: 9px;} .cta-top h2 {font-size: 1.8em; color: #fff; text-align: center; padding-top: 9px; margin: 0; height: 26px; font-weight: 500;} .cta-button {border-top: 1px solid #d7d7d7;} .text-cta{font-size: 12px; text-align: center; padding-top: 5px; font-weight: bold;} .cta-bottom.multiple-cta {padding-bottom: 15px;} .cta .first {float: left; margin-top: 25px;} .cta-text.first {float: left; margin-left: 15px; margin-top: 10px; text-align: left; width: 110px;} .multiple-cta .cta-button {clear: left;} .cta .second {float: left; margin-top: 15px; margin-left: 5px;} .cta-text.second {float: left; margin-top: 15px; margin-left: 15px; text-align: left; width: 110px;} .cta ul {list-style-type: disc; font-size: 10px; margin-left: 30px;} .cta ul li {margin-bottom: 3px;} p.cta-text {text-align: center; } /* :: Sidebar Logos ::::: */ #sidebarWrap {float: left; margin: 0px 10px 10px -975px; width: 240px; padding-top: 0;} .sidebarLogos p { padding: 10px 30px 10px 20px; } .sidebarLogos h3 { color: #5da200; font: bold 1.8em/1.1em Helvetica; letter-spacing: -1px; margin-left:15px;} #quote {font-style: italic;} /* Footer Styles ============================ */ #footer p { color: #000; font: 1.2em/1.1em Helvetica; } #footer ul { border: 1px solid #a1a1a1; border-width: 1px 0; clear: both; margin: 0 27px 12px; padding: 23px 0 23px 12px; } #footer ul li { display: inline; float: left; font: 1em/1.7em Helvetica, Arial; margin: 0 40px 0 0; } #footer ul ul { border: 0 none; clear: none; margin: 0; padding: 0; } #footer ul li li { display: list-item; float: none; margin: 0; } #footer ul li a:link, #footer ul li a:visited { color: #073365; } #footer ul li li a:link, #footer ul li li a:visited { color: #707070; } #footer ul li a:hover, #footer ul li li a:hover { color: #ffc61f; } #footer ul li.last { margin: 0; } p#copyright { color: #a1a1a1; margin: 0 0 22px; text-align: center; } #footer #header li { } #clear { clear: both; display: block; font-size: 0; height:0; line-height: 0; margin:0; padding: 0 0 30px; visibility: hidden; } .clear { clear: both; display: block; font-size: 0; height:0; line-height: 0; margin:0; padding: 0; visibility: hidden; } .cB:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .cL:after { clear: left; content: "."; display: block; height: 0; visibility: hidden; } .cR:after { clear: right; content: "."; display: block; height: 0; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html .cB, * html .cL { height: 1%; } .cB, .cL, .cR { display: block; } /* End Hide */