/*----------------------------------------------------------------------------------- Global Reset v0.3 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, 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; } body { background: #192513 url(../images/main_bg.png) repeat-x left top; font-family: Arial, sans-serif; line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /*--------------------------- Elements ---------------------------*/ h1, h2, h3, h4, h5, h6 { /* font-weight: normal; */ } h1 { color: #3C3E38; font-size: 24px; margin: 5px 0 10px; } h2 { color: #4E8335; font-size: 20px; margin: 5px 0 10px; line-height: 24px; } h3 { color: #666666; font-size: 14px; margin: 5px 0 10px; line-height: 20px; } h4 { color: #4E8335; font-size: 12px; margin: 5px 0 10px; line-height: 18px; } h5 { color: #000; font-size: 12px; margin: 5px 0 10px; line-height: 18px; } h6 { color: #000; font-size: 10px; margin: 5px 0 10px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; } .banner { background: url(../images/icons/banner_drop.png) no-repeat left bottom; clear: both; height: 46px; margin: 0 0 0 -30px; } .banner h5 { background: #4E8335 url(../images/icons/banner_edge.gif) no-repeat right top; color: #fff; display: block; font-size: 14px; float: left; height: 29px; letter-spacing: 1px; line-height: 28px; padding: 0 20px 0 30px; text-transform: uppercase; } p { color: #3C3E38; font-size: 13px; line-height: 19px; padding: 0 0 15px; } p.intro { border-bottom: 1px solid #F0F0F0; color: #666; font-size: 16px; line-height: 23px; margin: 0 0 17px; padding: 0 0 20px; } a { color: #56912D; text-decoration: none; } a:hover { text-decoration: underline; } a.back { display: inline-block; font-size: 13px; margin: 13px 0 0; } #content a.back.bottom { background: none; border-top: 1px solid #F0F0F0; display: inline-block; position: static; font-size: 13px; margin: 13px 0 0; padding: 10px 0 0; } #content img {max-width: 675px;} ul { margin: 0 0 0 20px; } ul li { color: #767873; font-size: 13px; line-height: 20px; list-style: url(../images/icons/ul_li.png); list-style-position: outside; margin: 0 0 8px 0; } ol { margin: 0 0 0 20px; } ol li { color: #76A62A; font-size: 13px; line-height: 20px; list-style: decimal; list-style-position: outside; margin: 0 0 8px 0; } ol li span { color: #767873; } ul.green li { color: #4E8335; list-style: outside url(../images/icons/ulg_li.png); } input, textarea { font-family: Arial, Helvetica, sans-serif; } /*------------------------------------------- Global -------------------------------------------*/ .left { float: left; } .right { float: right; } .block_left { float: left; margin: 0 10px 10px 0; } .block_right { float: right; margin: 0 0 10px 10px; } .center { text-align: center; } .clear { clear: both; } #wrapper { margin: 0 auto; width: 962px; } #header { height: 111px; position: relative; z-index: 200; } #main_logo { display: block; height: 52px; left: 35px; position: absolute; top: 35px; width: 301px; } /* MAIN NAV */ #header .top_nav { background: #3C3E38; color: #fff; float: right; height: 21px; margin: 3px 6px 0 0; position: relative; text-align: center; width: 120px; } #header .top_nav a { color: #fff; display: inline-block; font-size: 12px; margin: 3px 0; padding: 0 11px; } #header .top_nav a.last { border-left: 1px solid #676963; } #header .top_nav .bl { background: url(../images/corners_top_nav.png) no-repeat left bottom; bottom: 0; display: block; height: 4px; left: 0; overflow: hidden; position: absolute; width: 4px; z-index: 100; } #header .top_nav .br { background: url(../images/corners_top_nav.png) no-repeat right bottom; bottom: 0; display: block; height: 4px; overflow: hidden; position: absolute; right: 0; width: 4px; z-index: 100; } #header .main_nav { position: absolute; right: 6px; top: 43px; z-index: 110; } #header .main_nav li { background: url(../images/divider_main_nav.png) no-repeat right 7px; float: left; list-style: none; margin: 0 1px 0 0; position: relative; } #header .main_nav li.last { background: none; margin: 0; } #header .main_nav li a { background: url(../images/main_nav_sprite.png) no-repeat left bottom; display: block; height: 42px; text-indent: -9999px; } #header .main_nav li a.solutions { background-position: 0 -1px; width: 96px; } #header .main_nav li.selected a.solutions { background-position: 0 -44px; } #header .main_nav li:hover a.solutions, #header .main_nav li.hover a.solutions { background-position: 0 -89px; } #header .main_nav li a.industries { background-position: -97px -1px; width: 100px; } #header .main_nav li.selected a.industries { background-position: -97px -44px; width: 100px; } #header .main_nav li:hover a.industries, #header .main_nav li.hover a.industries { background-position: -97px -89px; width: 100px; } #header .main_nav li a.customers { background-position: -198px -1px; width: 109px; } #header .main_nav li.selected a.customers { background-position: -198px -44px; width: 109px; } #header .main_nav li:hover a.customers, #header .main_nav li.hover a.customers { background-position: -198px -89px; width: 109px; } #header .main_nav li a.partners { background-position: -308px -1px; width: 91px; } #header .main_nav li.selected a.partners { background-position: -308px -44px; width: 91px; } #header .main_nav li:hover a.partners, #header .main_nav li.hover a.partners { background-position: -308px -89px; width: 91px; } #header .main_nav li a.company { background-position: -400px -1px; width: 101px; } #header .main_nav li.selected a.company { background-position: -400px -44px; width: 101px; } #header .main_nav li:hover a.company, #header .main_nav li.hover a.company { background-position: -400px -89px; width: 101px; } #header .main_nav li a.blog { background-position: -502px -1px; width: 64px; } #header .main_nav li.selected a.blog { background-position: -502px -44px; width: 64px; } #header .main_nav li:hover a.blog, #header .main_nav li.hover a.blog { background-position: -502px -89px; width: 64px; } /* NAV DROP DOWN */ #header .main_nav li .dropdown_double { background: #3C3E38 url(../images/corners_dropdown_top_left.png) no-repeat right top; left: 0px; padding: 13px 15px 9px; position: absolute; top: 40px; width: 335px; z-index: 100; } #header .main_nav li .dropdown_double .bottom { background: url(../images/corners_dropdown_bottom.png) no-repeat left top; height: 4px; position: absolute; left: 0px; bottom: -4px; width: 364px; } #header .main_nav li .dropdown_double ul.column { background: #3C3E38; margin: 0; width: 160px; } #header .main_nav li .dropdown_double ul.left { border-right: 1px solid #50514B; } #header .main_nav li .dropdown_double li { background: none; height: auto; margin: 0; padding: 0; position: static; } #header .main_nav li .dropdown_double li a { background: none; height: auto; line-height: 22px; margin: 0; padding: 0; text-decoration: none; text-indent: 0; width: auto; } #header .main_nav li .dropdown_double li a strong { color: #8BBD44; display: block; font-size: 14px; line-height: 16px; } #header .main_nav li .dropdown_double li a span { color: #e2e2e2; display: block; font-size: 12px; line-height: 16px; margin: 3px 0 0; padding: 0 0 10px; } #header .main_nav li .dropdown_double li a:hover strong { color: #fff; } #header .main_nav li .dropdown_double { display: none; } #header .main_nav li:hover .dropdown_double, #header .main_nav li.hover .dropdown_double { display: block; } #header .main_nav li .dropdown_single { background: #3C3E38 url(../images/corners_dropdown_top_left.png) no-repeat right top; left: 0px; padding: 13px 15px 9px; position: absolute; top: 40px; width: 140px; z-index: 100; } #header .main_nav li .dropdown_single .bottom { background: url(../images/corners_dropdown_bottom_thin.png) no-repeat left top; height: 4px; position: absolute; left: 0px; bottom: -4px; width: 170px; } #header .main_nav li .dropdown_single ul.column { background: #3C3E38; margin: 0; width: 140px; } #header .main_nav li .dropdown_single li { background: none; clear: both; float: none; list-style: none url() outside; margin: 0; padding: 0; position: static; } #header .main_nav li .dropdown_single li a { background: none; color: #8BBD44; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: 22px; margin: 0; padding: 0; text-decoration: none; text-indent: 0; width: 100%; } #header .main_nav li .dropdown_single li a:hover { color: #fff; display: block; height: auto; padding: 0; margin: 0; } #header .main_nav li .dropdown_single { display: none; } #header .main_nav li:hover .dropdown_single, #header .main_nav li.hover .dropdown_single { display: block; } #header .main_nav li:hover .dropdown_single li a, #header .main_nav li.hover .dropdown_single li a:hover { display: block; width: 100%; } /* HOME */ #home_block { background: url(../images/corners_breadcrumbs_top.png) no-repeat left top; overflow: hidden; } /* HOME FEATURES */ #home_block .features { float: left; margin: 0 0 3px 0; padding: 13px 0 0 6px; position: relative; width: 704px; } #home_block .features .images { background: #fff; border: 1px solid #fff; border-width: 0 8px; height: 310px; overflow: hidden; position: relative; width: 695px; } #home_block .features .images img { display: none; left: 0; position: absolute; right: 0; z-index: 5; } #home_block .features .images img.active { display: block; } #home_block .features .bottom { background: url(../images/corners_breadcrumbs_bottom.png) no-repeat left top; height: 10px; margin: 0; width: 715px; } #home_block .features .pagination { bottom: 10px; height: 27px; overflow: hidden; position: absolute; right: 1px; z-index: 10; } #home_block .features .pagination .left { background: url(../images/feature_pagination_left.png) no-repeat right top; height: 27px; margin: 0; padding: 0; width: 5px; } #home_block .features .pagination ul { background: #fff; margin: 0 0 0 5px; overflow: hidden; padding: 5px 5px 3px 5px; } #home_block .features .pagination li { float: left; display: block; list-style: none url() outside; } #home_block .features .pagination li a { background: url(../images/feature_pagination_markers.png) no-repeat right top; display: block; height: 9px; margin: 5px 3px; text-indent: -9999px; width: 9px; } #home_block .features .pagination li a:hover, #home_block .features .pagination li a.active { background-position: left top; } #home_block .features .content { left: 13px; position: absolute; top: 13px; z-index: 10; width: 315px; } html>body #home_block .features .content ul { *height: 285px; *overflow: hidden; } #home_block .features .content .bottom { background: url(../images/feature_overlay_bottom.png) no-repeat right top; height: 6px; margin: 0; padding: 0; width: 100%; } #home_block .features .content ul { background: url(../images/feature_overlay_tile.png); margin: 0; padding: 15px 5px 10px 20px; width: 290px; } #home_block .features .content li { color: #3C3E38; display: none; font-size: 50px; line-height: 40px; list-style: none url() outside; position: relative; z-index: 1; width: 290px; } #home_block .features .content li.active { display: block; } #home_block .features .content li a.arrow { background: url(../images/icons/feature_arrow.png) no-repeat left center; display: inline-block; height: 45px; position: relative; width: 40px; z-index: 15; text-decoration: none; } /* HOME SIDEBAR */ #home_block .sidebar { float: right; width: 230px; margin: 6px 6px 0; } ““ #home_block .sidebar .search { padding-bottom: 17px; } #home_block .sidebar .button { background: url(../images/sidebar_buttons_home.png) no-repeat -1px 0; clear: both; display: block; height: 92px; margin: 0 0 10px 0; padding: 20px; position: relative; text-decoration: none; width: 190px; } #home_block .sidebar .button .title { color: #fff; display: block; font-size: 17px; margin: 0 0 4px; text-transform: uppercase; } #home_block .sidebar .button .tagline { color: #D1E5B4; display: block; font-size: 13px; line-height: 17px; } #home_block .sidebar .button .icon { background: url(../images/icons/button_arrow.png) no-repeat left top; height: 22px; position: absolute; right: 20px; bottom: 20px; width: 31px; } #home_block .sidebar .video { background: url(../images/sidebar_buttons_home.png) no-repeat -1px bottom; margin: 0; } #home_block .sidebar .video .tagline { color: #C9C9C9; } #home_block .sidebar .button:hover { background-position: right top; } #home_block .sidebar .video:hover { background-position: right bottom; } /* #home_block .sidebar .button:hover .icon { background-position: left bottom; } */ /* HOME CONTENT */ #content.home .solutions { overflow: hidden; width: 690px; } #content.home .solution { background: url(../images/solution_divider.png) no-repeat right bottom; color: #3C3E38; float: left; font-size: 11px; overflow: hidden; margin: 10px 15px 10px 0; padding: 0 15px 0 0; position: relative; width: 145px; } #content.home .solution.last { background: none; margin-right: 0; } #content.home .solution .text { margin: 80px 0 0; position: relative; z-index: 1; } #content.home .solution h6 { color: #7BA73C; font-size: 14px; } #content.home .solution h2, #content.home .solution h2 a { color: #3C3E38; font-size: 19px; text-decoration: none; } #content.home .solution span { line-height: 16px; width: 150px; } #content.home .solution a { display: block; font-size: 12px; margin: 3px 0 0 0; } #content.home .solution span.image { position: absolute; top: -5px; width: 100%; text-align: center; z-index: 0; width: 140px; } #content.home .solution span.image img { width: 90px; } #content.home .split { background: url(../images/solution_divider.png) no-repeat right top; float: left; margin: 5px 15px 25px 0; min-height: 187px; padding: 0 15px 0 0; width: 310px; } #content.home .split.right { background: none; margin-right: 0; padding: 0; } #content.home .split .date { background: #7BA73C; color: #fff; float: left; font-size: 18px; height: 37px; line-height: 12px; margin: 4px 0 0; width: 36px; text-align: center; } #content.home .split .date span { color: #283B20; font-size: 12px; line-height: 18px; text-transform: uppercase; } #content.home .split h3 { color: #3B3E38; font-size: 18px; line-height: 23px; margin: 0 0 5px 45px; } #content.home .split h3 a { color: #3B3E38; text-decoration: none; } #content.home .split p { margin-left: 45px; } #content.home .split .item { border-bottom: 1px solid #F0F0F0; margin: 0 0 10px; padding: 0 0 5px; } #content.home .split .item.last { border: none; } #content.home .split .item .date { margin: 0; } #content.home .split .item h3 { font-size: 13px; line-height: 15px; margin-bottom: 0; } #content.home .split .item p { padding: 0 0 7px; } #content.home .sidebar { padding: 5px 0 20px; } /* MAIN CONTENT AREA */ #content { background: url(../images/content_bg.png) repeat-y 6px 0; /* overflow: hidden; */ margin: 6px 0 0; padding: 0; position: relative; width: 956px; } #content .top { background: url(../images/corners_content_top.png) no-repeat 6px 0; left: 0; height: 6px; position: absolute; top: 0; width: 100%; } #content .bottom { background: url(../images/corners_content_bottom.png) no-repeat 6px 0; bottom: 0; left: 0; height: 6px; position: absolute; width: 100%; } #content .main { float: left; padding: 55px 0 60px 26px; width: 670px; } #content.home .main { padding-top: 15px; } /* GLOBAL SIDEBAR */ #content .sidebar { float: right; /* overflow: hidden; */ position: static; right: 0; top: 0; width: 239px; } #content .sidebar .title { color: #8EBF48; font-size: 16px; padding: 10px 10px 0 15px; } #content .sidebar hr { border: 1px solid #E8E8E8; border-width: 1px 0 0; height: 1px; margin: 15px 0 5px 0; overflow: hidden; width: 239px; } #content .sidebar .step { height: 30px; line-height: 12px; margin: 10px 10px 0 15px; overflow: hidden; } #content .sidebar .step.question { background-position: 0 0; } #content .sidebar .step.phone { background-position: 0 -31px; } #content .sidebar .step.roi { background-position: 0 -62px; } #content .sidebar .step strong { color: #3C3E38; font-size: 12px; } #content .sidebar .step .icon { float: left; margin: 0 8px 0 0; } #content .sidebar .step p { color: #666; font-size: 12px; padding: 0; } #content .sidebar .step a { color: #79A052; } #content .sidebar .step a:hover { text-decoration: underline; } #content .sidebar a.why { color: #3C3E38; display: block; font-size: 12px; font-weight: bold; height: 17px; line-height: 16px; margin: 6px 0 0 15px; padding: 0; } #content .sidebar a.why.first { margin-top: 10px; } #content .sidebar a.why .icon { float: left; margin: 0 7px 0 0; } #content .sidebar a.why:hover { text-decoration: underline; } #content .sidebar a.integration { background-position: 0 0; margin-top: 10px; } #content .sidebar a.compliance { background-position: 0 -18px; } #content .sidebar a.security { background-position: 0 -36px; } #content .sidebar a.professional { background-position: 0 -54px; } #content .sidebar a.intellectual { background-position: 0 -72px; } #content .sidebar a.securitization { background-position: 0 -90px; } #content .sidebar .customer { margin: 0 0 0 15px; } #content .sidebar .customer img { border: 1px solid #E6E6E6; height: 115px; margin: 18px 0 8px; width: 210px; } #content .sidebar .customer h6, #content .sidebar .customer h6 a { font-size: 14px; color: #3B3E38; text-decoration: none; } #content .sidebar .customer p { font-size: 11px; line-height: 16px; margin: 5px 0 0 0; padding: 0 ; } #content table { margin: 5px; width: 100%; } #content th { background-color: #eaeaea; color: #999999; font-size: 12px; padding: 10px; text-align: left; } #content td { border-bottom: 1px solid #e5e5e5; color:#3C3E38; font-size: 13px; padding: 12px 10px; } #content blockquote { background: transparent url(../images/blockquote.jpg) no-repeat scroll left top } #content blockquote p { font-size: 15px; font-style: italic; font-weight: normal; line-height: 130%; text-indent: 25px; } #content blockquote span {} /* BREADCRUMB */ .breadcrumb { background: url(../images/corners_breadcrumbs_top.png) no-repeat left top; color: #3C3E38; float: left; font-size: 12px; height: 12px; margin: -61px 0 5px -26px; padding: 26px 26px 20px 26px; width: 672px; position: absolute; z-index: 10; } .breadcrumb a { color: #3C3E38; } .breadcrumb a.home { background: url(../images/icons/breabcrumb_home.png) no-repeat left 1px; padding: 0 0 0 15px; } .breadcrumb .active { color: #7CA93C; } .breadcrumb hr { border: 1px solid #E8E8E8; border-width: 1px 0; margin: 9px 0 0; padding: 1px; } /* SEARCH FORM */ .search { float: right; overflow: hidden; padding: 2px 0 18px 0; } .search input { background: url(../images/search_bg.png) no-repeat left top; border: none; color: #6B6C67; float: left; font-size: 12px; height: 20px; margin: 0; padding: 5px 9px; width: 185px; } .search input.submit { background-position: right top; cursor: pointer; height: 30px; line-height: 0px; margin: 0; padding: 0; text-indent: -9999px; width: 27px; } /* SUBNAV */ #content .topblock { background: #192513 url(../images/main_bg.png) repeat-x left -117px; margin: 0; padding: 0 0 10px 0; } #content .topblock .search { position: relative; z-index: 10; } #content .topblock .subnav { background: #52793A url(../images/subnav_bg.png) repeat-x left 5px; border: 1px solid #507735; border-width: 0 1px; margin: 0 0 10px 10px; padding: 13px 8px; position: relative; width: 211px; } #content .topblock .subnav .top { background: url(../images/corners_subnav_top.png) repeat-x left top; height: 5px; left: -1px; position: absolute; top: 0; width: 229px; } #content .topblock .subnav .bottom { background: url(../images/corners_subnav_bottom.png) repeat-x left top; height: 5px; left: -1px; position: absolute; bottom: 0; width: 229px; } #content .topblock .subnav a.title { color: #fff; font-size: 15px; margin: 0 0 0 8px; text-transform: uppercase; text-decoration: none; padding: 0; } #content .topblock .subnav ul { margin: 5px 0 0 0; } #content .topblock .subnav ul li { list-style: none; list-style: none url(../) outside; margin: 1px 0 0; } #content .topblock .subnav ul li a { color: #fff; display: block; font-size: 12px; line-height: 23px; padding: 0 8px; text-decoration: none; } #content .topblock .subnav ul li a:hover { background-color: #699D4C; } #content .topblock .subnav ul li a.selected { background-color: #699D4C; } #content .topblock .subnav ul li ul { margin: 0; } #content .topblock .subnav ul li ul li a { background: url(../images/icons/subnav_li.png) no-repeat 16px 10px; padding-left: 25px; } #content .topblock .button { background: url(../images/sidebar_buttons_sub.png) no-repeat left top; display: block; height: 31px; margin: 10px 0 0 9px; padding: 11px 13px; position: relative; text-decoration: none; width: 204px; } #content .topblock .button.no-subnav { margin: 1px 0 0 9px; } #content .topblock .button .title { color: #fff; display: block; font-size: 15px; margin: 0 0 4px; text-transform: uppercase; padding: 0; } #content .topblock .button .tagline { color: #D1E5B4; display: block; font-size: 11px; } #content .topblock .button .icon { background: url(../images/icons/button_arrow.png) no-repeat left top; height: 22px; position: absolute; right: 10px; top: 16px; width: 31px; } #content .topblock .video { background: url(../images/sidebar_buttons_sub.png) no-repeat left bottom; } #content .topblock .video .tagline { color: #C9C9C9; } #content .topblock .button:hover { background-position: right top; } #content .topblock .video:hover { background-position: right bottom; } /* #content .topblock .button:hover .icon { background-position: left bottom; } */ #content .sidebar .lower { padding: 5px 0 20px; position: relative; } #content .sidebar .lower .top { background-position: right top; } .video_holder {float: left; margin: 0 10px 10px 0; } /* NEWS LANDING */ .top_story { padding: 0; } .top_story h3 { margin: 5px 0 7px; } .top_story h3, .top_story h3 a { color: #333; font-size: 19px; font-weight: normal; text-decoration: none; } .top_story .date { color: #999; font-size: 11px; padding: 0; text-transform: uppercase; } .top_story img.block_left { margin: 0 15px 10px 0; } .top_story .more { display: inline-block; margin: 5px 0 0 0; } .news .pagination { border-bottom: 1px solid #F0F0F0; clear: both; height: 20px; padding: 0 0 5px; overflow: hidden; } #content .news .pagination.bottom { background: none; border: none; height: auto; padding: 10px 0 0 0; position: static; } .news .pagination ul { margin: 0; } .news .pagination ul li { border-left: 1px solid #F0F0F0; float: left; list-style: none; margin: 0; padding: 0 2px; } .news .pagination ul li.previous { border: none; } .news .pagination ul li a { color: #9D9E9B; display: block; font-size: 12px; height: 15px; line-height: 16px; width: 16px; text-align: center; } .news .pagination ul li a:hover { color: #3C3E38; text-decoration: none; } .news .pagination ul li a.selected, .news .pagination ul li a.selected:hover { background: #547B3C; color: #fff; } .news .pagination ul li.previous a, .news .pagination ul li.next a { background: url(../images/icons/pagination_arrows.png) no-repeat 5px 3px; text-indent: -9999px; } .news .pagination ul li.next a { background-position: -10px 3px; } .news .pagination ul li.disabled { display: none; } .news_list .item { border-bottom: 1px solid #F0F0F0; clear: both; height: 110px; overflow: hidden; padding: 12px; } .news_list .item .date { background: #7BA73C; color: #fff; float: left; font-size: 18px; height: 37px; line-height: 12px; margin: 3px 10px 0 0; width: 36px; text-align: center; } .news_list .item .date span { color: #283B20; font-size: 12px; line-height: 18px; text-transform: uppercase; } .news_list .item .copy { float: left; width: 500px; } .news_list .item h3, .news_list .item h3 a { color: #333; font-size: 13px; margin: 3px 0; text-decoration: none; } .news_list .item img.block_right { margin-bottom: 0; } /* NEWS DETAIL */ .full_story .date { color: #999; font-size: 11px; padding: 0; text-transform: uppercase; } .full_story img.block_right { margin: 0 0 20px 50px; } .full_story .more { display: inline-block; margin: 5px 0 0 0; } /* CUSTOMERS */ .customers .customer_select { margin: 0; padding: 10px 0; overflow: hidden; width: 680px; } .customers .customer_select li { float: left; list-style: none; } .customers .customer_select li a { display: block; height: 104px; position: relative; width: 168px; } .customers .customer_select li a .logo { left: 4px; position: absolute; top: 3px; margin: 5px 0 0 7px; width: 147px; z-index: 1; } .customers .customer_select li a .cover { background: url(../images/customer_cover.png) no-repeat left top; display: none; height: 104px; left: 0px; position: absolute; top: 0; width: 168px; z-index: 5; } .customers .customer_select li.selected a .cover { display: block; } .customer_story .customer_name { color: #333; font-size: 19px; font-weight: normal; } /* SOLUTIONS */ #solutions_grid_wrap { background: url(../images/loading.gif) no-repeat center; height: 300px; margin: 0 0 30px 15px; width: 640px; position: relative; z-index: 1;} #solutions_grid { position: relative; z-index: 1; } #content .products { width: 670px; } #content .product { background: url(../images/products_bg.png) repeat-x right top; border-top: 1px solid #E8E8E8; color: #3C3E38; font-size: 12px; overflow: hidden; padding: 0 25px 0 0; } #content .product.last { background: none; margin-right: 0; } #content .product div { float: right; width: 500px; } #content .product h6 { color: #7BA73C; font-size: 14px; } #content .product h2, #content .product h2 a { color: #76A62A; font-size: 17px; font-weight: normal; margin: 10px 0 3px; text-decoration: none; } #content .product span { line-height: 16px; } #content .product a { display: block; font-size: 12px; margin: 3px 0 0 0; } #content .product span.image { float: left; margin: 5px 0 0 0; z-index: 0; width: 140px; } #content .solution_detail_image { margin: 5px 0 0 0; } /* FEATURES */ #content .solution_features { margin: 0; } #content .solution_features div { background: url(../images/bg_gradient.jpg) repeat-x left top; float: left; list-style: none; margin: 0; min-height: 120px; padding: 10px 15px 25px; width: 193px; } #content .solution_features div h3 { background: url(../images/feature_arrow_icon.png) no-repeat left 6px; color: #76A62A; font-size: 17px; font-weight: normal; margin-bottom: 0; padding: 0 0 0 10px; } #content .solution_features div p { color: #3C3E38; font-size: 11px; line-height: 16px; padding: 0 0 0 10px; } /* FORMS */ #content form.styled { background: url(../images/bg_gradient.jpg) repeat-x left top; padding: 10px; width: 430px; } #content form.styled label { color: #4C4449; font-size: 13px; line-height: 1.6em; } #content form.styled label.required { background: url(../images/required.gif) no-repeat right top; padding-right: 10px; } #content form.styled label small { font-size: 10px; } #content form.styled input { background: #FFF; border: 1px solid #CBC9CB; color: #666; font-size: 12px; padding: 5px; } #content form.styled textarea { background: #FFF; border: 1px solid #CBC9CB; color: #666; font-size: 12px; padding: 5px; width: 95%; } #content form.styled textarea:focus { border: 1px solid #8ABC43; } #content form.styled input:focus { border: 1px solid #8ABC43; } #content form.styled input.image { width: auto; border: 0; padding: 0; } #content form.styled input.submit { background: url('../images/submit_btn.jpg') 0 0; border: 0; cursor: pointer; float: left; font-size: .0000001em; height: 31px; margin: 0 5px 0 0; padding: 0; width: 88px; text-indent: -9999px; } #content form.styled label.error { color: #CE4646; } #content form.styled input.error { border-color: #CE4646; } #content form.styled textarea.error { border-color: #CE4646; } #content form.styled p.error_msg { color: #CE4646; display: block; font-weight: bold; font-size: 11px; padding: 0 0 10px 0; } #content form.styled div { clear: both; overflow: hidden; padding: 0 0 5px 0; } #content form.styled p { float: left; /* width: 430px; */ } #content form.styled p input, #content form.styled p select { width: 413px; } #content form.styled p.split { float: left; width: 215px; } #content form.styled p.split input, #content form.styled p.split select { width: 198px; } #content .no_account { background: url(../images/bg_gradient.jpg) repeat-x left top; margin-top: 39px; padding: 10px; width: 180px; } #content .no_account p { color:#666666; font-size: 18px; } /* Google Search */ #cse .gsc-control-cse { background:none; border:none; padding:0; margin:0; width:100%; color: #333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.3;} #cse .gsc-tabsArea, #cse .gsc-resultsHeader { display:none; } #cse .gsc-search-box { border-bottom: solid 1px #EEEEEE; padding:0 0 20px 0; } #cse table.gsc-search-box { border:none; } #cse .gsc-search-box td {border:none; padding:0; } #cse .gsc-search-box input.gsc-input { border: 1px solid #56853E; padding: 5px; width:96.5%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #cse .gsc-search-box input.gsc-search-button { border: 1px solid #56853E; background: #56853E; color: #fff; padding: 4px 15px; text-shadow: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #cse .gsc-result { padding:0 0 20px 0; border: solid 1px #FFF; border-bottom: solid 1px #EEEEEE; margin-top:20px;} #cse .gs-no-results-result .gs-snippet { background-color: #eee; border: solid 1px #999; color:#999; margin:0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #cse .gs-title { text-decoration:none; text-transform: capitalize; } #cse .gs-title b { font-weight: bold; color: #354D2B; text-decoration:none; } #cse a.gs-title { color: #56853E; font-size: 15px; } #cse a.gs-title:hover { text-decoration:underline; } #cse .gs-snippet { color: #333; font-size: 13px; margin: 5px 0; } #cse .gs-visibleUrl { color: #759F3A; font-size: 12px; font-style: italic; } #cse .gs-visibleUrl-short { display: none; } #cse .gs-visibleUrl-long { display: block; overflow: visible; } #cse .gsc-cursor-box { } #cse .gsc-cursor { } #cse .gsc-cursor-page { color: #9D9E9B; display: block; float: left; font-size: 11px; height: 16px; line-height: 16px; text-align: center; width: 18px; text-decoration: none; } #cse .gsc-cursor-page:hover { color: #3C3E38; } #cse .gsc-cursor-current-page { background-position: left bottom; color: #547B3C; font-weight: normal; } #cse .gsc-trailing-more-results { display:none; } /* FOOTER */ #footer { background: url(../images/footer_bg.png) repeat-x left top; color: #fff; font-size: 12px; margin: 15px 0 0 0; overflow: hidden; padding: 15px 0 40px; } #footer .inner { margin: 0 auto; width: 950px; } #footer .column { background: url(../images/footer_divider.png) no-repeat right 5px; float: left; margin: 15px 15px 0 0; min-height: 160px; padding: 6px 0 0 0; overflow: hidden; width: 320px; } #footer .column.first { padding: 0; } #footer .column.mid { width: 275px; } #footer .column.last { background: none; float: right; margin-right: 0; padding: 0; width: 325px; } #footer_logo { display: block; height: 39px; width: 225px; } #footer .footernav { margin: 7px 0 -7px 0; overflow: hidden; } #footer .footernav li { border-left: 1px solid #A8BE9C; float: left; line-height: 11px; list-style: none; padding: 0 5px; } #footer .footernav li.first { border: none; padding: 0 5px 0 0; } #footer .footernav li a { color: #A8BE9C; font-size: 11px; } #footer .footernav li a:hover { text-decoration: underline; } #footer p { color: #E2E8DF; font-size: 12px; line-height: 17px; margin: 7px 0 0; padding: 0; } #footer a.contact { background: url(../images/footer_contact_bg.png) no-repeat left top; color: #fff; display: block; height: 23px; line-height: 24px; text-align: center; text-transform: uppercase; text-decoration: none; width: 100px; } #footer a.social { background: url(../images/icons/social.png) no-repeat left top; color: #fff; display: block; float: left; font-size: 11px; height: 17px; line-height: 16px; margin: 0 0 8px; padding: 0 0 0 23px; width: 110px; } #footer a.twitter { background-position: 0 0; } #footer a.facebook { background-position: 0 -18px; } #footer a.blog { background-position: 0 -36px; } #footer a.request { background-position: 0 -54px; } #footer .mailinglist { margin: 10px 0 0; } #footer .mailinglist label { display: block; margin: 0 0 5px; } #footer .mailinglist input { background: #587F3F; border: 1px solid #7C996E; color: #95B784; float: left; font-size: 12px; margin: 0 5px 0 0; padding: 3px 5px 4px; width: 200px; } #footer .mailinglist input:focus { color: #fff; } #footer .mailinglist input.submit { background: url(../images/footer_mailinglist_button.png) no-repeat left top; border: 0; color: #fff; cursor: pointer; height: 23px; width: 38px; } #footer blockquote { } #footer blockquote p { background: url(../images/icons/footer_blockquote.png) no-repeat left top; color: #DFE7DA; font-size: 15px; font-style: italic; font-weight: normal; line-height: 20px; text-indent: 23px; } #footer blockquote span { color: #A8BD9C; font-size: 12px; display: block; line-height: 15px; margin: 7px 0 0 0; } /* CUSTOM WORDPRESS */ .post { border-bottom: 1px solid #F0F0F0; margin: 0; padding: 0 0 20px; } .post.first { border: none; padding: 0; } .post div.title { font-size: 14px; margin: 0 0 5px; } .post .linkbuttons { margin: 10px 0; } .post .date { color: #666; font-size: 11px; padding: 0 0 5px; } .blog h5 { margin: 5px 0 20px; } .blog .print { background: url(../images/icons/print.gif) no-repeat left center; display: block; float: right; font-size: 11px; line-height: 16px; margin: 6px 0 0 0; padding: 0 0 0 20px; } #singleNav { border-top: 1px solid #F0F0F0; clear: both; margin: 20px 0 0 0; padding: 10px 0 0 0; } #commentArea.post { border: 0; padding: 0; } #commentArea.post small { font-size: 10px; } .widget { border-top: 1px solid #E8E8E8; list-style: none; padding: 0 0 15px 0; } .widget h2.widgettitle { color: #8EBF48; font-size: 16px; padding: 10px 10px 0 15px; } .widget ul { list-style-position: inside; margin: 0 0 0 30px; } .widget ul li { margin: 0; } .widget_tag_cloud div { padding: 0 15px; } .widget_tag_cloud div a { display: inline-block; padding: 3px; } .pageNav { border-top: 0 solid #F0F0F0; margin: -10px 0 0 0; } .wp-pagenavi { float: right; } .wp-pagenavi a, .wp-pagenavi span { border-left: 1px solid #F0F0F0; color: #9D9E9B; display: block; float: left; font-size: 12px; height: 15px; line-height: 16px; width: 16px; text-align: center; } .wp-pagenavi a.previouspostslink { border: none; } .wp-pagenavi a:hover { color: #3C3E38; text-decoration: none; } .wp-pagenavi .current, .wp-pagenavi .current:hover { background: #547B3C; color: #fff; } .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { background: url(../images/icons/pagination_arrows.png) no-repeat 5px 3px; text-indent: -9999px; } .wp-pagenavi a.nextpostslink { background-position: -10px 3px; }