/* * Project: Champ - internet solutions * Date: 2009/10/26 /* ---------------------------------------- */ * { margin: 0; padding: 0; } html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; } body { background: #ebf2ee; font-size: 62.5%; } * html body { behavior: url("styles/csshover.htc"); } @media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } body, textarea, input, select, option, button { color: #808c85; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.29; } li, dt, dd, p, th, td, caption, pre { font-size: 1.4em; } ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 18px; } a { color: #2d7bb2; text-decoration: underline; } a:hover, a:focus, a:active { color: #2d7bb2; text-decoration: none; } ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; } img { border: none; -ms-interpolation-mode: bicubic; } pre { font-family: "Courier New",monospace; white-space: pre-wrap; } table { border-collapse: collapse; border-spacing: 0; } button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; } hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; } *:first-child+html hr { margin: -7px 0 8px !important; } .offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; } /* LAYOUT ------------------------------------------- */ #root {} #root .wrapper { z-index: 1; position: relative; width: 960px; margin: 0 auto; } #top { z-index: 10; height: 155px; background: #365451 url(../images/top-bg.gif) 0 0 repeat-x; } #top .wrapper { z-index: 100; } #logo { position: absolute; top: 60px; left: 1px; } #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; } #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; } .top-lead { position: absolute; top: 12px; left: 0; color: #88cc5c; } #top .label { margin: 0 5px 0 0; padding: 0 10px 0 0; color: #fff; border-right: 1px solid #e86043; } #top .label a { color: #fff; text-decoration: none; } #top .label a:hover, #top .label a:focus, #top .label a:active { text-decoration: underline; } .top-user-part { position: absolute; top: 0; right: 5px; color: #88cc5c; } .top-user-part .call { float: left; margin-right: 10px; padding: 12px 0 0; } .top-user-part .link-a { float: left; font-weight: bold; } .top-user-part .link-a a { float: left; color: #fff; } #nav { position: absolute; top: 80px; right: -10px; list-style: none; margin: 0; padding: 0; } #nav li { position: relative; float: left; border-left: 1px solid #8f5a4a; font-size: 1.89em; line-height: normal; text-transform: uppercase; } #nav li a { float: left; padding: 5px 19px 5px 20px; color: #fff; text-decoration: none; } #nav li em { position: absolute; left: -10001px; top: -10001px; } #nav li.first { border: 0; } #nav li a:hover, #nav li a:focus, #nav li a:active { color: #e86043; } #nav li.selected a { color: #0b3035 !important; } #nav li ul { display: none; position: absolute; top: 32px; left: -1px; list-style: none; margin: 0; padding: 9px 0 0; background: #365451; } #nav li ul li { display: block; clear: left; margin: 1px 0 0; padding: 0; border-left: 0; font-size: 0.74em; text-transform: none; } #nav li ul li a, #nav li.selected ul li a { display: block; width: 154px; padding: 5px 11px; background: #e86043; color: #fff !important; } #nav li ul li a:hover, #nav li ul li a:focus, #nav li ul li a:active { background: #fff; color: #0b3035 !important; } #nav li:hover ul { display: block; } #nav_716708 { position: absolute; top: 80px; right: -10px; list-style: none; margin: 0; padding: 0; } #nav_716708 li { position: relative; float: left; border-left: 1px solid #8f5a4a; font-size: 1.89em; line-height: normal; text-transform: uppercase; } #nav_716708 li a { float: left; padding: 5px 19px 5px 20px; color: #fff; text-decoration: none; } #nav_716708 li em { position: absolute; left: -10001px; top: -10001px; } #nav_716708 li.first { border: 0; } #nav_716708 li a:hover, #nav_716708 li a:focus, #nav_716708 li a:active { color: #e86043; } #nav_716708 li.selected a { color: #0b3035 !important; } #nav_716708 li ul { display: none; position: absolute; top: 32px; left: -1px; list-style: none; margin: 0; padding: 9px 0 0; background: #365451; } #nav_716708 li ul li { display: block; clear: left; margin: 1px 0 0; padding: 0; border-left: 0; font-size: 0.74em; text-transform: none; } #nav_716708 li ul li a, #nav_716708 li.selected ul li a { display: block; width: 154px; padding: 5px 11px; background: #e86043; color: #fff !important; } #nav_716708 li ul li a:hover, #nav_716708 li ul li a:focus, #nav_716708 li ul li a:active { background: #fff; color: #0b3035 !important; } #nav_716708 li:hover ul { display: block; } #intro { z-index: 1; background: #2c4947 url(../images/intro-bg.gif) 0 0 repeat-x; } #intro .wrapper { min-height: 70px; background: url(../images/intro-chart-bg.jpg) 98% 0 no-repeat; } * html #intro .wrapper { height: 70px; } .home #intro { background: #2c4947 url(../images/intro-bg-home.png) 0 0 repeat-x; } .home #intro .wrapper { z-index: 10; height: 317px; background: url(../images/intro-chart-bg-home.png) 0 0 no-repeat; } #intro h1 { margin: 0 10px 0 0; padding: 25px 0 0; color: #fff; font-size: 2.1em; line-height: 1.05; text-align: right; } .blog #intro h1 { margin: 0 0 0 10px; text-align: left; } #intro h1 span { color: #80c259; } #intro .link-b { z-index: 10000; position: absolute; bottom: -40px; left: 10px; } #intro .description { z-index: 10000; position: absolute; top: 14px; left: 10px; } #content { z-index: 1; background: #fff; } #content .wrapper { z-index: 1; position: relative; top: -20px; overflow: hidden; width: 960px; padding: 20px 0 78px; } .home #content .wrapper { top: -21px; } #main { float: right; display: inline; width: 645px; margin: 0 40px 0 0; padding: 24px 0 0; } .home #main { float: left; width: 720px; margin: 0; padding: 56px 0 0; } .blog #main { float: left; width: 650px; margin: 0 0 0 9px; padding: 10px 0 0; } #side { float: left; display: inline; width: 218px; margin: 0 0 0 10px; padding: 0 0 0 9px; } .home #side, .blog #side { float: right; margin: 0 10px 0 0; } .home #side { margin-right: 12px; padding-top: 104px; } #footer { z-index: 10; } .foot-top { z-index: 10; background: #fff url(../images/foot-top-bg.gif) 67px 100% repeat-x; } .foot-top .wrapper { z-index: 10; min-height: 201px; background: url(../images/foot-top-bg-cloud.jpg) 141px 100% no-repeat; } * html .foot-top .wrapper { height: 201px; } #footer .col .box { float: left; display: inline; padding: 0; color: #fff; } #footer .col .box-newsletter { margin-left: 10px; } .foot-top .col-b { padding-left: 7px; } #footer .col-b .box { margin: 0 0 0 42px; } #footer .col .box-newsletter h2.c { margin-bottom: 7px; } #footer .col .box-newsletter h2.c a { background: url(../images/ico-mail.png) 0 0 no-repeat; } #footer .col .box-online-business { padding-left: 7px; margin-left: 35px; } #footer .col .box-online-business h2.c a { margin-left: 0; background: url(../images/ico-comp.png) 0 0 no-repeat; } #footer .col .box-blog { margin-left: 41px; } #footer .col .box-blog h2.c a { background: url(../images/ico-rss.png) 2px 2px no-repeat; } #footer .col .box-blog h2.c a span { padding-right: 0; } #footer .col .box-why-champ { margin-left: 34px; } #footer .col .box-why-champ h2.c a { background: url(../images/ico-champ.png) 4px 1px no-repeat; } #footer .col .box-why-champ h2.c a span { padding-right: 34px; white-space: nowrap; } #footer .col .box p { font-size: 1.15em; line-height: 1.22; } #footer .col .box .row { margin: 0 0 7px; } #footer .col .box label { position: absolute; top: 4px; left: 11px; } #footer .col .box input { width: 129px; padding: 4px 10px 3px; } #footer .col .box button { height: 23px; padding: 0 10px; border: 0; background: #2d7bb2; color: #fff; font-weight: bold; text-transform: uppercase; } #footer .col-a { float: left; display: inline; width: 350px; } #footer .foot-top .col-a { width: 300px; } #footer .col-b { float: right; display: inline; } .foot-bottom { clear: both; overflow: hidden; background: url(../images/foot-bottom-bg.gif) 0 0 repeat-x; } .foot-bottom .wrapper { overflow: hidden; padding: 18px 0 0; } #footer .foot-bottom .col-a { width: 290px; } .foot-bottom .copyright { color: #808c85; line-height: normal; } .foot-bottom .col-b { width: 632px; } #nav-foot { float: right; position: relative; right: -10px; list-style: none; margin: 0 0 40px; padding: 0; } #nav-foot li { float: left; padding: 0 9px; border-left: 1px solid #e86043; color: #2d7bb2; line-height: normal; } #nav-foot li.first { border: 0; } #nav-foot li a { color: #2d7bb2; text-decoration: none; } #nav-foot li a:hover, #nav-foot li a:focus, #nav-foot li a:active { text-decoration: underline; } #nav_716754 { float: right; position: relative; right: -10px; list-style: none; margin: 0 0 40px; padding: 0; } #nav_716754 li { float: left; padding: 0 9px; border-left: 1px solid #e86043; color: #2d7bb2; line-height: normal; } #nav_716754 li.first { border: 0; } #nav_716754 li a { color: #2d7bb2; text-decoration: none; } #nav_716754 li a:hover, #nav_716754 li a:focus, #nav_716754 li a:active { text-decoration: underline; } .foot-bottom .features { float: right; padding: 17px 0 0; _width:650px;} *+html .foot-bottom .features { width:650px;} .foot-bottom .features ul.first { padding-left: 0 } .foot-bottom ul.a { float: left; padding-left: 38px; } * html .foot-bottom ul.a { padding-left: 35px; } *:first-child+html .foot-bottom ul.a { padding-left: 35px; } .foot-bottom ul.a li { font-size: 1.1em; line-height: 1.64; } .foot-bottom ul.a li a { white-space: nowrap; } /* ELEMENTS ------------------------------------------- */ /* headers */ h1, h2, h3, h4, h5, h6 { margin: 0 0 8px; color: #0b3035; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; line-height: normal; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { color: #e86043; } h1 { margin: 0 0 13px; font-size: 3.0em; } h2 { padding: 15px 0 0; font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1.0em; } h2.a { padding: 2px 0 2px 24px; background: url(../images/arrow.png) 100% 50% no-repeat; color: #fff; font-size: 1.781em; text-decoration: none; } h2.b { padding: 0; color: #e86043; font-size: 3em; font-weight: normal; line-height: normal; } h2.b span { font-weight: bold; } h2.c { margin: 0 0 13px -7px; font-size: 1.781em; } h2.c a { display: block; padding: 37px 0 0 7px; text-decoration: none; } h2.c a span { display: block; padding: 5px 30px 5px 22px; background: url(../images/arrow.png) 100% 50% no-repeat; color: #fff; } h2.d { padding: 0; margin: 0 0 8px; font-weight: normal; line-height: 1; } h2.d strong, h2.d span { font-weight: bold; color: #0b3035; } h2.e { margin: 0 0 28px; color: #fff; font-size: 3em; line-height: normal; } h2.e span { color: #80c259; } h3.a { margin: 0; color: #e86043; font-size: 1.8em; font-weight: normal; line-height: 1.67; text-transform: uppercase; } /* containers */ div.box-s { display: block; position: relative; width: 188px; margin: 0 0 14px; padding: 8px 12px 12px 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ebf2ee; color: #0b3035; } div.box-s-first { padding-top: 0; } div.box-s h2.a { position: relative; top: -20px; left: -27px; width: 159px; padding: 5px 0 8px 21px; margin: 0 0 -12px; font-size: 2.289em; } div.box-s p { margin: 0 0 15px; } div.box-s strong { color: #e86043; } div.box-s form { padding: 0 0 25px; } div.box-s p.row { margin: 0 0 8px; } div.box-s label { position: absolute; top: 4px; left: 11px; } div.box-s input { width: 158px; } div.box-s p.submitrow { position: absolute; bottom: -22px; left: 17px; padding: 2px 0 0; font-size: 2.289em; } div.box-s button.a { padding-left: 53px; } .blog div.box-s { margin: 0 0 20px; padding: 0 13px 12px; } .blog div.box-s h2.a { left: -25px; } div.box-c { display: block; position: relative; width: 620px; margin: 0 0 14px; padding: 8px 12px 12px 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ebf2ee; color: #0b3035; } div.item-list .item { float: left; width: 280px; margin: 0 0 18px; padding: 0 3px 0 70px; } div.item-list .item-first { margin-right: 5px; } div.item-list .item-solutions { background: url(../images/ico-globe.jpg) 0 0 no-repeat; } div.item-list .item-services { background: url(../images/ico-mouse.jpg) 0 -5px no-repeat; } div.item-list .item-find-us { background: url(../images/ico-facebook-big.jpg) 5px 0 no-repeat; } div.item-list .item-follow-us { background: url(../images/ico-twitter-big.jpg) 0 0 no-repeat; } /* forms */ p.row { position: relative; margin: 0 0 8px; font-size: 1.2em; line-height: 1.5; } label { color: #808c85; } input { width: 148px; padding: 5px 10px 4px; border: 0; } button.a { display: block; width: 210px; padding: 7px 0 7px 22px; margin: 0; border: 0; background: url(../images/arrow.png) 100% 50% no-repeat; color: #fff; font-weight: bold; text-align: left; } * html button.a { padding: 0 0 0 22px; } *:first-child+html button.a { padding: 0 0 0 22px; } /* tables */ table { } table th, table td { padding: 5px 10px; border: 1px solid #ccc; } /* lists */ #nav-side { display: block; list-style: none; position: relative; left: -7px; margin: 0; padding: 0; } #nav-side li { padding: 0 0 0 13px; margin: 0 0 3px; font-size: 1.8em; line-height: 1.67; } #nav-side li a { color: #0b3035; text-decoration: none; } #nav-side li a:hover, #nav-side li a:focus, #nav-side li a:active { text-decoration: underline; } #nav-side ul { list-style: none; margin: 0; padding: 0; } #nav-side ul li { margin: 0; padding: 0 0 0 18px; font-size: 0.78em; line-height: 1.4; } #nav-side li.selected { background: url(../images/nav-side-arrow.gif) 0 10px no-repeat; } #nav-side li.selected a { color: #e86043; } #nav-side li.selected li { background: none; } #nav-side li.selected li a { color: #0b3035; } #nav-side li li.selected { background: url(../images/nav-side-arrow.gif) 0 4px no-repeat; } ul.a { list-style-position: inside; margin: 0 0 18px; padding: 0; color: #e86043; } ul.a li span { color: #808184; } ul.a li a { color: #808c85; text-decoration: none; } ul.a li a:hover, ul.a li a:focus, ul.a li a:active { text-decoration: underline; } ul.b { list-style-position: inside; margin: 0; padding: 0; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; } ul.b li { margin: 0 0 3px; color: #88cc5c; font-size: 1.8em; line-height: normal; } ul.b li span { padding: 0 0 0 5px; color: #fff; } ol.a { list-style-position: inside; margin: 0 0 18px; padding: 0; color: #e86043; } ol.a li { font-weight: bold; } ol.a li span { color: #808184; font-weight: normal; } /* paragraphs */ /* links */ .link-a a { padding: 11px 15px 12px; background: #e86043; color: #fff; text-decoration: none; } .link-a a:hover, .link-a a:focus, .link-a a:active { text-decoration: underline; } .link-b a { display: block; overflow: hidden; width: 189px; min-height: 20px; padding: 6px 0 6px 30px; background: url(../images/arrow.png) 100% 50% no-repeat; color: #fff; font-size: 1.781em; text-decoration: none; } .link-b a:hover, .link-b a:focus, .link-b a:active { text-decoration: underline; } .link-c { margin: 0 0 14px; font-size: 1.8em; line-height: normal; } .link-c a { display: block; padding: 10px 0; color: #0b3035; text-decoration: none; } .link-twitter a { margin: 0 -5px 14px 0; padding-left: 50px; background: url(../images/ico-twitter.jpg) 0 50% no-repeat; } .link-facebook a { margin: 0 -5px 14px 0; padding-left: 47px; background: url(../images/ico-facebook.jpg) 0 50% no-repeat; } /* other */ #list-a { display: block; overflow: hidden; list-style: none; width: 567px; height: 317px; margin: 0 0 0 auto; padding: 0; } #list-a li { float: left; padding: 0; margin: 0; margin-top:12px; } #list-a li img { display: block; } .sfrotator { z-index: 100; position: relative; margin: 0; padding-left: 350px; } .sfrotator .sfitems { position: relative; width: 100%; z-index: 10; } .sfrotator .sfitems .sfitem { display: none; position: absolute; top: 0; left: 0; z-index: 10; } * html .sfrotator .sfitems .sfitem { display: block; } .sfrotator .sfitems .active { display: block; } .sfrotator .sfcontrols { z-index: 1000; position: absolute; right: 44px; bottom: -29px; float: left; overflow: hidden; z-index: 20; margin: 0; } .sfrotator .sfcontrols li { z-index: 1000; display: inline; float: left; text-align: center; margin: 0 0 0 3px; z-index: 20; font: normal 1.1em/1.6 Arial, Helvetica, sans-serif; border: none; } .sfrotator .sfcontrols li a { float: left; height: 17px; padding: 0 5px; color: #fff; background: #365451; text-align: center; text-decoration: none; } .sfrotator .sfcontrols li a.active { background: #e86043; color: #fff; } .sfrotator .sfcontrols li a:hover { background: #e86043; color: #fff; } .sfrotator .sfcontrols li.lead { padding: 0 12px 0 0; margin: 0 13px 0 0; border-right: 1px solid #e86043; color: #0b3035; font: bold 1.8em Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 17px; } /* GOODBARRY ------------------------------------------- */ /* contact-form */ form.a { display: block; margin: 0; padding: 0; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; } form.a h3 { font-size: 1.4em; font-weight: bold; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; } form.a p { overflow: hidden; width: 100%; } form.a p label { float: left; width: 110px; padding: 6px 15px 0 0; } form.a p input { padding: 5px; width: 275px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; } form.a p select { padding: 5px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; } form.a p textarea { overflow: auto; padding: 5px; width: 275px; height: 100px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; } form.a p img { display: block; margin: 10px 0 0; } form.a p.tick-a { } form.a p.tick-a label { float: none; width: auto; padding: 0; line-height: 20px; vertical-align: middle; } form.a p.tick-a input { width: 20px; height: 20px; margin: 0; padding: 0; border: none; vertical-align: middle; } form.a p.submit { width: auto; margin-left: 125px; font-size: 1.4em; font-weight: bold; } * html form.a p.submit { text-indent: 3px; } form.a p.submit button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 14px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; } /* post */ div.post-a { margin: 0 0 26px; padding: 0 10px 0 0; } div.post-a p.date { margin: 0 0 17px; color: #e86043; font-size: 1.4em; line-height: 1.29; font-weight: bold; letter-spacing: 2px; } div.post-a h1, div.post-a h2 { margin: 0; color: #0b3035; font-size: 1.8em; } div.post-a h1 a, div.post-a h2 a { color: #0b3035; text-decoration: none; } div.post-a h1 a:hover, div.post-a h1 a:focus, div.post-a h1 a:active, div.post-a h2 a:hover, div.post-a h2 a:focus, div.post-a h2 a:active { text-decoration: underline; } div.post-a p { font-size: 1.2em; line-height: 1.5; } div.post-a p.img { margin: 0 0 12px; } div.post-a p.info { clear: both; margin: 0 0 12px; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } div.post-a p.info span { padding: 0 9px; color: #e86043; } div.post-a p.info strong { color: #808c85; font-weight: normal; font-style: italic; text-transform: uppercase; } div.post-a p.info strong a { color: #808c85; } div.post-a p.info a { text-decoration: none; } div.post-a p.info a span { padding: 0; color: #498dbc; text-decoration: underline; } div.comments-a { margin: 20px 0 23px; border: 1px solid #96bdd8; background: #ebf2ee; } .js div.comments-a { } div.comments-a p.side { float: right; padding: 9px 10px 0 15px; font-size: 0.9em; } div.comments-a h2 { margin: 0; padding: 10px; color: #3e90b3; font: bold 1.6em/1.25 Verdana, Geneva, Arial, Helvetica, sans-serif; } div.comments-a p.empty { margin: 0; padding: 10px; } div.comments-a div.comment { padding: 3px 10px 0; background: #ebf2ee; } div.comments-a div.alt { background: #ebf2ee; } div.comments-a div.comment p.author { margin: 0 0 6px; padding: 0 0 4px; border-bottom: 1px solid #96bdd8; color: #3e90b3; font: normal 1.4em/1.43 Helvetica Neue,Helvetica,Arial,sans-serif; } div.comments-a div.comment p.author a { color: #2d7bb2; text-decoration: none; } div.comments-a div.comment blockquote { margin: 0; padding: 0; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; } div.comments-a div.comment blockquote p { font-size: 1.2em; line-height: 1.5; margin: 0 0 20px; } div.add-comment-a { margin: 0 0 30px; padding: 0 0 0 20px; } .js div.add-comment-a { display: none; } div.add-comment-a h2 { margin: 0 -20px 12px; color: #195285; font: bold 1.6em/1.25 Verdana, Geneva, Arial, Helvetica, sans-serif; } div.add-comment-a p { margin: 0 0 10px; } div.add-comment-a p label { float: left; width: 80px; padding: 5px 9px 0 0; } div.add-comment-a p input { width: 209px; padding: 3px 3px 2px; border: 1px solid #ccc; } div.add-comment-a p textarea { width: 533px; height: 130px; padding: 3px; border: 1px solid #ccc; } div.add-comment-a p.submit { font-size: 2.289em; } div.add-comment-a p button { position: relative; margin-left: 90px; } div.add-comment-a p.captcha { } div.add-comment-a p.captcha img { display: block; margin: 0 0 8px 90px; vertical-align: middle; } div.add-comment-a p.captcha input { margin: 0 10px 0 0; vertical-align: middle; } div.add-comment-a p.message { } /* sidebar */ div.BlogRecentPost, div.BlogPostArchive, div.BlogBlogroll { margin: 0 -13px 10px; padding: 0 13px; border-bottom: 1px dotted #365451; } div.BlogBlogroll { border: 0; } div.BlogRecentPost ul, div.BlogPostArchive ul, div.BlogBlogroll ul { list-style: none; margin: 0 0 24px; padding: 0; } div.BlogRecentPost ul li, div.BlogPostArchive ul li, div.BlogBlogroll ul li { margin: 0; font-size: 1.2em; line-height: 2; } div.BlogRecentPost ul li a, div.BlogPostArchive ul li a, div.BlogBlogroll ul li a { color: #0b3035; } div.BlogTagCloud { margin: 0 -13px 13px; padding: 0 13px 19px; border-bottom: 1px dotted #365451; font-size: 1em; word-spacing: 10px; line-height: 1.5; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; vertical-align: baseline; } div.BlogTagCloud a { color: #0b3035; font-size: 1.1em; text-decoration: none; word-spacing: 0; } div.BlogTagCloud a:hover, div.BlogTagCloud a:focus, div.BlogTagCloud a:active { text-decoration: underline; } div.BlogTagCloud a.BlogTagCloud-XX-Small, div.BlogTagCloud a.BlogTagCloud-X-Small { font-size: 1.1em; } div.BlogTagCloud a.BlogTagCloud-Small { font-size: 1.2em; } div.BlogTagCloud a.BlogTagCloud-Medium { font-size: 1.4em; } div.BlogTagCloud a.BlogTagCloud-Large { font-size: 1.6em; } div.BlogTagCloud a.BlogTagCloud-X-Large { font-size: 1.8em; } div.BlogTagCloud a.BlogTagCloud-XX-Large { font-size: 2.2em; } /* newsletter */ form.newsletter-a { width: 450px; height: 90px; padding: 0 0 5px; } form.newsletter-a h2 { margin: 0 0 10px; color: #09467c; font-size: 1.8em; } form.newsletter-a h2 span { color: #4ea4ba; } form.newsletter-a p { position: relative; width: 100%; margin: 0 0 5px; } form.newsletter-a p label { font-size: 0.83em; } .js #header form.newsletter p label { position: absolute; left: 5px; top: 5px; } form.newsletter-a p input { width: 225px; height: 20px; margin: 0 5px 0 0; padding: 4px 4px 0; border: 1px solid #e3e4e4; font-size: 12px; vertical-align: middle; } form.newsletter-a p button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 12px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; vertical-align: middle; } /* helpers */ li.separate { display: block !important; overflow: hidden !important; clear: both !important; float: none !important; width: 100% !important; height: 1px !important; min-height: 0 !important; margin: -1px 0 0 !important; padding: 0 !important; border: none !important; background: none !important; font-size: 1px !important; text-align: left !important; text-indent: -10001px !important; } .system-message {background:none; margin:0px; padding:0px; padding:25px;} .features div {float:left; height:95px;} /* Notices -------------------------------------*/ #notice-slider { padding: 20px; color: #fff; font-weight: bold; display: none; margin: 0 0 20px 0; font-size: 1.4em; } .alarm { background-color: red; } .caution { background-color: #e86043; } .system-error-message {background:none; padding:0px; margin:0px; padding:25px;} /* Order List -------------------------------------*/ ul.order-list { width: 100%; border: none; list-style: none; padding: 0; margin: 0; } ul.order-list li { padding: 10px; border-bottom: #CCCCCC dashed 1px; } ul.order-list li:hover { /* background: #F3F3DB; */} ul.order-list li.head { background-color: #f8f8f8; font-weight: bold; border: none; height:40px;} ul.order-list li span { display: block; float: left; padding-top:10px; } ul.order-list li div span { float: none;} ul.order-list li span.invoice-number { width: 65px;} ul.order-list li span.invoice-date { width: 100px; } ul.order-list li span.invoice-amount { width: 75px; } ul.order-list li span.invoice-status { width: 400px; } ul.order-list li div { width: 250px; float: left; padding-top:10px;} ul.order-list li span.invoice-action { width: 75px; } /* Order List Table -------------------------------------*/ table.order-list { width: 100%; border: none; } table.order-list tbody tr.alt, table.order-list thead tr { background-color: #F3F3DB } table.order-list thead tr { font-weight: bold; } table.order-list tr td { padding: 10px; border: none;} table.order-list tbody tr td span.invoice-number { display: block; } table.order-list tbody tr td.outstanding-balance { font-weight: bold; font-size: 1.2em; color: red; } #RememberMe {float:left; margin-left:-132px;} #CampaignList_25203,#f-updates{ margin-left:-118px;} body input, body textarea{ border:1px solid #CCCCCC; padding:3px; width:250px;} #contact-form input, #contact-form textarea{ border:1px solid #CCCCCC; padding:3px; width:250px;} label {color:#808C85;float:left;width:175px;} #contact-form textarea {width:400px;} #contact-form label {float:left; width:200px; font-size:1em;} #contact-form p button{background:#09467c none repeat scroll 0 0;border:medium none;color:#FFFFFF;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;height:26px;line-height:26px;padding:0 20px;position:relative; } #contact-form h3 {margin-top:15px;} #isLoggedIn {display:none;} table th, table td {border:0px;} #recentActivity {overflow:hidden; font-size:1em; background-color:#F8F8F8; font-weight:bold; height:30px; padding:10px;} #recentActivity .subject {width:240px; float:left;} #recentActivity .category {width:227px; float:left;} #recentActivity .status {width:150px; float:left;} table.case-list td.subject, table.case-list td.category {width:31%;} #CaptchaV2 {margin:10px 0px 10px 89px;} /* full no flex .definition {width:655px; background:url(../images/definition-full.gif) no-repeat; padding:15px;} .definition h2 {padding:0px; margin:0px;} */ .definition {width:670px; background:url(../images/def-mid.gif) repeat-y; z-index:10; margin-left:-5px;} .definition .topper {height:19px; background:url(../images/def-top.gif) no-repeat;} .definition .content {background:transparent url(../images/def-bot.gif) no-repeat scroll 0 100%; z-index:50; padding:20px 20px; margin-top:-20px;} .definition h2 {padding:0px; margin:0px; padding-bottom:15px;} /*home page social link addon */ .item-find-us, .item-follow-us {position:relative;} .item-find-us h2 a, .item-follow-us h2 a {color:#0B3035; text-decoration:none;} /* .item-find-us h2 a:hover, .item-follow-us h2 a:hover {color:#E86043;} */ .soc-link-addon-1 {width:50px; height:50px; position:absolute; top:0px; left:0px;}