/* reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;} caption, th, td {text-align:left;font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} img, a img {border:none;outline:none;} :focus{outline:none;} * { margin: 0; padding: 0; } /* DEFAULT GLOBAL --------------------------------------------- */ .hideforscreen {display:none; height:0;} body {background:url(../img/layout/bg.gif) no-repeat center top; font-family:arial,verdana,helvetica,sans-serif; font-size:9pt} a:link, a:visited {color:#bf332a; outline:none; text-decoration:none;} a:hover, a:active, li a.active {color:#f32837; outline:none; text-decoration:underline;} #header {width:960px; height:122px; display:block;} #logo {width:240px; height:117px; float:left; display:block; padding-top:5px; padding-left:10px;} #logo h3 a {display:block; margin:0; width:240px; height:117px;text-indent:-5000px; overflow:hidden; background: url(../img/layout/logo.gif) no-repeat;} #top-right {width:710px; height:122px; float:right; display:block;} #home-main-header {width:960px; height:313px; display:block; background: url(../img/layout/home-main-header.jpg) no-repeat;padding-top:18px;} #home-main-header h2 {width:528px; height:62px; display:block; background: url(../img/layout/home-main-header-h2.gif) no-repeat; margin:0 0 0 37px; text-indent:-5000px; position:relative;} #home-main-header h1 {font-size:11pt; color:black; font-weight:normal; margin:12px 0 19px 37px; width:550px;} #home-main-header ul {margin-left:38px; margin-top:0; padding-bottom:10px; font-size:9pt; color:black; width:420px;} #home-main-header li {margin:0 5px 5px 5px; list-style:none; padding-left:15px; font-size:9pt; background: url(../img/layout/li.gif) 0 5px no-repeat;} .sep-gris {width:960px; height:1px; display:block; background:#c5bfbb;} #home-left {width:310px; display:block; float:left; background: url(../img/layout/bg-home-left.gif) repeat-y;} #home-left h2 {width:310px; height:46px; display:block; background: url(../img/layout/home-seduce.gif) no-repeat; text-indent:-5000px;} #key-phrases-holder {width:228px; height:119px; display:block; background: url(../img/layout/key-phrases-holder.jpg) no-repeat;padding:13px 35px 30px 37px;line-height:24px;} #btn-sendrequest-home h3 a {width:280px; height:32px; display:block; background: url(../img/layout/btn-sendrequest-home.gif) no-repeat; text-indent:-5000px;margin-left:10px;} #btn-sendrequest-section h3 a {width:221px; height:32px; display:block; background: url(../img/layout/btn-sendrequest-section.gif) no-repeat; text-indent:-5000px;margin-left:8px;} #shadow-btn {width:280px; height:20px; display:block; background: url(../img/layout/shadow-btn.gif) no-repeat;margin-left:8px;} #shadow-btn-section {width:221px; height:18px; display:block; background: url(../img/layout/shadow-btn-section.gif) no-repeat;margin-left:8px;} #btn-facebook h3 a {width:219px; height:34px; display:block; background: url(../img/layout/btn-facebook.gif) no-repeat; text-indent:-5000px;margin:0 0 5px 37px;} #btn-twitter h3 a {width:219px; height:34px; display:block; background: url(../img/layout/btn-twitter.gif) no-repeat; text-indent:-5000px;margin:0 0 5px 37px;} #btn-blog h3 a {width:219px; height:34px; display:block; background: url(../img/layout/btn-blog.gif) no-repeat; text-indent:-5000px;margin:0 0 5px 37px;} #home-right {width:630px; display:block; margin-left:20px; float:right;} #home-competitve {width:628px; height:46px; display:block;} #home-competitve h2 {width:570px; height:46px; display:block; background: url(../img/layout/home-competitive.gif) no-repeat; text-indent:-5000px;} #home-competitve-holder {width:630px; height:205px; display:block; background: url(../img/layout/home-competitve-bg.jpg) bottom left no-repeat;} #home-competitve-image {float:left; width:123px; height:131px; display:block; background: url(../img/layout/home-competitve-image.jpg) no-repeat;margin-top:20px;} #home-competitve-text {float:left; width:460px; display:block; padding-top:9px;margin-left:20px;} #home-competitve-text ul {margin-top:0; padding-bottom:10px; font-size:9pt; color:black;} #home-competitve-text li {margin:0 5px 5px 5px; list-style:none; padding-left:15px; font-size:9pt; background: url(../img/layout/li.gif) 0 5px no-repeat;} h2.newsroom {width:140px; height:28px; display:block; background: url(../img/layout/newsroom.gif) no-repeat; text-indent:-5000px;margin-bottom:10px;} #newsroom {line-height:16px;width:570px;} #newsroom span {color:#8b8078} #newsroom p {margin-bottom:10px;} h2.newsroom-login {width:140px; height:28px; display:block; background: url(../img/layout/newsroom.gif) no-repeat; text-indent:-5000px;margin-bottom:10px;margin-left:20px;} #newsroom-login {line-height:16px;width:220px;padding-left:20px} #newsroom-login span {color:#8b8078} #newsroom-login p {margin-bottom:10px;} /* TEXT STYLING --------------------------------------------- */ .date {font:normal 8.5pt arial,helvetica,sans-serif; color:#8b8078;} /* LAYOUT --------------------------------------------- */ #container {margin: 0 auto; width:960px;} #wrapper {margin: 0 auto; width:960px;} #utility {display:block;width:710px;height:20px;text-align:right;font-size:8.5pt;padding-top:12px;} .login {display:block;height:20px;width:100px;padding-right:50px;float:right;} .utility-links {display:inline;height:20px;float:right;} #footer-left {float:left; width:540px; font-weight:normal; font-size:8.5pt; color:#8b8078; padding-left:37px; margin-bottom:20px; padding-top:15px;} #footer-right {float:right; font-weight:normal; font-size:8.5pt; color:#8b8078; text-align:right; margin-right:37px; margin-bottom:20px;} /* SECTIONS --------------------------------------------- */ #section-left {float:left; width:250px; min-height:614px; margin-top:14px; background: url(../img/layout/bg-section-left.gif) repeat-y;} #section-left h2.about {width:250px; height:47px; display:block; background: url(../img/layout/t-about.gif) no-repeat; text-indent:-5000px;} #section-left h2.solutions {width:250px; height:47px; display:block; background: url(../img/layout/t-solutions.gif) no-repeat; text-indent:-5000px;} #section-left h2.tech {width:250px; height:47px; display:block; background: url(../img/layout/t-tech.gif) no-repeat; text-indent:-5000px;} #section-left h2.services {width:250px; height:47px; display:block; background: url(../img/layout/t-services.gif) no-repeat; text-indent:-5000px;} #section-left h2.news {width:250px; height:47px; display:block; background: url(../img/layout/t-news.gif) no-repeat; text-indent:-5000px;} #section-left h2.contact {width:250px; height:47px; display:block; background: url(../img/layout/t-contact.gif) no-repeat; text-indent:-5000px;} #section-left h2.none {width:250px; height:47px; display:block; background: url(../img/layout/t-none.gif) no-repeat; text-indent:-5000px;} #section-menu {display:block; width:250px; height:330px; padding-top:17px;} #bouton {display:block; width:197px;margin-left:32px} #bouton ul {list-style:none; margin:0; padding:0; border:none;} #bouton li {margin:0;} #bouton li a {display:block; padding: 6px 0 6px 0; color:#bf332a; font-weight:normal; text-decoration:none; width:100%; font-size:8.5pt; width:197px; font-weight:bold;} #bouton li a.active {color:#8b8078;font-weight:bold;} #bouton li a:hover.active {color:#8b8078; font-weight:bold;} #bouton li a.sub {font-size:8.5pt; width:auto;} html>body #bouton li a {width:auto;} #bouton li a:hover {color:#f32837;} #section-right-about {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-about2.jpg) top right no-repeat;} #section-right-services-support p, #section-right-tech-ms2 p, #section-right-solutions-vipass p, #section-right-solutions-communi-t p, #section-right-solutions-gift-cards p, #section-right-solutions-loyalty p, #section-right-about-careers p, #section-right-about p, #section-right-about-team p, #section-right-about-history p {line-height:18px;width:470px;} #section-right-services-support ul, #section-right-tech-ms2 ul, #section-right-solutions-vipass ul, #section-right-solutions-communi-t ul, #section-right-solutions-gift-cards ul, #section-right-solutions-loyalty ul, #section-right-about-careers ul, #section-right-about ul, #section-right-about-team ul, #section-right-about-history ul {margin-top:0; padding-bottom:10px; font-size:9pt; color:black;width: 470px;} #section-right-services-support li, #section-right-tech-ms2 li, #section-right-solutions-vipass li, #section-right-solutions-communi-t li, #section-right-solutions-gift-cards li, #section-right-solutions-loyalty li, #section-right-about-careers li, #section-right-about li, #section-right-about-team li, #section-right-about-history li {margin:0 5px 5px 5px; list-style:none; padding-left:15px; font-size:9pt; background: url(../img/layout/li.gif) 0 5px no-repeat;} #section-right-about-history {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-about3.jpg) top right no-repeat;} #section-right-about-team {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-about15.jpg) top right no-repeat;} #section-right-about-careers {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-about17.jpg) top right no-repeat;} #section-right-solutions-loyalty {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-about2.jpg) top right no-repeat;} #section-right-solutions-gift-cards {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-about5.jpg) top right no-repeat;} #section-right-solutions-communi-t {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-about14.jpg) top right no-repeat;} #section-right-solutions-vipass {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-about.jpg) top right no-repeat;} #section-right-tech-ms2 {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-about13.jpg) top right no-repeat;} #section-right-services-support {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-about19.jpg) top right no-repeat;} h1.history {display:block; width:80px; height:17px; background: url(../img/headers/history.gif) no-repeat; text-indent:-5000px;margin-bottom:2px;} h2.history-a {display:block; width:480px; height:93px; background: url(../img/headers/history-a.gif) no-repeat; text-indent:-5000px;margin-bottom:15px;} h1.team {display:block; width:66px; height:17px; background: url(../img/headers/team.gif) no-repeat; text-indent:-5000px;margin-bottom:2px;} h2.team-a {display:block; width:366px; height:62px; background: url(../img/headers/team-a.gif) no-repeat; text-indent:-5000px;margin-bottom:15px;} h2.team-b {display:block; width:159px; height:27px; background: url(../img/headers/team-b.gif) no-repeat; text-indent:-5000px;margin-top:15px;margin-bottom:15px;} h1.careers {display:block; width:55px; height:17px; background: url(../img/headers/careers.gif) no-repeat; text-indent:-5000px;margin-bottom:2px;} h2.careers-a {display:block; width:506px; height:31px; background: url(../img/headers/careers-a.gif) no-repeat; text-indent:-5000px;margin-bottom:15px;} #section-right-solutions {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-solutions.jpg) top right no-repeat;} #section-right-solutions p {line-height:18px;width:470px;} #section-right-solutions ul {margin-top:0; padding-bottom:10px; font-size:9pt; color:black;} #section-right-solutions li {margin:0 5px 5px 5px; list-style:none; padding-left:15px; font-size:9pt; background: url(../img/layout/li.gif) 0 5px no-repeat;} h1.loyalty {display:block; width:122px; height:17px; background: url(../img/headers/loyalty.gif) no-repeat; text-indent:-5000px;margin-bottom:2px;} h2.loyalty-a {display:block; width:472px; height:93px; background: url(../img/headers/loyalty-a.gif) no-repeat; text-indent:-5000px;margin-bottom:15px;} h2.loyalty-b {display:block; width:218px; height:30px; background: url(../img/headers/loyalty-b.gif) no-repeat; text-indent:-5000px;margin-top:15px;margin-bottom:15px;} h1.gift-cards {display:block; width:166px; height:17px; background: url(../img/headers/gift-cards.gif) no-repeat; text-indent:-5000px;margin-bottom:2px;} h2.gift-cards-a {display:block; width:546px; height:62px; background: url(../img/headers/gift-cards-a.gif) no-repeat; text-indent:-5000px;margin-bottom:15px;} h1.communi {display:block; width:156px; height:17px; background: url(../img/headers/communi.gif) no-repeat; text-indent:-5000px;margin-bottom:2px;} h2.communi-a {display:block; width:366px; height:62px; background: url(../img/headers/communi-a.gif) no-repeat; text-indent:-5000px;margin-bottom:15px;} h1.vipass {display:block; width:48px; height:17px; background: url(../img/headers/vipass.gif) no-repeat; text-indent:-5000px;margin-bottom:2px;} h2.vipass-a {display:block; width:506px; height:62px; background: url(../img/headers/vipass-a.gif) no-repeat; text-indent:-5000px;margin-bottom:15px;} h2.vipass-b {display:block; width:459px; height:45px; background: url(../img/headers/vipass-b.gif) no-repeat; text-indent:-5000px;margin-top:15px;margin-bottom:15px;} h1.tech {display:block; width:26px; height:17px; background: url(../img/headers/tech.gif) no-repeat; text-indent:-5000px;margin-bottom:2px;} h2.tech-a {display:block; width:376px; height:62px; background: url(../img/headers/tech-a.gif) no-repeat; text-indent:-5000px;margin-bottom:15px;} #section-right-services {float:right; width:684px; color:#131212; margin-top:31px; background:url(../img/layout/section-right-services.jpg) top right no-repeat;} #section-right-services p {line-height:18px;width:470px;} #section-right-services ul {margin-top:0; padding-bottom:10px; font-size:9pt; color:black;} #section-right-services li {margin:0 5px 5px 5px; list-style:none; padding-left:15px; font-size:9pt; background: url(../img/layout/li.gif) 0 5px no-repeat;} h1.know-how {display:block; width:121px; height:17px; background: url(../img/headers/know-how.gif) no-repeat; text-indent:-5000px;margin-bottom:2px;} h2.know-how-a {display:block; width:473px; height:93px; background: url(../img/headers/know-how-a.gif) no-repeat; text-indent:-5000px;margin-bottom:15px;} h1.support {display:block; width:58px; height:17px; background: url(../img/headers/support.gif) no-repeat; text-indent:-5000px;margin-bottom:2px;} h2.support-a {display:block; width:316px; height:62px; background: url(../img/headers/support-a.gif) no-repeat; text-indent:-5000px;margin-bottom:15px;} #section-right-news {float:right; width:684px; color:#131212; margin-top:22px;} #section-right-news p {line-height:18px;width:645px;} #section-right-news a {font-weight:bold;} #section-right-news ul {margin-top:0; padding-bottom:10px; font-size:9pt; color:black;} #section-right-news li {margin:0 5px 5px 5px; list-style:none; padding-left:15px; font-size:9pt; background: url(../img/layout/li.gif) 0 5px no-repeat;} h1.press {display:block; width:246px; height:31px; background: url(../img/headers/press.gif) no-repeat; text-indent:-5000px; margin-bottom:22px;} h1.media {display:block; width:251px; height:31px; background: url(../img/headers/media.gif) no-repeat; text-indent:-5000px; margin-bottom:22px;} h1.archives {display:block; width:142px; height:31px; background: url(../img/headers/archives.gif) no-repeat; text-indent:-5000px; margin-bottom:22px;} #section-right-contact {float:right; width:684px; color:#131212; margin-top:23px; background:url(../img/layout/section-right-about18.jpg) top right no-repeat;} #section-right-contact p {line-height:18px;width:645px;} #section-right-contact a {font-weight:bold;} #section-right-contact ul {margin-top:0; padding-bottom:10px; font-size:9pt; color:black;} #section-right-contact li {margin:0 5px 5px 5px; list-style:none; padding-left:15px; font-size:9pt; background: url(../img/layout/li.gif) 0 5px no-repeat;} h1.coordinates {display:block; width:266px; height:31px; background: url(../img/headers/coordinates.gif) no-repeat; text-indent:-5000px; margin-bottom:22px;} h1.trademark {display:block; width:376px; height:31px; background: url(../img/headers/trademark.gif) no-repeat; text-indent:-5000px; margin-bottom:22px;} h1.sitemap {display:block; width:136px; height:31px; background: url(../img/headers/sitemap.gif) no-repeat; text-indent:-5000px; margin-bottom:22px;} h1.legal {display:block; width:206px; height:31px; background: url(../img/headers/legal.gif) no-repeat; text-indent:-5000px; margin-bottom:22px;} h1.terms {display:block; width:206px; height:31px; background: url(../img/headers/terms.gif) no-repeat; text-indent:-5000px; margin-bottom:22px;} h1.ms2 {display:block; width:246px; height:17px; background: url(../img/headers/ms2.gif) no-repeat; text-indent:-5000px;margin-bottom:2px;margin-top:9px;} h2.ms2-a {display:block; width:592px; height:29px; background: url(../img/headers/ms2-a.gif) no-repeat; text-indent:-5000px;margin-bottom:15px;} h1.request {display:block; width:246px; height:31px; background: url(../img/headers/request.gif) no-repeat; text-indent:-5000px; margin-bottom:22px;} h1.conditions {display:block; width:340px; height:31px; background: url(../img/headers/conditions.gif) no-repeat; text-indent:-5000px; margin-bottom:22px;} h1.privacy {display:block; width:340px; height:31px; background: url(../img/headers/privacy.gif) no-repeat; text-indent:-5000px; margin-bottom:22px;} /* NAVIGATION --------------------------------------*/ /* --- Primary Navigation --- */ #siteNavigation {z-index:100;position:relative;float:right;width:694px;height:28px;display:block;margin-top:34px;padding-left:16px;} #siteNavigation ul.navPrimary {margin: 0 0 0 0;position:relative;} #siteNavigation ul.navPrimary li {list-style-type:none; list-style-image:none; margin:0 0 2px 0; float:left; position:relative;} #siteNavigation ul.navPrimary li a {display:block; height:28px; text-decoration:none; text-indent:-9000px; overflow:hidden; background-position:top left; outline:none;} #siteNavigation ul.navPrimary li a:hover, #siteNavigation ul.navPrimary li.current a {background-position:bottom left;} #siteNavigation ul.navPrimary li.about a {background-image:url(../img/layout/nav-about.gif); width:107px;} #siteNavigation ul.navPrimary li.solutions a {background-image:url(../img/layout/nav-solutions.gif); width:107px;} #siteNavigation ul.navPrimary li.tech a {background-image:url(../img/layout/nav-tech.gif); width:120px;} #siteNavigation ul.navPrimary li.services a {background-image:url(../img/layout/nav-services.gif); width:96px;} #siteNavigation ul.navPrimary li.news a {background-image:url(../img/layout/nav-news.gif); width:134px;} #siteNavigation ul.navPrimary li.contact a {background-image:url(../img/layout/nav-contact.gif); width:111px;} /* Keeps current primary selected */ #siteNavigation .navPrimary li:hover a, #siteNavigation .navPrimary li.sfhover a {background-position:bottom left;} /* --- Secondary Navigation (Drop Down) -- */ #siteNavigation ul.navSecondary {width:180px; border-top:none; position:absolute; padding:7px 0 6px 0; background-image:url(../img/layout/navSecondaryTop.gif); background-position:top center; background-repeat:no-repeat; margin:0; top:28px; left:-999em; /* hides nav */ } #siteNavigation li.contact ul.navSecondary {width:130px; border-top:none; position:absolute; padding:7px 0 6px 0; background-image:url(../img/layout/navSecondaryTopContact.gif); background-position: top center; background-repeat:no-repeat; margin:0; top:28px; left:-999em; /* hides nav */ } #siteNavigation ul.navSecondary li a {padding:6px 6px 6px 12px; color:#e4e1df; width:auto !important; background:#c3322b none !important; text-indent:0 !important; height:auto !important; display:list-item !important; border-bottom:1px solid #aa2d25; border-top:1px solid #cd6059; font-size:8.5pt; font-weight:bold; margin:0 0 0 0;} #siteNavigation ul.navSecondary li.bottom {padding:0; width:180px; background-image:url(../img/layout/navSecondaryBottom.gif); background-position: top center; background-repeat:no-repeat; text-indent:-2220px !important; display:block; height:4px; line-height:4px; border:none; /* IE7 Hack for bottom of menu */ *margin-top:-8px;} #siteNavigation ul.navSecondary li.bottomcontact {padding:0; width:130px; background-image:url(../img/layout/navSecondaryBottomContact.gif); background-position: top center; background-repeat:no-repeat; text-indent:-2220px !important; display:block; height:4px; line-height:4px; border:none; /* IE7 Hack for bottom of menu */ *margin-top:-8px;} #siteNavigation ul.navSecondary li a:hover {background-color:#f32837 !important; color:white;} #siteNavigation ul.navSecondary li {list-style-type:none; margin: 0 0 0 0; float:none;} /* displays secondary navigation on hover */ #siteNavigation .navPrimary li:hover ul.navSecondary, #siteNavigation .navPrimary li.sfhover ul.navSecondary {left: 0; /* shows nav */ } .sfhover{} /* Keeps current secondary selected */ #siteNavigation .navSecondary li.sfhover a, #siteNavigation .navSecondary li:hover a {background-color:#f32837 !important;} /* --- Tertiary Navigation (Drop Down) -- */ #siteNavigation ul.navTertiary {width:100px; background-color:#6c190d; position:absolute; top:0; padding:5px; left:-999px; /* hides nav */ } #siteNavigation ul.navSecondary li:hover ul.navTertiary, #siteNavigation ul.navSecondary li.sfhover ul.navTertiary {left: 150px; /* shows nav */ } /* FORMS --------------------------------------------- */ select {Border:1px solid #adadab;height:23px;padding:2px 2px 2px 2px;;font-family:Arial;font-size:9pt;} input.Medium {width:330px;Border:1px solid #adadab;height:18px;padding:2px 2px 1px 5px;font-family:Arial;font-size:9pt;} input.Large {width:450px;Border:1px solid #adadab;height:18px;padding:2px 2px 1px 5px;font-family:Arial;font-size:9pt;} input.Small {width:200px;Border:1px solid #adadab;height:18px;padding:2px 2px 1px 5px;font-family:Arial;font-size:9pt;} input.ExtSmall {width:62px;Border:1px solid #adadab;height:18px;padding:2px 2px 1px 5px;font-family:Arial;font-size:9pt;} input.Checks {width:20px; border:none;padding:0;height:auto;} textarea {Border:1px solid #adadab;padding:2px 2px 2px 5px;margin:0 0 0 0;font-family:Arial;font-size:9pt;} form td {padding-top:5px;} #sugar_lead { width:100%; height:620px; }