body { background: #3D3D3D; } p { margin-bottom: 15px; } a { color: #2770a6; text-decoration: none; } a:hover { text-decoration: underline; } /* ================== STRUCTURE ================== */ #top-container { width: 100%; padding-top: 20px; padding-bottom: 35px; background: #f2f2f2; } #main-container { width: 999px; margin: 0 auto; background: url(../images/bg.png) repeat-y #fff; } #main-container .top-cap { width: 999px; height: 12px; background: url(../images/top-cap.png) no-repeat; font-size: 0; } #main-container #interior-container-home { width: 979px; padding: 0 10px; background: url(../images/bg-interior.png) bottom left no-repeat; } #main-container #interior-container-template { width: 979px; padding: 0 10px; background: url(../images/bg-interior-template.png) bottom left no-repeat; } #header{ z-index: 999; position: relative; height: 103px; } #header a#logo { position: absolute; top: 0; left: 6px; display: block; width: 171px; height: 65px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; } #header #tagline { position: absolute; top: 13px; left: 198px; display: block; width: 300px; font-size: 0.95em; line-height: 1.05em; color: #3e98db; } #header #search-container { position: absolute; top: 14px; right: 6px; width: 184px; } #header #search-container input { border: 1px solid #d0d1d1; width: 117px; float: left; display: inline; margin: 0; padding: 2px; color: #7c7c7c; font-size: 0.6em; } #header #search-container input.submit { width: 61px; border: 0; float: left; display: inline; padding: 0; } #header ul#utility-nav { position: absolute; top: 14px; right: 210px; } #header ul#utility-nav li { list-style: none; display: inline; padding-left: 15px; font: 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; } #header ul#utility-nav li a { color: #333; } #header #main-nav-container { position: absolute; top: 65px; right: 0; width: 979px; height: 37px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } #header ul#main-nav { float: right; } #header ul#main-nav li { position: relative; list-style: none; float: left; display: inline; height: 37px; padding-right: 1px; margin: 0; font: 1.0em Arial, Helvetica, sans-serif; color: #333; background: url(../images/bg-nav-off.png) top right no-repeat; } #header ul#main-nav li:hover { } #header ul#main-nav li a { color: #333; float: left; display: block; padding: 10px 38px 0 38px; height: 27px; } #header ul#main-nav li a:hover { text-decoration: none; background: #fff; } #header ul#main-nav li.active a { background: url(../images/bg-nav-on.png) repeat-x; } /* dropdowns */ #header ul#main-nav li ul.dropdown { display: none; position: absolute; top: 38px; left: -1px; width: 135px; padding: 15px 35px; background: #fff; border-top: 0px solid #fff; border-right: 1px solid #efeeee; border-bottom: 1px solid #efeeee; border-left: 1px solid #efeeee; } #header ul#main-nav li.last ul.dropdown { left: -24px; left: -27px\9; *left: -27px; width: 135px; } #header ul#main-nav li ul.dropdown li { display: block; background: none; width: 150px; padding: 0; margin: 0; height: auto; font-size: 0.7em; } #header ul#main-nav li ul.dropdown li:hover { background: none; text-decoration: none; } #header ul#main-nav li ul.dropdown li a { color: #6f1e33; padding: 0; margin: 0; height: auto; padding: 3px 0; } #header ul#main-nav li ul.dropdown li a:hover { background: none; text-decoration: underline; border: 0; } #header ul#main-nav li ul.dropdown.products { display: none; width: 979px; padding: 0 0 0 0; left: -180px; left: -191px\9; *left: -191px; } #header ul#main-nav li ul.dropdown.products { } #header ul#main-nav li ul.dropdown.products li { float: left; display: inline; width: 169px; margin: 20px 0 20px 0; padding: 0 20px 0 10px; border-left: 1px solid #e5e5e5; } #header ul#main-nav li ul.dropdown.products li.last { background: #f0fbfe; border: 0; margin: 0; padding: 10px 4px 10px 5px; } #header ul#main-nav li ul.dropdown.products li.last .text { float: left; width: 135px; margin: 0; padding: 0 0 0 20px; } #header ul#main-nav li ul.dropdown.products li.last .text .title { font-size: 1.5em; font-weight: normal; line-height: 1.35em; margin-bottom: 5px; } #header ul#main-nav li ul.dropdown.products .icon { float: left; display: inline; width: 40px; margin-right: 5px; } #header ul#main-nav li ul.dropdown.products .text { float: left; display: inline; width: 124px; } #header ul#main-nav li ul.dropdown.products .text .title { font-size: 1.05em; line-height: 2.25em; font-weight: bold; } #header ul#main-nav li ul.dropdown.products .text p { margin-bottom: 3px; } #header ul#main-nav li ul.dropdown.products .text a { color: #3b8fcd; } #header ul#main-nav li.active ul.dropdown li a { background: none; } #gradient-container-home { width: 979px; margin-top: 4px; background: url(../images/bg-gradient-home.jpg) no-repeat; } #gradient-container-template { width: 979px; margin-top: 4px; padding: 0 0 45px 0; background: url(../images/bg-gradient-template.png) no-repeat; } #gradient-container-template.dopplervue { background: url(../images/bg-gradient-dopplervue.png) no-repeat; } #gradient-container-template.dopplervue-home { background: url(../images/bg-gradient-dopplervue-home.png) no-repeat; } #gradient-container-template.neuralstar { background: url(../images/bg-gradient-neuralstar.png) no-repeat; } #gradient-container-template.neuralstar-home { background: url(../images/bg-gradient-neuralstar-home.jpg) no-repeat; } #gradient-container-template.dopplervue-gallery { background: url(../images/bg-gradient-dopplervue-gallery.png) no-repeat; } #gradient-container-template.neuralstar-gallery { background: url(../images/bg-gradient-neuralstar-gallery.png) no-repeat; } /* added by AL */ /* fixes gap between header and body for landing pages that don't need top nav */ #gradient-container-template.no-top-nav { margin-top: -20px; } #footer { width: 999px; margin: 0 auto; font-size: 0.55em; color: #828383; font-family: Verdana, Geneva, sans-serif; } #footer .links { padding: 40px 0; margin: 0 auto 20px auto; border-bottom: 1px solid #4E4E4E; } #footer .links .link-list { float: left; display: inline; width: 120px; margin: 0 70px 0 20px; } #footer .links .link-list .title { display: block; font-size: 1.3em; font-weight: normal; margin-bottom: 5px; } #footer .links .link-list ul { } #footer .links .link-list ul li { list-style: none; line-height: 1.5em; } #footer .links .link-list ul li a { color: #828383; } #footer .info { width: 575px; margin: 0 auto; text-align: center; } /* -- home page --*/ #rotator { position: relative; float: left; display: inline; width: 726px; height: 297px; margin: 13px 0 11px 9px; } #rotator div { position: absolute; top: 0; left: 0; width: 726px; } #rotator div div { position: absolute; top: 61px; left: 24px; width: 375px; } #rotator .title { display: block; color: #fff; font-size: 1.85em; font-weight: normal; margin-bottom: 8px; } #rotator div div p { color: #fff; font-size: 0.85em; margin-bottom: 5px; } #rotator div div a { color: #FCC236; font-size: 0.85em; } #rotator .rotator-container { position: absolute; top: 0; left: 0; } #rotator ul#rotator-thumbs { position: absolute; bottom: 47px; left: 18px; } #rotator ul#rotator-thumbs li { position: relative; list-style: none; float: left; display: inline; width: 73px; height: 42px; margin-right: 8px; padding: 6px 0 0 0; } #rotator ul#rotator-thumbs li.active { width: 72px; height: 41px; padding: 7px 0 0 1px; } #rotator ul#rotator-thumbs li.active span { position: absolute; top: 0; left: 0; width: 73px; height: 48px; background: url(../images/rotator-active-arrow.png); } #rotator ul#rotator-thumbs li.active img.thumb { border: 0; } #rotator ul#rotator-thumbs li img.thumb { border: 1px solid #afb0af; } #solutions { float: left; display: inline; width: 191px; height: 259px; margin: 13px 0 11px 12px; padding: 18px 16px 20px 25px; background: url(../images/bg-solutions.png) no-repeat; } #solutions .title { display: block; font-size: 1.2em; font-weight: bold; color: #fff; margin-bottom: 10px; } #solutions ul { } #solutions ul li { list-style: none; font-size: 0.75em; line-height: 1.85em; border-bottom: 1px solid #444; } #solutions ul li a { color: #74c7f4; } #solutions a.button { height: 27px; font-size: 0.7em; font-weight: normal; margin-top: 10px; } #solutions a.button span { line-height: 27px; } #features-block { clear: both; width: 969px; padding-bottom: 30px; margin: 0 auto; background: url(../images/bg-features-block.png) bottom left no-repeat; } #features-block #features-interior { background: url(../images/bg-features-interior.png) no-repeat; padding: 15px 3px 0 3px; } #features-block #features-interior .title { display: block; margin: 0 17px 10px 17px; color: #fff; } #features-block #features-interior #feature-left { float: left; display: inline; width: 500px; min-height: 245px; height: auto !important; height: 245px; background: url(../images/bg-feature-left.png) no-repeat; background-position: 314px 0; } #features-block #features-interior #feature-right { float: left; display: inline; width: 463px; min-height: 245px; height: auto !important; height: 245px; background: url(../images/bg-feature-right.png) no-repeat; background-position: 276px 0; } #features-block #features-interior .feature .tab { display: inline-block; height: 29px; margin: 11px 0 0 17px; padding: 0 9px 0 0; background: url(../images/features-tab-right.png) top right no-repeat; } #features-block #features-interior .feature .tab span { display: block; padding: 0 11px 0 20px; line-height: 29px; font-size: 0.85em; font-weight: bold; background: url(../images/features-tab-left.png) no-repeat; } #features-block #features-interior .feature .tab span img { margin-left: 10px; } #features-block #features-interior .feature .logo { float: left; display: inline; width: 50px; margin: 13px 5px 0 24px; } #features-block #features-interior .feature .content { float: left; display: inline; width: 380px; font-size: 0.75em; margin: 13px 0 0 0; } #features-block #features-interior .feature .content .intro-text { width: 225px; } #features-block #features-interior .feature .content .intro-text h1 { color: #000; font-size: 1.9em; line-height: 2.3em; } #features-block #features-interior .feature .content ul { margin: 15px 0; } #features-block #features-interior .feature .content ul li { background: url(../images/arrow-black.png) no-repeat; background-position: 0 3px; float: left; display: inline; width: 165px; padding-left: 15px; margin-right: 10px; } #features-block #features-interior .feature .content ul li h2 { font-size: 1.15em; } #features-block #features-interior .feature .content h3 { font-size: 100%; font-weight: normal; } #home-blocks { width: 979px; padding: 15px 0 40px 0; } #home-blocks .block { float: left; display: inline; width: 215px; padding: 2px 15px 0 10px; background: url(../images/vr-dotted.png) top right no-repeat; font-size: 0.7em; } #home-blocks .block .img { float: left; display: inline; width: 45px; margin-right: 9px; } #home-blocks .block .text { float: left; display: inline; width: 161px; } #home-blocks .block .text h3 { margin-bottom: 5px; font-weight: normal; } #home-blocks .block .text a { color: #6f2838; } #home-blocks .block .text h2 { font-size: 1.5em; font-weight: normal; margin-bottom: 5px; } #home-blocks .block.first { width: 215px; } #home-blocks .block.first .img { width: 69px; margin-right: 10px; } #home-blocks .block.first .text { width: 136px; } #home-blocks .block .text input { border: 1px solid #d0d1d1; width: 90px; float: left; display: inline; margin: 0; padding: 2px; color: #7c7c7c; font-size: 0.9em; } #home-blocks .block .text input.submit { width: 61px; border: 0; float: left; display: inline; padding: 0; } /* -- sub page --*/ #breadcrumb-container { width: 950px; height: 36px; padding: 0 11px; } #breadcrumb-container #breadcrumb { float: left; display: inline; } #breadcrumb-container #breadcrumb ul { margin-top: 10px; } #breadcrumb-container #breadcrumb ul li { list-style: none; display: inline; font-size: 0.7em; color: #666; } #breadcrumb-container #breadcrumb ul li a { color: #666; text-decoration: underline; } #breadcrumb-container #breadcrumb ul li.active a { text-decoration: none; } #breadcrumb-container #breadcrumb ul li.divider { padding: 0 5px; } #breadcrumb-container #share { float: right; display: inline; padding-top: 11px; } #page-title { height: 50px; padding: 7px 16px 0 16px; font-size: 1.7em; line-height: 57px; color: #fff; } #page-title.dopplervue { height: 62px; padding: 26px 16px 0 75px; font-size: 1.5em; line-height: 28px; color: #000; } #page-title.dopplervue-home { height: 280px; padding: 0 0 0 75px; font-size: 1.5em; line-height: 28px; color: #000; } #page-title.neuralstar { height: 70px; padding: 18px 16px 0 75px; font-size: 1.5em; line-height: 25px; color: #fff; } #page-title.neuralstar-home { height: 280px; padding: 0 0 0 75px; font-size: 1.5em; line-height: 28px; color: #fff; } #page-title.dopplervue-gallery { height: 217px; padding: 0 0 0 75px; font-size: 1em; line-height: inherit; color: #000; } #page-title.neuralstar-gallery { height: 217px; padding: 0 0 0 75px; font-size: 1em; line-height: inherit; color: #fff; } #page-title.dopplervue-gallery .left, #page-title.neuralstar-gallery .left { float: left; display: inline; width: 183px; padding: 30px 0 0 0; margin: 0; font-size: 1.5em; line-height: 28px; } #page-title.dopplervue-gallery .left .subhead, #page-title.neuralstar-gallery .left .subhead { color: #fff; font-size: 0.85em; } #page-title.dopplervue-gallery .right, #page-title.neuralstar-gallery .right { float: left; display: inline; width: 675px; padding: 30px 0 0 0; margin: 0; color: #fff; line-height: 1.15em; } #main-container #interior-container-template #gradient-container-template .left-column { float: left; display: inline; width: 233px; margin: 0 0 0 5px; padding: 0 12px 0 0; } #left-nav { margin: 11px 0 33px 0; } #left-nav ul { width: 228px; } #left-nav ul li { list-style: none; } #left-nav ul li a { display: block; width: 204px; height: 27px; padding: 8px 12px 0 12px; background: url(../images/bg-left-nav-off.png) no-repeat; font-size: 0.8em; color: #373636; } #left-nav ul li.active a { text-decoration: none; background: url(../images/bg-left-nav-on.png) no-repeat; } #left-nav ul li a:hover { text-decoration: none; color: #999; } #left-nav ul li.last a { background: none; } #left-nav ul li.last a:hover { text-decoration: none; } #left-nav ul li.last.active a { text-decoration: none; background: url(../images/bg-left-nav-on.png) no-repeat; } #left-nav ul li ul.subnav { width: 180px; margin: 10px 0 0 10px; padding: 0 0 10px 22px; border-bottom: 1px solid #f2f2f2; } #left-nav ul li ul.subnav li { padding: 0 0; } #left-nav ul li ul.subnav li a { width: auto; height: auto; padding: 1px 0; background: none; font-size: 0.7em; color: #2c8bba; } #left-nav ul li ul.subnav li a:hover { text-decoration: underline; } #left-nav ul li ul.subnav li.active a { font-weight: bold; } #main-container .left-column .block { width: 233px; margin-bottom: 15px; background: #f2f2f2; } #main-container .left-column .block.white { background: #fff; } #main-container .left-column .block .top-cap { width: 233px; height: 9px; margin-bottom: 16px; font-size: 0; background: url(../images/bg-leftcol-block-top-cap.png) no-repeat; } #main-container .left-column .block .bottom-cap { clear: both; width: 233px; height: 10px; margin-top: 15px; font-size: 0; background: url(../images/bg-leftcol-block-bottom-cap.png) no-repeat; } #main-container .left-column .block .icon { float: left; display: inline; width: 26px; margin: 0 8px 0 7px; } #main-container .left-column .block .text { float: left; display: inline; width: 172px; margin: 0 20px 0 0; font-size: 0.75em; } #main-container .left-column .block .text h4 { font-size: 1.35em; line-height: 1.5em; color: #000; font-weight: bold; margin-bottom: 0; } #main-container .left-column .text input { border: 1px solid #d0d1d1; width: 90px; float: left; display: inline; margin: 0; padding: 2px; color: #7c7c7c; font-size: 0.9em; } #main-container .left-column .text input.submit { width: 61px; border: 0; float: left; display: inline; padding: 0; } #main-container #interior-container-template #gradient-container-template .center-column { position: relative; float: left; display: inline; width: 484px; padding-right: 20px; font-size: 0.75em; color: #666; } #main-container #interior-container-template #gradient-container-template .center-column.expanded { width: 705px; margin-right: 4px; } #main-container #interior-container-template #gradient-container-template .center-column h1 { font-size: 2.25em; font-weight: normal; color: #000; margin: 25px 0 20px 0; line-height: 1.15em; } #main-container #interior-container-template #gradient-container-template .center-column h4 { font-size: 1.25em; color: #000; border-bottom: 1px solid #f2f2f2; padding: 10px 0; margin: 0 0 14px 0; } #main-container #interior-container-template #gradient-container-template .center-column ul { margin: 0 0 15px 18px; } #main-container #interior-container-template #gradient-container-template .center-column.expanded-with-columns { width: 729px; padding-right: 0; } #main-container #interior-container-template #gradient-container-template .center-column .center-column { font-size: 1em; width: 484px; margin: 0; } #main-container #interior-container-template #gradient-container-template .center-column .right-column { font-size: 1.33em; } #main-container #interior-container-template #gradient-container-template .center-column .interior { padding-right: 20px; } #main-container #interior-container-template #gradient-container-template .right-column { float: left; display: inline; width: 221px; padding-top: 13px; margin-right: 4px; } #main-container .right-column .block { width: 221px; margin-bottom: 15px; background: #f2f2f2; font-size: 0.75em; color: #444; } #main-container .right-column .block .top-cap { width: 221px; height: 10px; margin-bottom: 20px; font-size: 0; background: url(../images/bg-rightcol-block-top-cap.png) no-repeat; } #main-container .right-column .block .bottom-cap { clear: both; width: 221px; height: 10px; margin-top: 5px; font-size: 0; background: url(../images/bg-rightcol-block-bottom-cap.png) no-repeat; } #main-container .right-column .block .content { padding: 0 15px; } #main-container .right-column .block h3 { font-size: 1.75em; font-weight: normal; line-height: 1.15em; margin-bottom: 15px; } #main-container .right-column .block h4 { font-size: 1.15em; font-weight: bold; color: #000; line-height: 1.15em; margin-bottom: 15px; } #main-container .right-column .block h6 { font-size: 1.1em; font-weight: normal; color: #2770a6; line-height: 1.15em; margin-bottom: 3px; } #main-container .right-column .block .logo { float: left; display: inline; width: 50px; } #main-container .right-column .block .icon { float: left; display: inline; width: 35px; } #main-container .right-column .block .title { float: left; display: inline; width: 130px; padding: 7px 0 0 10px; } #main-container .right-column .block ul { margin: 0 0 15px 18px; } .extra-content-box { width: 999px; margin: 0 auto; background: url(../images/bg-extra-content-box.png) repeat-y; margin-top: 30px; font-size: 0.75em; } .extra-content-box .header { width: 962px; height: 25px; padding: 19px 0 0 37px; margin-bottom: 25px; font-size: 1.35em; color: #fff; background: url(../images/bg-extra-content-box-header.png) no-repeat; } .extra-content-box .content { padding: 0 37px; } .extra-content-box .content .block { float: left; display: inline; width: 160px; margin-right: 50px; } .extra-content-box .content .block h5 { font-size: 1.15em; margin-bottom: 6px; } .extra-content-box .bottom-cap { width: 999px; height: 16px; font-size: 0; background: url(../images/bg-extra-content-box-bottom-cap.png) no-repeat; } .extra-content-box .content .case-study { } .extra-content-box .content .case-study .photo { float: left; display: inline; width: 185px; margin-right: 30px; } .extra-content-box .content .case-study .text { float: left; display: inline; width: 300px; margin-right: 30px; } .extra-content-box .content .case-study .text.long { width: 600px; } .extra-content-box .content .case-study .text h5 { font-size: 1.25em; color: #2486ce; font-weight: normal; margin: 6px 0 8px 0; } .extra-content-box .content .case-study .bullets { float: left; display: inline; width: 300px; margin-top: 31px; } .extra-content-box .content .case-study .bullets ul li { margin: 0 0 0 18px; } /* ================== GALLERIES ================== */ #main-container #interior-container-template #gradient-container-template .center-column ul.sub-tabs { position: absolute; top: -33px; left: 0; height: 33px; margin: 0; padding: 0; } #main-container #interior-container-template #gradient-container-template .center-column ul.sub-tabs li { list-style: none; float: left; display: inline; margin-right: 7px; text-align: center; line-height: 33px; } ul.sub-tabs.dopplervue li a { display: block; width: 211px; height: 33px; background: url(../images/sub-tab-dopplervue-off.png) no-repeat; color: #000; text-decoration: none; font-size: 1.1em; } ul.sub-tabs.dopplervue li.active a { background: url(../images/sub-tab-dopplervue-on.png) no-repeat; } ul.sub-tabs.neuralstar li a { display: block; width: 211px; height: 33px; background: url(../images/sub-tab-neuralstar-off.png) no-repeat; color: #000; text-decoration: none; font-size: 1.1em; } ul.sub-tabs.neuralstar li.active a { background: url(../images/sub-tab-neuralstar-on.png) no-repeat; } #main-container .gallery { width: 719px; } #main-container .gallery .top-cap { width: 719px; height: 17px; font-size: 0; background: none; } #main-container .gallery.dopplervue .top-cap.tab-1 { background: url(../images/bg-gallery-dopplervue-top-cap-1.png) no-repeat; } #main-container .gallery.dopplervue .top-cap.tab-2 { background: url(../images/bg-gallery-dopplervue-top-cap-2.png) no-repeat; } #main-container .gallery.neuralstar .top-cap.tab-1 { background: url(../images/bg-gallery-neuralstar-top-cap-1.png) no-repeat; } #main-container .gallery.neuralstar .top-cap.tab-2 { background: url(../images/bg-gallery-neuralstar-top-cap-2.png) no-repeat; } #main-container #interior-container-template #gradient-container-template .center-column .gallery .content { padding: 0 12px 15px 12px; } #main-container #interior-container-template #gradient-container-template .center-column .gallery.dopplervue .content { background: url(../images/bg-gallery-dopplervue.png) repeat-y; } #main-container #interior-container-template #gradient-container-template .center-column .gallery.neuralstar .content { background: url(../images/bg-gallery-neuralstar.png) repeat-y; } #main-container #interior-container-template #gradient-container-template .center-column .gallery .content .select-box { text-align: right; } #main-container #interior-container-template #gradient-container-template .center-column .gallery .content h1 { font-size: 1.75em; margin: 0 0 10px 0; padding: 0; } #main-container #interior-container-template #gradient-container-template .center-column .gallery .content .text { float: left; display: inline; width: 215px; margin-right: 10px; } #main-container #interior-container-template #gradient-container-template .center-column .gallery .content .image { float: left; display: inline; width: 470px; } #main-container .gallery .bottom-cap { padding: 0 9px; height: 27px; } #main-container .gallery.dopplervue .bottom-cap { background: url(../images/bg-gallery-dopplervue-bottom-cap.png) no-repeat; } #main-container .gallery.neuralstar .bottom-cap { background: url(../images/bg-gallery-neuralstar-bottom-cap.png) no-repeat; } #main-container .gallery .bottom-cap a.prev { float: left; display: inline-block; width: 12px; height: 27px; } #main-container .gallery.dopplervue .bottom-cap a.prev { background: url(../images/gallery-dopplervue-prev.png) no-repeat; } #main-container .gallery.neuralstar .bottom-cap a.prev { background: url(../images/gallery-neuralstar-prev.png) no-repeat; } #main-container .gallery .bottom-cap a.next { float: left; display: inline-block; width: 12px; height: 27px; } #main-container .gallery.dopplervue .bottom-cap a.next { background: url(../images/gallery-dopplervue-next.png) no-repeat; } #main-container .gallery.neuralstar .bottom-cap a.next { background: url(../images/gallery-neuralstar-next.png) no-repeat; } #main-container #interior-container-template #gradient-container-template .center-column .gallery .bottom-cap ul { float: left; display: inline; padding: 0; margin: 0 10px; } #main-container .gallery .bottom-cap ul li { float: left; display: inline; padding: 0; } #main-container .gallery .bottom-cap ul li a { display: block; width: 32px; height: 27px; line-height: 27px; color: #000; text-decoration: none; text-align: center; } #main-container .gallery.dopplervue .bottom-cap ul li a { border-left: 1px solid #f6f1e3; background: #f0e7d0; } #main-container .gallery.neuralstar .bottom-cap ul li a { border-left: 1px solid #e5eff7; background: #d4e5f2; } #main-container .gallery.dopplervue .bottom-cap ul li a:hover { background: #f1aa00; color: #fff; } #main-container .gallery.neuralstar .bottom-cap ul li a:hover { background: #3b8fce; color: #fff; } /* ADDED BY KRATOS */ #main-container .gallery.dopplervue .bottom-cap ul li a.active{ background: #f1aa00; color: #fff; } #main-container .gallery.neuralstar .bottom-cap ul li a.active { background: #3b8fce; color: #fff; } /* END ADDED BY KRATOS */ #main-container .gallery .bottom-cap .enlarge { float: right; font-size: 0.9em; line-height: 27px; margin-right: 10px; } #main-container .gallery .bottom-cap .enlarge a { float: left; height: 17px; padding: 0 0 10px 0; color: #000; text-decoration: none; } #main-container .gallery .bottom-cap .enlarge img { float: left; } /* ================== BUTTONS ================== */ a.button { display: inline-block; height: 22px; padding-right: 3px; margin-right: 10px; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; color: #fff; } a.button span { display: block; padding: 0; line-height: 22px; padding: 0 21px 0 24px; } a.button.long span { padding: 0 5px 0 8px; } a.button.blue { background: url(../images/button-blue-right.png) top right no-repeat; } a.button.blue span { background: url(../images/button-blue-left.png) top left no-repeat; } a.button.red { background: url(../images/button-red-right.png) top right no-repeat; } a.button.red span { background: url(../images/button-red-left.png) top left no-repeat; } a.button.yellow { background: url(../images/button-yellow-right.png) top right no-repeat; } a.button.yellow span { background: url(../images/button-yellow-left.png) top left no-repeat; } a.button.gray { background: url(../images/button-gray-right.png) top right no-repeat; } a.button.gray span { background: url(../images/button-gray-left.png) top left no-repeat; } /* ================== MISC ================== */ .white { color: #fff; } .yellow { color: #faebb0; } .maroon { color: #731b36; } .red { color: #760000; } ul.social-icons li { list-style: none; float: left; display: inline; margin: 5px 10px 0 0; } .article-img { float: right; margin: 0 0 20px 20px; } .thumbnail-list { } .thumbnail-list .row { padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #ebebeb; } .thumbnail-list .row .thumb { float: left; display: inline; width: 139px; margin: 0 20px 0 0; } .thumbnail-list .row .text { float: left; display: inline; width: 545px; } .thumbnail-list .row .text h2 { font-size: 1.25em; line-height: 2em; color: #000; } .next-prev { width: 480px; height: 27px; margin: 10px auto; padding-top: 5px; background: url(../images/bg-next-prev.png) no-repeat; font-size: 0.9em; font-weight: bold; } .next-prev .prev { float: left; display: inline; padding-left: 5px; } .next-prev .prev img { vertical-align: middle; margin-right: 5px; } .next-prev .next { float: right; display: inline; padding-right: 5px; } .next-prev .next img { vertical-align: middle; margin-left: 5px; } .chat {height: 100px; margin: 30px 0 10px 0; padding: 0 0 20px 0; background: url(../images/bg-chat.png) bottom right no-repeat; } .chat p { margin-right: 60px; min-height: 50px; } .icon-list { } .icon-list a { display: block; float: left; display: inline; width: 210px; padding: 15px 10px; } .icon-list a:hover { cursor: pointer; background: url(../images/bg-icon-list-on.png) repeat-x; text-decoration: none; } .icon-list span { display: block; float: left; display: inline; width: 155px; font-size: 1.10em; font-weight: bold; text-decoration: none; } .icon-list img { float: left; display: inline; width: 42px; margin-right: 10px; } /* products home */ #product-home.dopplervue, #product-home.neuralstar { position: relative; padding: 32px 0 0 16px; font-size: 0.5em; line-height: 1.3em; } #product-home.dopplervue ul#slider li, #product-home.neuralstar ul#slider li { position: relative; } #product-home.dopplervue ul#slider li span, #product-home.neuralstar ul#slider li span { display: block; text-align: center; width: 260px; color: #fff; font-weight: bold; font-size: 1.2em; margin-bottom: 3px; } #product-home.dopplervue .slider-instructions, #product-home.neuralstar .slider-instructions { display: block; position: absolute; bottom: 5px; right: 0; width: 416px; margin-right: 43px; color: #fff; text-align: center; } /* dopplervue specific */ #product-home.dopplervue .info { float: left; display: inline; width: 354px; margin-right: 20px; } #product-home.dopplervue .info .title { font-size: 3em; line-height: 1em; } #product-home.dopplervue .info .subtitle { font-size: 1.5em; line-height: 1.5em; } #product-home.dopplervue ul#slider { float: left; display: inline; width: 502px; height: 220px; padding: 0; margin: 0 0 0 12px; } /* neuralstar specific */ #product-home.neuralstar .info { float: left; display: inline; width: 306px; margin: 12px 0 0 80px; } #product-home.neuralstar .info .title { font-size: 3em; line-height: 1em; font-weight: bold; } #product-home.neuralstar .info .subtitle { font-size: 1.35em; line-height: 2em; } #product-home.neuralstar ul#slider { float: left; display: inline; width: 502px; height: 220px; padding: 0; margin: 0 0 0 0; } /* image carousel */ .jcarousel-skin-tango .jcarousel-container { } #product-home.dopplervue .jcarousel-skin-tango .jcarousel-container-horizontal { position: relative; float: left; display: inline-block; width: 502px; height: 220px; margin: 0 0 0 12px; background: url(../images/slider-thumbs.png) no-repeat scroll 43px 0 transparent; } #product-home.dopplervue .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 0; right: 0; width: 43px; height: 220px; background: transparent url(../images/slider-next.png) no-repeat 0 0; cursor: pointer; } #product-home.dopplervue .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 0; left: 0; width: 43px; height: 220px; background: transparent url(../images/slider-prev.png) no-repeat 0 0; cursor: pointer; } #product-home.neuralstar .jcarousel-skin-tango .jcarousel-container-horizontal { position: relative; float: left; display: inline-block; width: 502px; height: 220px; margin: 0 0 0 0; background: url(../images/slider-blue-thumbs.png) no-repeat scroll 43px 0 transparent; } #product-home.neuralstar .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 0; right: 0; width: 43px; height: 220px; background: transparent url(../images/slider-blue-next.png) no-repeat 0 0; cursor: pointer; } #product-home.neuralstar .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 0; left: 0; width: 43px; height: 220px; background: transparent url(../images/slider-blue-prev.png) no-repeat 0 0; cursor: pointer; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 350px; height: 250px; padding: 0 0 0 123px; } .jcarousel-skin-tango .jcarousel-item { width: 416px; height: 178px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /* product selector */ #product-selector { width: 705px; } #product-selector .table-top { width: 705px; height: 4px; font-size: 0; background: url(../images/product-selector-top.png) no-repeat; } #product-selector .table-bottom { width: 705px; height: 4px; font-size: 0; background: url(../images/product-selector-bottom.png) no-repeat; } #product-selector table { width: 100%; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; } #product-selector table tr th { border-right: 1px solid #d6d6d6; color: #1f1f1f; text-align: left; height: 86px; vertical-align: middle; padding: 0 13px; color: #000; font-size: 1.35em; font-weight: bold; } #product-selector table tr th img { vertical-align: middle; margin-right: 3px; } #product-selector table tr th.title { color: #67132d; font-size: 1.35em; font-weight: normal; } #product-selector table tr td { border-right: 1px solid #d6d6d6; color: #1f1f1f; padding: 6px 13px; } #product-selector .buttons { padding: 12px 0 0 0; text-align: right; } #product-selector .buttons a { margin-left: 20px; } /* contact form */ .contact-form { } .contact-form .left { float: left; display: inline; width: 205px; padding: 0 45px 0 0; } .contact-form .right { float: left; display: inline; width: 205px; padding: 0 0 0 0; } .contact-form label { display: block; padding-bottom: 4px; } .contact-form input { border: 1px solid #d0d1d1; width: 200px; padding: 2px; margin-bottom: 14px; } .contact-form select { border: 1px solid #d0d1d1; width: 350px; padding: 2px; margin-bottom: 14px; } .contact-form input.radio, .contact-form input.check { width: 25px; border: 0; padding: 0; margin: 0; } .contact-form .download-click { border-top: 1px solid #e5e5e5; padding: 10px 0 0 0; } .contact-form .download { width: 104px; height: 22px; border: 0; } .contact-form .download-click .required { float: right; display: inline; font-size: 0.9em; } .contact-form input.image { width: auto; height: auto; border: 0; } /* ================ VALIDATOR ========================= */ .error { color: #760000; margin-bottom: 10px; } button { width:auto; height:auto; } /* ============== ADDED BY KRATOS ======================= */ .free_utility-list { } .free_utility-list .new { font-size: 60%; color: red; } .free_utility-list .row { /*background: #f2f2f2;*/ padding-top: 10px; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px solid #ebebeb; } .free_utility-list .row .thumb { float: left; display: inline; width: 200px; margin: 0 20px 0 0; margin-left:auto; margin-right:auto; } .free_utility-list .row .text { color: #000; float: left; display: inline; width: 484px; } .free_utility-list .row .text h2 { font-size: 2.00em; line-height: 1em; margin-bottom: 5px; color: #2f6eca; } .free_utility-list .row .text h3 { color: #333333; } .free_utility-list .row. text a { text-decoration:none; } .free_utility-list .simple_overlay form { padding: 20px; } .free_utility-list .simple_overlay form legend { color: #313E35; font-size: 115%; font-weight: bold; } .free_utility-list .simple_overlay form ol { } .free_utility-list .simple_overlay form ol li { list-style-type: none } .free_utility-list .simple_overlay form label { padding: 7px 0; display: block; font-weight: bold; } .free_utility-list .simple_overlay form input[type=text] { font-face: Trebuchet MS; color: #000; font-size: 10px; width: 350px; border: #eee9e9 1px solid; background-color: #cdc9c9; } .free_utility-list .simple_overlay form input[type=submit] { margin-top: 10px; padding: 5px; } .free_utility-list #spinner { display: none; } .free_utility-list #success { display: none; font-weight: bold; padding: 20px; } .simple_overlay { /* must be initially hidden */ display:none; color: #fff; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#8b8989; width:390px; min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 10px 5px #000; -webkit-box-shadow: 0 0 10px #000; } /* close button positioned on upper right corner */ .simple_overlay .close { background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }