@charset "utf-8";

/* CSS Document */

/*html, body, #sitewrapper {height: 100%;}*/
body {background: #404040 url(../images/body-bg.gif) repeat-x; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #777; line-height: 1.8em;}

h1 {color: #007aa3; font-size: 2em; line-height: 1.2em; margin-bottom: 14px;}
h2 {color: #000; font-size: 1.4em; line-height: 1.2em;}
h3 {color: #000; font-size: 1.2em; line-height: 1.2em; font-weight: bold; margin-bottom: 10px;}
h4 {color: #000; font-size: 1.2em; line-height: 1em;}
h5 {color: #000; font-size: 1em; line-height: 1.2em;}

a {color: #007aa3;}
a:hover {text-decoration: underline;}
a:active {color: #007aa3;}
p {margin-bottom: 1em; font-size: 1.2em;}
strong {color: #000;}

#sitewrapper {margin: 0 auto; width: 860px;}

/***** > GENERAL CLASSES < *****/
/*******************************/

.columnContainer {margin-top: 25px; padding-top: 25px; border-top: 1px solid #ccc;}
.caption {font-style: italic; font-size: 0.9em; line-height: 1em; color: #000;}
.captionAlert {padding-left: 20px; background: url(../images/exclamation.jpg) no-repeat; font-style: italic; color: #007aa3;}
.commentName {font-style: italic; line-height: 1em; color: #000; text-align: right;}
.backLink {color: #007aa3 !important;}
.faqSection {margin: 50px 0 15px 0; font-size: 1.6em; line-height: 1.2em; font-weight: normal; color: #007AA3;}
.article {padding: 0 0 20px 25px; background: url(../images/article.png) no-repeat;}
.callout {margin: 0 0 20px 20px; padding: 15px 0; width: 200px; border-top: 3px solid #777; border-bottom: 1px solid #777; float: right;}
.pdf {padding: 0 0 20px 25px; background: url(../images/pdf-icon.png) no-repeat;}
.buildSystemIcon {padding: 0 0 20px 20px; font-weight: bold; background: url(../images/buildSystem-icon.png) no-repeat;}
.downloadIcon {padding-left: 20px; background: url(../images/download-icon.png) no-repeat;}
.viewDocumentIcon {padding: 0 0 5px 20px; background: url(../images/view-document-icon.png) no-repeat;}
.viewletIcon {padding: 0 0 5px 20px; background: url(../images/viewlet-icon.png) no-repeat;}
.bulletIndent {margin: 0 0 25px 10px; padding-left: 15px; background: url(../images/bullet-indent.gif) no-repeat;}
.gradient-header {background: url(../images/gradient-header.png) repeat-x;}
.clear {clear: both;}

a.learnMoreBtn {display: block; margin-bottom: 15px; width: 80px; height: 20px; background: url(../images/learnMore-btn.png) no-repeat;}
    a.learnMoreBtn:hover {background: url(../images/learnMore-btn-ON.png) no-repeat;}
a.readMoreBtn-blue {display: block; margin-bottom: 15px; width: 100px; height: 22px; background: url(../images/readMoreBlue-btn.png) no-repeat;}
    a.readMoreBtn-blue:hover {background: url(../images/readMoreBlue-btn-ON.png) no-repeat;}
a.bookDemoBtn {display: block; margin-bottom: 25px; width: 120px; height: 20px; background: url(../images/bookDemo-btn.png) no-repeat;}
    a.bookDemoBtn:hover {background: url(../images/bookDemo-btn-ON.png) no-repeat;}
a.bookTrainingBtn {display: block; margin-bottom: 25px; width: 105px; height: 20px; background: url(../images/bookTraining-btn.png) no-repeat;}
    a.bookTrainingBtn:hover {background: url(../images/bookTraining-btn-ON.png) no-repeat;}
a.buildSystemBtn {display: block; margin-bottom: 15px; width: 116px; height: 22px; background: url(../images/buildSystem-btn.png) no-repeat;}
    a.buildSystemBtn:hover {background: url(../images/buildSystem-btn-ON.png) no-repeat;}
a.orangeLink {font-weight: bold; color: #f93 !important;}
    a:active.orangeLink {color: #630 !important;}
    
    a.learnMoreBtn span, a.readMoreBtn-blue span, a.bookTrainingBtn span, a.bookDemoBtn span, a.buildSystemBtn span {display: none;}


/***** TWIN HELIX PNG FIX *****/
/******************************/

img, div { behavior: url(../png_fix/iepngfix.htc) }


/***** > PAGEWRAPPER STYLES < *****/
/**********************************/

#pagewrapper {padding-bottom: 15px; background: url(../images/pagewrapper-bg.png) repeat-y;}
    .pagewrapperHome            {background: url(../images/pagewrapperHome-bg.png) repeat-y !important;}
    #pagewrapper h1             {font-size: 1.8em; color: #007aa3;}

/***** > MAIN NAVIGATION STYLES < *****/
/**************************************/

#logoTunnel {position: relative; left: 5px; width: 250px; height: 65px;}
    #logoTunnel a {display: block; width: 250px; height: 65px;}
    #logoTunnel h1 {display: none;}

#mainNavTunnel {position: absolute; top: 0; left: 328px; width: 525px; height: 76px;}
    #mainNavTunnel ul li {display: block; float: left;}
        #mainNavTunnel li ul {display: none; position: relative; width: 200px; z-index: 999;}
        #mainNavTunnel li:hover ul {display: block;}
            #mainNavTunnel li ul li {padding-top: 2px; width: 200px;
                                -moz-box-shadow: 5px 10px 10px #000;
                                -webkit-box-shadow: 5px 10px 10px #000;
                                box-shadow: 0px 15px 20px #000;}
            #mainNavTunnel li ul li a {padding: 15px 10px 10px 36px; width: 155px; height: 12px; color: #fff; text-decoration: none; line-height: 1em;}
    #mainNavTunnel span {display: none;}

#aboutUsTunnel        {position: relative; top: 28px; left: 40px; width: 105px; height: 18px; background: url(../images/nav-about.png) no-repeat;}
    #aboutUsTunnel    a {display: block; width: 105px; height: 18px;}
    #aboutUsTunnel    a:hover {background: url(../images/nav-about-ON.png) no-repeat;}
    #aboutUsTunnel    h2 {display: none;}

#logo {position: relative; top: 16px; left: 40px; width: 210px; height: 46px; background: url(../images/logo.png) no-repeat;}
    #logo a {display: block; width: 210px; height: 46px;}
    #logo a:hover {background: url(../images/logo-ON.png) no-repeat;}
    #logo h1 {display: none;}

#mainNav {position: absolute; top: 39px; left: 260px; width: 600px; height: 76px;}
    #mainNav ul li {display: block; float: left;}
        #mainNav li ul {display: none; width: 200px;}
        #mainNav li:hover ul {display: block;}
            #mainNav li ul li {padding-bottom: 10px; width: 164px;}
            #mainNav li ul li a {padding: 10px 10px 10px 35px; width: 200px; height: 5px; color: #fff; text-decoration: none;}
    #mainNav span {display: none;}
    
    .dropdownMenu               {display: none; position: relative;}
        .dropdownTitleIMS       {display: block !important; margin-bottom: -8px; font-size: 1.4em; color: #002e54;}
        .dropdownTitleWebsuite  {display: block !important; margin-bottom: -8px; font-size: 1.4em; color: #214100;}
    
    .home                               {width: 25px; height: 65px; background: url(../images/nav-home.jpg) no-repeat;}
        .home:hover                     {background: url(../images/nav-home-ON.jpg) no-repeat;}
        .home a                         {display: block; width: 25px; height: 65px;}

    .company                            {width: 100px; height: 65px; background: url(../images/nav-company.jpg) no-repeat;}
        .company:hover,
        .companySelected                {width: 100px; height: 65px; background: url(../images/nav-company-ON.jpg) no-repeat;}
            .company a,
            .companySelected a          {display: block; width: 100px; height: 65px;}

    .solutions                          {width: 100px; height: 65px; background: url(../images/nav-solutions.jpg) no-repeat;}
        .solutions:hover,
        .solutionsSelected              {width: 100px; height: 65px; background: url(../images/nav-solutions-ON.jpg) no-repeat;}
            .solutions a,
            .solutionsSelected a        {display: block; width: 100px; height: 65px;}

    .marketDrivers                      {width: 100px; height: 65px; background: url(../images/nav-marketdrivers.jpg) no-repeat;}
        .marketDrivers:hover,
        .marketDriversSelected         {width: 100px; height: 65px; background: url(../images/nav-marketdrivers-ON.jpg) no-repeat;}
            .marketDrivers a,
            .marketDriversSelected a    {display: block; width: 100px; height: 65px;}
        
    .support                           {width: 100px; height: 65px; background: url(../images/nav-support.jpg) no-repeat;}
        .support:hover,
        .supportSelected               {width: 100px; height: 65px; background: url(../images/nav-support-ON.jpg) no-repeat;}
            .support a,
            .supportSelected a         {display: block; width: 100px; height: 65px;}
    
    .frpStudios                         {width: 100px; height: 65px; background: url(../images/nav-frpStudios.jpg) no-repeat;}
        .frpStudios:hover,
        .frpStudiosSelected             {width: 100px; height: 65px; background: url(../images/nav-frpStudios-ON.jpg) no-repeat;}
            .frpStudios a,
            .frpStudiosSelected a       {display: block; width: 100px; height: 65px;}

    
    .companySelected,
    .supportSelected,
    .marketDriversSelected,
    .frpStudiosSelected,
    .solutionsSelected              {width: 100px; height: 65px;}
    
    .bomSubnav a                    {background: url(../images/nav-bom-icon.png) no-repeat; background-position: top;}
        .bomSubnav a:hover          {background: url(../images/nav-bom-icon.png) no-repeat; background-position: bottom;}
    .websiteSubnav a                {background: url(../images/nav-website-icon.png) no-repeat; background-position: top;}
        .websiteSubnav a:hover      {background: url(../images/nav-website-icon.png) no-repeat; background-position: bottom;}
    .imsSubnav a                    {background: url(../images/nav-ims-icon.png) no-repeat; background-position: top;}
        .imsSubnav a:hover          {background: url(../images/nav-ims-icon.png) no-repeat; background-position: bottom;}
    .websuiteSubnav a               {background: url(../images/nav-websuite-icon.png) no-repeat; background-position: top;}
        .websuiteSubnav a:hover     {background: url(../images/nav-websuite-icon.png) no-repeat; background-position: bottom;}
    .velocitySubnav a               {background: url(../images/nav-velocity-icon.png) no-repeat; background-position: top;}
        .velocitySubnav a:hover     {background: url(../images/nav-velocity-icon.png) no-repeat; background-position: bottom;}
    
    .bomSubnav span,
    .websiteSubnav span,
    .websuiteSubnav span,
    .imsSubnav span,
    .velocitySubnav span {display: inline-block !important; margin-bottom: 5px; font-size: 12px; font-weight: bold;}

/*
    .bomSubnav      {padding-left: 36px; background: url(../images/nav-bom-icon.jpg) no-repeat;}
    .websiteSubnav  {padding-left: 36px; background: url(../images/nav-website-icon.jpg) no-repeat;}
    .imsSubnav      {padding-left: 36px; background: url(../images/nav-ims-icon.jpg) no-repeat;}
*/

#headerWrapper {position: relative; width: 870px; height: 106px; background: url(../images/headerWrapper-bg-default.jpg) no-repeat;}


/***** > CLIENT LOGIN STYLES < *****/
/***********************************/

#clientLogin                    {margin: -15px 0 15px 0; padding: 10px 15px; background-color: #858585; overflow: auto; border-top: 1px solid #7a7a7a; border-bottom: 1px solid #fff; border-left: 1px solid #7a7a7a; border-right: 1px solid #7a7a7a;}
    #clientLogin label          {display: none;}
    #imsUsername, #imsPassword  {margin: 0 0 5px 0; padding: 2px 5px; width: 185px; border: 1px solid #777; color: #777; font-size: 1.1em; float: left;}
    #imsSubmit                  {float: right;}
.clientLogin-icon               {padding: 0 0 0 20px !important; background: url(../images/clientLogin-icon.png) no-repeat;}

/***** > SUBNAV STYLES < *****/
/*****************************/

#subnavTitle {position: relative; top: -15px; padding: 4px 15px 0; height: 22px; color: #bfbfbf; background-color: #262626; border-bottom: 1px solid #fff;}

#subnav {padding: 20px 30px; background: url(../images/subnav-bg.png) repeat-y; font-size: 1.2em; line-height: 2.4em; border-top: 1px solid #777; border-bottom: 1px solid #888;}
    #subnav li {margin-bottom: 15px; line-height: 1.2em; list-style-image: url(../images/bullet-website.gif);}
    #subnav a {color: #000;}
    #subnav a:hover {color: #656565;}
        /*#subnav li ul {margin-left: 10px;}*/
        #subnav li ul               {margin-top: 10px;}
        #subnav li ul li            {margin-bottom: 5px; padding: 2px 5px 2px 0; display: block; width: 180px; height: 14px; line-height: 1em; border-bottom: 1px dotted #ccc;}
        #subnav li ul li a          {color: #656565;}
        #subnav li ul li a:hover    {color: #007aa3;}
        #subnav .flyout ul          {display: none; position: relative; top: -14px; left: 200px; margin: 0; width: 200px; background-color: #fff; z-index: 1;}
            #subnav .flyout:hover   {display: block;}
        #subnav .order              {padding-left: 18px; width: 165px; background: url(../images/order-icon.png) no-repeat;}
        #subnav .order a            {color: #000;}


/***** > SOCIAL MEDIA STYLES < *****/
/***********************************/

#socialMedia                {position: relative; left: 638px; margin: 0 15px 15px; width: 195px; height: 35px;}
    #socialMedia p          {padding: 2px 0 0 15px; color: #fff !important;}
    #socialMedia span       {display: none;}
    #socialMedia li         {display: block; float: left;}
    #socialMedia li a       {display: block; width: 15px; height: 15px;}
        li.rss              {margin-right: 28px; width: 15px; height: 15px; background: url(../images/icon-rss.png) no-repeat;}
        li.facebook         {margin-right: 28px; width: 15px; height: 15px; background: url(../images/icon-facebook.png) no-repeat;}
        li.twitter          {margin-right: 28px; width: 15px; height: 15px; background: url(../images/icon-twitter.png) no-repeat;}
        li.youtube          {margin-right: 28px; width: 15px; height: 15px; background: url(../images/icon-youtube.png) no-repeat;}
        li.faq              {margin-right: 28px; width: 15px; height: 15px; background: url(../images/icon-faq.png) no-repeat;}
        li.email            {width: 21px; height: 15px; background: url(../images/icon-email.png) no-repeat;}

#socialMediaIndex               {margin: 0 15px 15px; width: 195px; height: 35px;}
    #socialMediaIndex li        {display: block; margin-right: 3px; float: left;}
    #socialMediaIndex span      {display: none;}
        li.facebookIndex        {width: 62px; height: 35px; background: url(../images/icon-facebookIndex.png) no-repeat;}
        li.twitterIndex         {width: 62px; height: 35px; background: url(../images/icon-twitterIndex.png) no-repeat;}
        li.youtubeIndex         {width: 62px; height: 35px; background: url(../images/icon-youtubeIndex.png) no-repeat;}
            li.facebookIndex a,
            li.twitterIndex a,
            li.youtubeIndex a   {display: block; width: 62px; height: 35px;}


/***** > FACEBOOK "LIKE" STYLES < *****/
/**************************************/

#fbLike {margin: 0 15px 15px; padding-top: 10px; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff;}


/***** > TWITTER FEED STYLES < *****/
/***********************************/

#twitterFeed {margin-bottom: 15px; padding: 0 15px;}
.twtr-tweet-text {font-size: 10px !important;}
.twtr-avatar {background: url(../images/newsBullet.png) no-repeat !important;}
    .twtr-avatar img {display: none;}
.twtr-hd img  {display: none;}


/***** > LIVE OPERATOR STYLES < *****/
/************************************/

#liveOperatorIndex {margin: 15px 0; padding: 0 15px;}


/***** > SEARCH BOX STYLES < *****/
/*********************************/

#searchIndex {position: relative; top: 10px; margin-left: 14px; width: 212px; height: 25px;}
    #siteSearchIndex {background: url(../images/search_index-bg.png) no-repeat;}
    #searchFieldIndex {position: relative; left: -90px; padding: 4px 10px; background-color: transparent; border: none; font-size: 0.95em;}
    #searchBtnIndex {position: relative; top: -21px; left: 83px;}

#search {position: absolute; top: -34px; left: 14px; height: 35px; width: 198px;}
    #siteSearch {background: url(../images/search-bg.png) no-repeat;}
    .websiteSearch              {background-color: #f0f0f0;}
    .arrangingdirectorSearch    {background-color: #b5cbdb;}
    .imsSearch                  {background-color: #dfd9cd;}
    .obitsafeSearch             {background: url(../images/search_obitsafe-bg.png) no-repeat;}
    
#searchField {position: relative; padding: 4px 10px; width: 150px; color: #fff; background-color: transparent; border: none; font-size: 0.95em;}
#searchBtn {position: relative; top: -2px; left: 18px;}


/***** SITEMAP STYLES *****/
/**************************/

.sitemapSection             {margin: 0 25px 25px 0; padding-top: 25px; width: 150px; border-top: 1px solid #DDDDDD; float: left;}
    .sitemapSection h2 a    {margin-bottom: 10px; color: #000;}
    .sitemapSection p       {margin: 0;}


/***** > DEFAULT TUNNEL PAGE STYLES < *****/
/******************************************/

#headerWrapperTunnel    {position: relative; width: 870px; height: 367px; background: url(../images/headerWrapper-bg.jpg) no-repeat;}

#headerFlash {position: relative; top: 30px; left: 105px; width: 650px; height: 328px;}
    
#topBanner {margin: 0 auto 15px; min-height: 100px; width: 870px;}
    
    #sidebar {position: relative; margin: 0 20px 0 25px; padding: 0; width: 225px; float: left;}
        #sidebar h1 {margin-bottom: 0; color: #000; font-size: 1.8em;}
        #sidebar h2 {margin-bottom: 10px; color: #fff;}

    #bodyWrapper #column1,
    #bodyWrapper #column2,
    #obitsafe-tp,
    #clientlogin-tp {width: 245px; float: left;}
    
    #bodyWrapper #column1,
    #bodyWrapper #column2 {padding: 0 0 0 15px;}
    
        #bodyWrapper #column1 {margin-right: 20px;}
        
        .icon-blog,
        .icon-training,
        .icon-demo,
        .icon-wip,
        .icon-alliances {padding: 8px 0 0 32px; height: 35px; font-size: 1.6em !important; color: #000 !important;}
        
        .icon-blog      {background: url(../images/icon-blog.png) no-repeat;}
        .icon-training  {background: url(../images/icon-training.png) no-repeat;}
        .icon-demo      {background: url(../images/icon-demo.png) no-repeat;}
        .icon-alliances {background: url(../images/icon-alliances.png) no-repeat;}
        .icon-wip       {background: url(../images/icon-wip.png) no-repeat;}
        .icon-matthews  {padding: 5px 0 0 65px; height: 35px; font-size: 1.6em !important; color: #000 !important; background: url(../images/icon-matthews.png) no-repeat;}

    #apiConnect     {text-align: center;}
        #apiConnect .apiLink        {display: block; width: 245px; height: 235px; background: url(../images/apiConnect-bg.jpg) no-repeat; text-indent: -99999px;}
        #apiConnect .intPartners    {display: block; width: 245px; height: 32px; background: url(../images/apiConnect-intPartners-btn.png) no-repeat; text-indent: -99999px;}

    #obitsafe-tp {margin-right: 25px; padding: 35px 0 0 15px;}
    #obitsafe-tp h1 {width: 170px; height: 25px; background: url(../images/obitsafe-logo.png) no-repeat;}
    #obitsafe-tp span {display: none;}
        a.obitsafeLoginBtn {display: block; width: 118px; height: 30px; background: url(../images/obitsafeLogin-btn.png) no-repeat;}
        a.obitsafeLoginBtn:hover {background: url(../images/obitsafeLogin-btn-ON.png) no-repeat;}

    #clientlogin-tp {padding: 35px 0 0 15px;}
        #clientlogin-tp h1 {padding-left: 30px; height: 25px; font-size: 1.6em; background: url(../images/clientLogin-icon.png) no-repeat;}
        #clientlogin-tp span {display: none;}
            a.clientLoginBtn {display: block; width: 148px; height: 30px; background: url(../images/clientLogin-btn.png) no-repeat;}
            a.clientLoginBtn:hover {display: block; width: 148px; height: 30px; background: url(../images/clientLogin-btn-ON.png) no-repeat;}

        ul.news li      {list-style-image: url(../images/newsBullet.png) !important; list-style-position: outside;}
        .newsDate       {color: #000;}


/***** > DEFAULT STYLES < *****/
/******************************/

#colouredGradientLeft {position: relative; top: 0; left: -135px; width: 135px; height: 354px; background: url(../images/coloured-gradient-left.jpg) no-repeat; float: left;}
#colouredGradientRight {position: relative; top: 0; left: 720px; width: 135px; height: 354px; background: url(../images/coloured-gradient-right.jpg) no-repeat; float: left;}

#sidebar {margin-left: 25px; padding: 15px 0; float: left;}
    #sidebar p,
    #sidebar h1,
    #sidebar h2 {padding: 0 15px;}
    #sidebar p {color: #000;}
    
#liveOperator {margin-top: 15px; padding: 0 15px 15px 15px; height: 80px;}

#bodyWrapper {position: relative; padding: 45px 0 0; width: 565px; float: left;}

#introParagraph {position: relative; top: -20px; padding: 12px 15px 5px; background: url(../images/introParagraph-bg.png) repeat-x; color: #000;}
    .company-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-company-bg.jpg) !important; border-top: none !important;}
    .support-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-support-bg.jpg) !important; border-top: none !important;}
    .solutions-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-solutions-bg.jpg) !important; border-top: none !important;}
    .contact-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-contact-bg.jpg) !important; border-top: none !important;}
    .ims-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-ims-bg.jpg) !important; border-top: none !important;}
    .website-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-website-bg.jpg) !important; border-top: none !important;}
    .bom-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-bom-bg.jpg) !important; border-top: none !important;}
    .websuite-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-websuite-bg.jpg) !important; border-top: none !important;}
    .velocity-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-velocity-bg.jpg) !important; border-top: none !important;}
    .marketdrivers-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-marketdrivers-bg.jpg) !important; border-top: none !important;}
    .frpStudios-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-frpstudios-bg.jpg) !important; border-top: none !important;}
        .dvt-intro {position: relative; top: -45px !important; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 282px; width: 203px; background: url(../images/intro-dvt-bg.jpg) !important; border-top: none !important;}
    
    #bodyWrapper ul {margin: 0 0 25px 30px; font-size: 1.2em;}
        #bodyWrapper li {margin-bottom: 5px; font-size: 1.1em; list-style-image: url(../images/bullet.gif); list-style-position: outside;}
            #bodyWrapper li ul {margin: 0 0 0 5px;}
            #bodyWrapper li li {margin-bottom: 0; font-size: 0.7em; list-style-image: url(../images/bullet-green.gif); list-style-position: inside;}
        

#orderNowCallout {position: absolute; top: 320px; left: 275px; width: 269px; height: 80px;}
    #orderNowCallout a {display: block; width: 299px; height: 80px;}
    #orderNowCallout span {display: none;}
    .websiteOrderNow {background: url(../images/orderNow-website.jpg) no-repeat;}
    .arrangingdirectorOrderNow {background: url(../images/orderNow-arrangingdirector.png) no-repeat;}
    .imsOrderNow {background: url(../images/orderNow-ims.jpg) no-repeat;}
    .websuiteOrderNow {background: url(../images/orderNow-websuite.jpg) no-repeat;}
    .bomOrderNow {background: url(../images/orderNow-bom.jpg) no-repeat;}
    .velocityOrderNow {background: url(../images/orderNow-velocity.jpg) no-repeat;}
    .frpStudiosOrderNow {background: url(../images/orderNow-frpstudios.jpg) no-repeat;}
    
#obitsafeLogin {position: relative; top: 32px; padding: 40px 0 0 280px; width: 269px; height: 58px; background: url(../images/obitsafe-login-bg.jpg) no-repeat;}
    #obitsafeLogin span {display: none;}
        #obitsafeUsername,
        #obitsafePassword {margin-bottom: 10px; border: 1px solid #000;}
        #obitsafeLoginBtn {margin: -4px 0 0 10px;}


/***** > THICKBOX STYLES < *****/
/********************************/

#thickboxContent    {min-height: 425px; padding: 30px; background-color: #ffffff;}
#thickboxFlash      {background-color: #ffffff; text-align: center;}


/***** > HIGHLIGHT STYLES < *****/
/********************************/

#highlights {position: relative; width: 570px;}
    #aboutBOMHighlight,
    #aboutObitsafeHighlight,
    #alliancesHighlight,
    #bomHighlight,
    #careersHighlight,
    #certificationHighlight,
    #contactHighlight,
    #contractHighlight,
    #csdHighlight,
    #customCreativeHighlight,
    #customwebsiteHighlight,
    #dvtHighlight,
    #faithfulforeverHighlight,
    #featuresHighlight,
    #freeSupportHighlight,
    #formsHighlight,
    #inthenewsHighlight,
    #listingsObitsafeHighlight,
    #locateSalesRepHighlight,
    #logoHighlight,
    #marketingcenterHighlight,
    #matrixHighlight,
    #memorialcandlesHighlight,
    #memorialwebsiteHighlight,
    #newspapersObitsafeHighlight,
    #noticesHighlight,
    #paoHighlight,
    #quickbooksHighlight,
    #registerObitsafeHighlight,
    #simplertimesHighlight,
    #stationeryHighlight,
    #supportAvenuesHighlight,
    #tributeprintingHighlight,
    #visionHighlight,
    #vpssHighlight,
    #webcastingHighlight,
    #websitethemesHighlight         {margin: 20px 12px 0 0; padding-top: 82px; width: 126px; float: left;}

    #aboutBOMHighlight              {background: url(../images/highlight-bomFull.jpg) no-repeat;}
    #aboutObitsafeHighlight         {background: url(../images/highlight-aboutObitsafe.jpg) no-repeat;}
    #alliancesHighlight             {background: url(../images/highlight-alliances.jpg) no-repeat;}
    #bomHighlight                   {background: url(../images/highlight-bom.jpg) no-repeat;}
    #bomFullHighlight               {background: url(../images/highlight-bomFull.jpg) no-repeat;}
    #careersHighlight               {background: url(../images/highlight-careers.jpg) no-repeat;}
    #certificationHighlight         {background: url(../images/highlight-certification.jpg) no-repeat;}
    #contactHighlight               {background: url(../images/highlight-contactus.jpg) no-repeat;}
    #contractHighlight              {background: url(../images/highlight-contract.jpg) no-repeat;}
    #csdHighlight                   {background: url(../images/highlight-communitysitedonations.jpg) no-repeat;}
    #customCreativeHighlight        {background: url(../images/highlight-customcreative.jpg) no-repeat;}
    #customwebsiteHighlight         {background: url(../images/highlight-customwebsite.jpg) no-repeat;}
    #dvtHighlight                   {background: url(../images/highlight-dvt.jpg) no-repeat;}
    #faithfulforeverHighlight       {background: url(../images/highlight-faithfulforever.jpg) no-repeat;}
    #featuresHighlight              {background: url(../images/highlight-features.jpg) no-repeat;}
    #formsHighlight                 {background: url(../images/highlight-forms.jpg) no-repeat;}
    #freeSupportHighlight           {background: url(../images/highlight-freeSupport.jpg) no-repeat;}
    #imsHighlight                   {background: url(../images/highlight-ims.jpg) no-repeat;}
    #inthenewsHighlight             {background: url(../images/highlight-inthenews.jpg) no-repeat;}
    #listingsObitsafeHighlight      {background: url(../images/highlight-listingObitsafe.jpg) no-repeat;}
    #locateSalesRepHighlight        {background: url(../images/highlight-locateSalesRep.jpg) no-repeat;}
    #logoHighlight                  {background: url(../images/highlight-logo.jpg) no-repeat;}
    #marketingcenterHighlight       {background: url(../images/highlight-marketingcenter.jpg) no-repeat;}
    #marketdriversHighlight         {background: url(../images/highlight-marketdrivers.jpg) no-repeat;}
    #matrixHighlight                {background: url(../images/highlight-matrix.jpg) no-repeat;}
    #memorialcandlesHighlight       {background: url(../images/highlight-memorialcandles.jpg) no-repeat;}
    #memorialwebsiteHighlight       {background: url(../images/highlight-bom.jpg) no-repeat;}
    #newspapersObitsafeHighlight    {background: url(../images/highlight-newspapersObitsafe.jpg) no-repeat;}
    #noticesHighlight               {background: url(../images/highlight-notices.jpg) no-repeat;}
    #paoHighlight                   {background: url(../images/highlight-pao.jpg) no-repeat;}
    #quickbooksHighlight            {background: url(../images/highlight-quickbooks.jpg) no-repeat;}
    #registerObitsafeHighlight      {background: url(../images/highlight-registerObitsafe.jpg) no-repeat;}
    #simplertimesHighlight          {background: url(../images/highlight-simplertimes.jpg) no-repeat;}
    #stationeryHighlight            {background: url(../images/highlight-stationery.jpg) no-repeat;}
    #supportAvenuesHighlight        {background: url(../images/highlight-supportAvenues.jpg) no-repeat;}
    #tributeprintingHighlight       {background: url(../images/highlight-tributePrinting.jpg) no-repeat;}
    #visionHighlight                {background: url(../images/highlight-vision.jpg) no-repeat;}
    #vpssHighlight                  {background: url(../images/highlight-vpss.jpg) no-repeat;}
    #webcastingHighlight            {background: url(../images/highlight-webcasting.jpg) no-repeat;}
    #websiteHighlight               {background: url(../images/highlight-website.jpg) no-repeat;}
    #websitethemesHighlight,
    #websitethemesIndexHighlight    {background: url(../images/highlight-websitethemes.jpg) no-repeat;}
    #websuiteHighlight              {background: url(../images/highlight-websuite.jpg) no-repeat;}
    
    #bomFullHighlight,
    #websitethemesIndexHighlight,
    #websiteHighlight,
    #imsHighlight,
    #websuiteHighlight,
    #marketdriversHighlight         {margin: 20px 5px; width: 132px; float: left;}
        
        #bomFullHighlight span,
        #websiteHighlight span,
        #imsHighlight span,
        #websuiteHighlight span,
        #websitethemesIndexHighlight span,
        #marketdriversHighlight span,
        #websitethemesHighlight span {display: none;}
    
        #bomFullHighlight a,
        #websiteHighlight a,
        #imsHighlight a,
        #websuiteHighlight a,
        #websitethemesIndexHighlight a,
        #marketdriversHighlight a   {display: block; width: 126px; height: 82px;}
    
        #highlights h2              {font-family: Arial, sans-serif; font-size: 1.2em;}
        #highlights p               {font-size: 1.1em; color: #777;}

#indexHighlights {margin: 0 auto;}
    #indexHighlights div {margin: 10px 0; padding: 0; text-align: center;}

#themesHighlight,
#bomThemeHighlight  {margin-bottom: 20px; padding-top: 60px; width: 240px; float: left;}
    .platinum       {background: url(../images/themesHighlight-platinum-bg.jpg) no-repeat; margin: 50px 50px 0 0;}
    .gold           {background: url(../images/themesHighlight-gold-bg.jpg) no-repeat; margin-top: 50px;}
    .silver         {background: url(../images/themesHighlight-silver-bg.jpg) no-repeat; margin-right: 50px;}
    .bronze         {background: url(../images/themesHighlight-bronze-bg.jpg) no-repeat; }
    
    .standard       {background: url(../images/themesHighlight-standard-bg.jpg) no-repeat; margin-right: 50px;}
    .business       {background: url(../images/themesHighlight-business-bg.jpg) no-repeat;}
    .entrepreneur   {background: url(../images/themesHighlight-entrepreneur-bg.jpg) no-repeat; margin-right: 50px;}
    .custom         {background: url(../images/themesHighlight-custom-bg.jpg) no-repeat;}
    
    .bomArchives    {background: url(../images/bom-theme-archives.jpg) no-repeat; padding: 175px 20px 0 0 !important;}
    .bomDiamond     {background: url(../images/bom-theme-diamond.jpg) no-repeat; padding: 175px 20px 0 0 !important;}
    .bomElegance    {background: url(../images/bom-theme-elegance.jpg) no-repeat; padding: 175px 20px 0 0 !important;}
    .bomHeritage    {background: url(../images/bom-theme-heritage.jpg) no-repeat; padding: 175px 20px 0 0 !important;}

.feature            {margin: 0 25px 25px 0; padding-top: 20px; /* min-height: 200px; */ width: 250px; border-top: 1px solid #ccc; float: left;}


/***** > 'IN THE NEWS' STYLES < *****/
/************************************/

#newsCurrent {margin-bottom: 25px; padding: 15px 0; border-top: 3px solid #777; border-bottom: 1px solid #777;}
    #newsCurrent h2 {margin-bottom: 15px; padding-left: 75px; min-height: 65px; font-size: 2em; background: url(../images/icon-currentNewsItem.png) no-repeat;}
.newsItem {padding: 0 0 20px 25px; background: url(../images/newsIcon.png) no-repeat;}


/***** > PACKAGES STYLES < *****/
/*******************************/

.packagesHeader {display: block; width: 350px; height: 90px; background: url(../images/packages-header.png) no-repeat;}
    .packagesHeader span {display: none;}

#packages-forService,
#packages-forProfit {margin-top: 15px; width: 250px; float: left;}

#packages-forProfit {margin-left: 50px;}

    #packages-forService h2 {display: block; margin-bottom: 20px; height: 30px; width: 110px; background: url(../images/package-forService.png) no-repeat;}
    #packages-forProfit h2 {display: block; margin-bottom: 20px; height: 30px; width: 110px; background: url(../images/package-forProfit.png) no-repeat;}
    
    #packages-forService span,
    #packages-forProfit span {display: none;}

#packageBronze,
#packageSilver,
#packageGold,
#packagePlatinum {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}

#packageBronze ul,
#packageSilver ul,
#packageGold ul,
#packagePlatinum ul {margin-bottom: 0 !important; line-height: 1.4em;}
    #packageBronze li ul li,
    #packageSilver li ul li,
    #packageGold li ul li,
    #packagePlatinum li ul li {font-size: 0.8em; list-style-image: url(../images/bullet2.gif);}
    
#profitCalculator           {position: absolute; left: 370px; top: 35px; width: 200px; height: 60px; background: url(../images/profit-calculator-graphic.png) no-repeat;}
    #profitCalculator h2    {display: none;}
    #profitCalculator a     {display: block; width: 200px; height: 60px;}

/***** > ICON STYLES < *****/
/***************************/

/*highlights*/
.adLibraryIcon              {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-adLibrary.png) no-repeat;}
.accountingIcon             {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-accounting.png) no-repeat;}
.aftercareIcon              {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-aftercare.png) no-repeat;}
.afterlossIcon              {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-afterloss.png) no-repeat;}
.answeringServiceIcon       {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-answeringService.png) no-repeat;}
.apiConnectorIcon           {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-apiConnector.png) no-repeat;}
.arrangementIcon            {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-arrangementSystem.png) no-repeat;}
.bomIcon                    {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-bom.png) no-repeat;}
.digitalAdminIcon           {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-digitalAdmin.png) no-repeat;}
.directoryIcon              {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-digitalDirectory.png) no-repeat;}
.donationsIcon              {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-donations.png) no-repeat;}
.dvdIcon                    {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-dvdGeneration.png) no-repeat;}
.formsPrintingIcon          {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-formsPrinting.png) no-repeat;}
.funeralCastIcon            {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-webcasting.png) no-repeat;}
.integratedWebsiteIcon      {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-integratedWebsite.png) no-repeat;}
.kioskIcon                  {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-kiosk.png) no-repeat;}
.managementIcon             {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-managementSystem.png) no-repeat;}
.mappingIcon                {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-cemeteryMapping.png) no-repeat;}
.marketDriversIcon          {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-marketDrivers.png) no-repeat;}
.marketingCenterIcon        {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-marketingCenter.png) no-repeat;}
.masterFormsLibraryIcon     {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-masterFormsLibrary.png) no-repeat;}
.masterProductLibraryIcon   {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-masterProductLibrary.png) no-repeat;}
.memorialCandles            {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-memorialcandles.png) no-repeat;}
.newsletterTemplatesIcon    {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-newsletterTemplates.png) no-repeat;}
.noticecompilerIcon         {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-noticecompiler.png) no-repeat;}
.prearrangeFormsIcon        {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-prearrange.png) no-repeat;}
.pressReleaseIcon           {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-pressRelease.png) no-repeat;}
.printableAdsIcon           {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-printableAds.png) no-repeat;}
.reminderserviceIcon        {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-reminder.png) no-repeat;}
.schedulingIcon             {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-scheduling.png) no-repeat;}
.stationeryIcon             {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-stationeryPrinting.png) no-repeat;}
.vpssIcon                   {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-vpss.png) no-repeat;}
.wilbertVaultsIcon          {padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-wilbertVaults.png) no-repeat;}

/*IMS Store*/
.administrativeServices {margin-top: 50px; padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-administrativeServices.png) no-repeat;}
.contentServices        {margin-top: 50px; padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-contentServices.png) no-repeat;}
.graphicServices        {margin-top: 50px; padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-graphicServices.png) no-repeat;}
.quickLaunch            {margin-top: 50px; padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-quicklaunch.png) no-repeat;}
.websiteServices        {margin-top: 50px; padding: 8px 0 0 65px; height: 30px; background: url(../images/icon-websiteServices.png) no-repeat;}

/*FAQs*/
.faqEntry               {margin-bottom: 10px; padding-left: 20px; height: 20px; line-height: 1.2em; background: url(../images/balloon.jpg) no-repeat; cursor: pointer;}


/***** > SHOWCASE STYLES < *****/
/*******************************/

.showcaseHeader {border-top: 1px solid #ccc; padding-top: 15px; margin-top: 50px;}
#showcaseItem {margin-top: 25px; padding-top: 210px; width: 250px; text-align: center; float: left;}

    #showcaseItem span {display: none;}
    
    /*** PLATINUM ***/
    .beardsley      {background: url(../images/showcase-beardsley.jpg) no-repeat;}
    .central        {background: url(../images/showcase-central.jpg) no-repeat;}
    .cotter         {background: url(../images/showcase-cotter.jpg) no-repeat;}
    .desopo         {background: url(../images/showcase-desopo.jpg) no-repeat;}
    .erbgood        {background: url(../images/showcase-erbgood.jpg) no-repeat;}
    .gaskin         {background: url(../images/showcase-gaskin.jpg) no-repeat;}
    .greenhill      {background: url(../images/showcase-greenhill.jpg) no-repeat;}
    .cotter         {background: url(../images/showcase-cotter.jpg) no-repeat;}
    .reid           {background: url(../images/showcase-robertreid.jpg) no-repeat;}
    .shooks         {background: url(../images/showcase-shooks.jpg) no-repeat;}
    .squamish       {background: url(../images/showcase-squamish.jpg) no-repeat;}
    .vanderplaat    {background: url(../images/showcase-vanderplaat.jpg) no-repeat;}
    
    /*** BRONZE ***/
    .irvine-irvine  {background: url(../images/showcase-bronze-irvine.jpg) no-repeat;}
    .marinello      {background: url(../images/showcase-bronze-marinello.jpg) no-repeat;}
    .lynch          {background: url(../images/showcase-bronze-lynch.jpg) no-repeat;}
    .beecher        {background: url(../images/showcase-bronze-beecher.jpg) no-repeat;}
    
    /*** SILVER ***/
    .richardson     {background: url(../images/showcase-silver-richardson.jpg) no-repeat;}
    .barry          {background: url(../images/showcase-silver-barry.jpg) no-repeat;}
    .fedusiak       {background: url(../images/showcase-silver-fedusiak.jpg) no-repeat;}
    .irvine         {background: url(../images/showcase-silver-irvine.jpg) no-repeat;}
    
    /*** GOLD ***/
    .pietras        {background: url(../images/showcase-gold-pietras.jpg) no-repeat;}
    .avink          {background: url(../images/showcase-gold-avink.jpg) no-repeat;}
    .ninde          {background: url(../images/showcase-gold-ninde.jpg) no-repeat;}
    .kilmer         {background: url(../images/showcase-gold-kilmer.jpg) no-repeat;}    
    
    /*** EXTRAS ***/    
    .beinhauer      {background: url(../images/showcase-beinhauer.jpg) no-repeat; margin-right: 50px;}
    .reynolds       {background: url(../images/showcase-reynolds.jpg) no-repeat;}
    .mountainView   {background: url(../images/showcase-mountainview.jpg) no-repeat; margin-right: 50px;}
    .ellis          {background: url(../images/showcase-ellis.jpg) no-repeat;}
    .colonialchapel {background: url(../images/showcase-colonialchapel.jpg) no-repeat; margin-right: 50px; }
    .philbincomeau  {background: url(../images/showcase-philbincomeau.jpg) no-repeat;}
    .digiacomo      {background: url(../images/showcase-digiacomo.jpg) no-repeat;}
    .ofsa           {background: url(../images/showcase-ofsa.jpg) no-repeat;}
    .parkland       {background: url(../images/showcase-parkland.jpg) no-repeat;}
    .corley     {background: url(../images/showcase-corley.jpg) no-repeat;}
    .dejohn     {background: url(../images/showcase-dejohn.jpg) no-repeat;}
    .parkview   {background: url(../images/showcase-parkview.jpg) no-repeat;}


/***** > MARKET DRIVERS, STRATEGIC ALLIANCES STYLES < *****/
/**********************************************************/

.driversPAO,
.driversBOM,
.driversST,
.driversFF,
.driversAUF,
.driversAFC,
.driversCSD,
.saAfterloss,
.saASD,
.saCapitalPayments,
.saDOC,
.saExecutorsAide,
.saHeritage,
.saInternetSecure,
.saIntera,
.saMackinnonBowes,
.saMatthews,
.saNunnShannik,
.saOptimizeGuru,
.saSympathynet,
.saWilbert,
.saWLSmith          {margin: 0 25px 25px 0; padding-top: 75px; width: 240px; border-top: 1px solid #ddd; float: left;}

.driversPAO         {background: url(../images/logo-PAO.png) no-repeat;}
.driversBOM         {background: url(../images/logo-BOM.png) no-repeat;}
.driversST          {background: url(../images/logo-ST.png) no-repeat;}
.driversAUF         {background: url(../images/logo-AUF.png) no-repeat;}
.driversFF          {background: url(../images/logo-FF.png) no-repeat;}
.driversAFC         {background: url(../images/logo-AFC.png) no-repeat;}
.driversCSD         {background: url(../images/logo-CSD.png) no-repeat;}
.saAfterloss        {background: url(../images/logo-afterloss.png) no-repeat;}
.saASD              {background: url(../images/logo-ASD.png) no-repeat;}
.saCapitalPayments  {background: url(../images/logo-capitalpayments.png) no-repeat;}
.saDOC              {background: url(../images/logo-DOC.png) no-repeat;}
.saExecutorsAide    {background: url(../images/logo-executorsaide.png) no-repeat;}
.saHeritage         {background: url(../images/logo-heritagecaskets.png) no-repeat;}
.saInternetSecure   {background: url(../images/logo-internetsecure.png) no-repeat;}
.saIntera           {background: url(../images/logo-intera.png) no-repeat;}
.saMackinnonBowes   {background: url(../images/logo-mackinnonbowes.png) no-repeat;}
.saMatthews         {background: url(../images/logo-matthews.png) no-repeat;}
.saNunnShannik      {background: url(../images/logo-nunnshannik.png) no-repeat;}
.saOptimizeGuru     {background: url(../images/logo-optimizeguru.png) no-repeat;}
.saSympathynet      {background: url(../images/logo-sympathynet.png) no-repeat;}
.saWilbert          {background: url(../images/logo-wilbert.png) no-repeat;}
.saWLSmith          {background: url(../images/logo-wlsmith.png) no-repeat;}


/***** > DVT VIDEO STYLES < *****/
/********************************/

.dvtVideoThumb          {margin-bottom: 25px; width: 187px; height: 105px; float: left;}
.dvtVideoThumb a        {display: block; width: 187px; height: 105px; cursor: pointer;}
.dvtVideoThumb p        {text-indent: -99999px;}
    #dvtForestVideo     {background: url(../images/dvtForestVideo-bg.jpg) no-repeat;}
    #dvtRoseVideo       {background: url(../images/dvtRoseVideo-bg.jpg) no-repeat;}
    #dvtVeteransVideo   {background: url(../images/dvtVeteransVideo-bg.jpg) no-repeat;}

/***** > LOGO SAMPLE STYLES < *****/
/**********************************/

.hillsideLogo,
.branchLogo,
.leeteLogo,
.jscottearlyLogo,
.parkviewLogo,
.legacyLogo,
.zanderLogo,
.northridgeLogo,
.mironLogo,
.stegengaLogo,
.davidsonLogo,
.executorsaideLogo {margin-bottom: 10px; padding-top: 150px; height: 50px; width: 250px; text-align: center; float: left;}

    .hillsideLogo       {background: url(../images/logosample-hillside.png) no-repeat;}
    .branchLogo         {background: url(../images/logosample-branch.png) no-repeat;}
    .leeteLogo          {background: url(../images/logosample-leetestevens.png) no-repeat;}
    .jscottearlyLogo    {background: url(../images/logosample-jscottearly.png) no-repeat;}
    .parkviewLogo       {background: url(../images/logosample-parkview.png) no-repeat;}
    .legacyLogo         {background: url(../images/logosample-legacy.png) no-repeat;}
    .zanderLogo         {background: url(../images/logosample-zander.png) no-repeat;}
    .northridgeLogo     {background: url(../images/logosample-northridge.png) no-repeat;}
    .mironLogo          {background: url(../images/logosample-mironwilson.png) no-repeat;}
    .stegengaLogo       {background: url(../images/logosample-stegenga.png) no-repeat;}
    .davidsonLogo       {background: url(../images/logosample-davidson.png) no-repeat;}
    .executorsaideLogo  {background: url(../images/logosample-executorsaide.png) no-repeat;}


/***** > CUSTOM CREATIVE STYLES < *****/
/**************************************/

.boydCustom,
.chambersCustom,
.maconCustom,
.vanderplaatCustom,
.youngsCustom {margin-bottom: 10px; padding-top: 260px; height: 50px; width: 250px; text-align: center; float: left;}

    .boydCustom         {background: url(../images/custom-boyd.jpg) no-repeat;}
    .chambersCustom     {background: url(../images/custom-chambers.jpg) no-repeat;}
    .maconCustom        {background: url(../images/custom-macon.jpg) no-repeat;}
    .vanderplaatCustom  {background: url(../images/custom-vanderplaat.jpg) no-repeat;}
    .youngsCustom       {background: url(../images/custom-youngs.jpg) no-repeat;}

/***** > DARK STYLES < *****/
/***************************/

.headerDark             {height: 65px !important; background: url(../images/headerWrapper-bg-dark.jpg) no-repeat !important;}
.contentDark            {top: 34px; left: 485px; min-height: 300px; width: 340px !important; color: #fff;}
    .contentDark p      {color: #fff;}
    .contentDark a      {color: #6fd8ff; text-decoration: underline;}
.searchDark             {padding: 0 !important; background-color: transparent !important; border: none !important;}
#footerDark             {height: 48px; background: url(../images/footer404-bg.jpg) no-repeat;}





/*******************************************/
/*******************************************/
/*******************************************/
/***** EVENT PAGE STYLES - OS5 WEBINAR *****/
/*******************************************/
/*******************************************/
/*******************************************/

.pagewrapperOS5webinar {/*min-height: 500px;*/ padding-bottom: 50px !important; background: url("../images/os5webinar.jpg") #000 0 65px no-repeat !important;}




/***** > SALES REP STYLES < *****/
/********************************/

.pagewrapperSalesRep    {padding-bottom: 14px !important; background: url(../images/salesRep-bg.jpg) 0 65px no-repeat !important;}

.salesRepHeader         {background: url(../images/headerWrapper-bg-salesRep.jpg) no-repeat !important;}
#salesRepLocation       {width: 550px; min-height: 550px; overflow-y: scroll;}
.salesRepLogin          {padding-right: 335px !important; width: 200px !important; background: url(../images/salesreplogin-image.jpg) no-repeat right 50px;}
.salesrepSubnav         {padding: 45px 0 0;}
    .salesrepSubnav h2  {margin: 35px 0 15px 0; font-size: 1.8em; color: #ff9933;}
    .salesrepSubnav h2:first-child {margin-top: 0;}
    .salesrepSubnav a   {color: #fff !important;}
.salesrepDownloadIcon   {padding-left: 20px; background: url(../images/download-icon-salesrep.png) no-repeat;}
.logout                 {position: relative; top: -40px; left: 458px; padding-left: 25px; width: 100px; height: 30px; line-height: 2.2em; background: url(../images/logout-icon.png) no-repeat;}
    .logout a           {color: #fff;}
.errorSalesrep          {display: block; margin: 0; padding: 10px 0 0 50px; height: 35px; color: #fff !important; font-weight: bold; background: url(../images/form-salesrep-error.png) no-repeat;}
.matthewsLogoDark       {background: url(../images/headerWrapper-bg-matthewsLogo.jpg) no-repeat !important;}

/***** > WIP STYLES < *****/
/**************************/

.pagewrapperWIP         {background: url(../images/wip-pagewrapper-bg.png) 0 65px repeat-y !important;}
    .pagewrapperWIP #bodyWrapper {left: 275px;}
    .pagewrapperWIP h2  {margin-bottom: 10px; color: #fff; font-weight: bold;}

.wipBackground          {margin-top: -25px; padding-bottom: 14px !important; height: 500px; background: url(../images/wip-bg.jpg) no-repeat !important;}
.wipLogoDark            {background: url(../images/headerWrapper-bg-wip.jpg) no-repeat !important;}
#wipLoginForm           {margin-bottom: 25px; padding: 10px 10px 10px 50px; background-color: #00648b; border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;}
    #wipLoginForm h1    {margin: 0 0 0 -20px; padding-left: 20px; background: url(../images/wip-login-icon.png) 0 4px no-repeat;}
    #wipLoginForm .textgroup input {width: 245px;}
.wipResources li        {list-style-image: url(../images/wip-resource-icon.png) !important;}
    .wipResources a     {text-decoration: none;}

.salesRepLogin          {padding-right: 335px !important; width: 200px !important; background: url(../images/salesreplogin-image.jpg) no-repeat right 50px;}
.salesrepSubnav         {padding: 45px 0 0;}
    .salesrepSubnav h2  {margin: 35px 0 15px 0; font-size: 1.8em; color: #ff9933;}
    .salesrepSubnav h2:first-child {margin-top: 0;}
    .salesrepSubnav a   {color: #fff !important;}
.salesrepDownloadIcon   {padding-left: 20px; background: url(../images/download-icon-salesrep.png) no-repeat;}
.logout                 {position: relative; top: -40px; left: 458px; padding-left: 25px; width: 100px; height: 30px; line-height: 2.2em; background: url(../images/logout-icon.png) no-repeat;}
    .logout a           {color: #fff;}
.errorSalesrep          {display: block; margin: 0; padding: 10px 0 0 50px; height: 35px; color: #fff !important; font-weight: bold; background: url(../images/form-salesrep-error.png) no-repeat;}


/***** SRS'S STYLES ****/
/****************************/

.srs-bodywrapper {}
    .srs-bodywrapper h1 {color: #1e60ad !important; font-size: 2em !important;}
    .srs-bodywrapper h2 {color: #1e60ad !important;}
    .srs-bodywrapper strong {color: #1e60ad !important;}
.srs-intro {background: url("../images/intro-SRS-bg.jpg") no-repeat !important; position: relative; top: -45px !important; left: -20px; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 225px; width: 223px;}
    .srs-contact {top: 238px !important; left: 300px !important; width: 280px !important; height: 110px !important; background: url("../images/velocity-contact.jpg") no-repeat;}
        .srs-contact a {height: 110px !important;}
.srs-highlight {margin: 20px 0; padding: 10px 0; border-top: 1px solid #1e60ad;}
    a.backtotop {padding-left: 20px; color: #1e60ad; background: url("../images/icon-backtotop.png") no-repeat;}

/***** VELOCITY'S STYLES ****/
/****************************/

.velocity-bodywrapper {}
    .velocity-bodywrapper h1 {color: #1e60ad !important; font-size: 2em !important;}
    .velocity-bodywrapper h2 {color: #1e60ad !important;}
    .velocity-bodywrapper strong {color: #1e60ad !important;}
.velocity-intro {background: url("../images/intro-velocity-bg.jpg") no-repeat !important; position: relative; top: -45px !important; left: -20px; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 225px; width: 223px;}
    .velocity-contact {top: 238px !important; left: 300px !important; width: 280px !important; height: 110px !important; background: url("../images/velocity-contact.jpg") no-repeat;}
        .velocity-contact a {height: 110px !important;}
.velocity-highlight {margin: 20px 0; padding: 10px 0; border-top: 1px solid #1e60ad;}
    a.backtotop {padding-left: 20px; color: #1e60ad; background: url("../images/icon-backtotop.png") no-repeat;}

/***** DIRECTOR'S ASSISTANT STYLES ****/
/**************************************/

.da-bodywrapper {}
    .da-bodywrapper h1 {color: #1e60ad !important; font-size: 2em !important;}
    .da-bodywrapper h2 {color: #1e60ad !important;}
    .da-bodywrapper strong {color: #1e60ad !important;}
.da-intro {background: url("../images/intro-DA-bg.jpg") no-repeat !important; position: relative; top: -45px !important; left: -20px; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 225px; width: 223px;}
    .da-contact {top: 238px !important; left: 300px !important; width: 280px !important; height: 110px !important; background: url("../images/da-contact.jpg") no-repeat;}
        .da-contact a {height: 110px !important;}
.da-highlight {margin: 20px 0; padding: 10px 0; border-top: 1px solid #1e60ad;}
    a.backtotop {padding-left: 20px; color: #1e60ad; background: url("../images/icon-backtotop.png") no-repeat;}
    
/***** TERRAPRO'S STYLES ****/
/****************************/

.terrapro-bodywrapper {}
    .terrapro-bodywrapper h1 {color: #403b23 !important; font-size: 2em !important;}
    .terrapro-bodywrapper h2 {color: #403b23 !important;}
    .terrapro-bodywrapper strong {color: #403b23 !important;}
.terrapro-intro {background: url("../images/intro-terrapro-bg.jpg") no-repeat !important; position: relative; top: -45px !important; left: -20px; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 225px; width: 223px;}
    .terrapro-contact {top: 238px !important; left: 300px !important; width: 280px !important; height: 110px !important; background: url("../images/terrapro-contact.jpg") no-repeat;}
        .terrapro-contact a {height: 110px !important;}
.terrapro-highlight {margin: 20px 0; padding: 10px 0; border-top: 1px solid #403b23;}
    a.backtotop {padding-left: 20px; color: #403b23; background: url("../images/icon-backtotop.png") no-repeat;}
    
/***** INTEGRATION PARTNERS' STYLES ****/
/***************************************/

.intPartners-bodywrapper {}
    .intPartners-bodywrapper h1 {color: #007aa3 !important; font-size: 2em !important;}
    .intPartners-bodywrapper h2 {color: #007aa3 !important;}
    .intPartners-bodywrapper strong {color: #007aa3 !important;}
.intPartners-intro {background: url("../images/intro-intPartners-bg.jpg") no-repeat !important; position: relative; top: -45px !important; left: -20px; margin: 0 !important; padding: 110px 380px 0 0 !important; height: 225px; width: 223px;}
    .intPartners-contact {top: 238px !important; left: 300px !important; width: 280px !important; height: 110px !important; background: url("../images/intPartners-contact.jpg") no-repeat;}
        .intPartners-contact a {height: 110px !important;}
.intPartners-highlight {margin: 20px 0; padding: 10px 0; border-top: 1px solid #007aa3;}
    a.backtotop {padding-left: 20px; color: #007aa3; background: url("../images/icon-backtotop.png") no-repeat;}


/***** > NEWSLETTER STYLES < *****/
/*********************************/

.newsletter {padding-top: 200px !important; background: url("../images/newsletter-header-bg.jpg") no-repeat;}
    .newsletter h1 {font-size: 2.4em !important;}
    .newsletter h2 {margin-top: 35px; font-size: 1.6em !important;}


/***** > SEARCH RESULTS STYLES < *****/
/*************************************/

#result_report  {margin-bottom: 15px; font-size: 1.4em;}
#results        {font-size: 1.2em; color: #000;}
    #results a  {text-decoration: underline !important;}
.description    {font-size: 0.9em; color: #777;}
.url            {margin-bottom: 25px; padding: 0 0 25px 25px; border-bottom: 1px dotted #ccc; background: url(../images/icon-search.png) no-repeat;}


/***** > COUNTRY MAP STYLES < *****/
/**********************************/

.pagewrapperCountryMap          {padding-bottom: 14px !important; background: url(../images/countryMap-bg.jpg) 0 65px no-repeat !important;}
.contentCountryMap              {top: 110px; left: 25px; padding-top: 10px !important; height: 325px; width: 810px !important; font-size: 0.8em; color: #fff; background: url(../images/countryMap-menu-bg.jpg) no-repeat;
                                filter: alpha(opacity=0);
                                /* PATCH: CSS3 standard - fadein handled by jquery in effects.js */
                                opacity: 0;}
    .contentCountryMap p        {color: #fff;}
    .contentCountryMap ul       {margin: 0 !important; padding-left: 20px; width: 140px; list-style-image: none !important; float: left;}
    .contentCountryMap li       {margin: 0 !important; padding-left: 20px; line-height: 1.8em;}
        .canada                 {background: url(../images/flag-cdn.gif) no-repeat;}
        .uk                     {background: url(../images/flag-uk.gif) no-repeat;}
        .us                     {background: url(../images/flag-us.gif) no-repeat;}
    .contentCountryMap a        {color: #fff;}
        .contentCountryMap a:hover {color: #6fd8ff; text-decoration: none;}

/***** > 404 STYLES < *****/
/**************************/

.pagewrapper404     {background: url(../images/404-bg.jpg) 0 65px no-repeat !important;}
.header404              {height: 65px !important; background: url(../images/headerWrapper-bg-404.jpg) no-repeat !important;}


/***** > DEFAULT FORMS STYLES < *****/
/************************************/

form {margin: 0 auto;}
form p {margin: 10px 0; padding: 0; clear: both;}
form fieldset {margin: 15px 0 0; padding: 10px 0; border: 0px; border-bottom: 1px solid #ccc;}
/*form input {font-size: 1em; padding: 2px; margin: 2px 0; border: 1px solid #8c7700;}*/
form select,
form textarea {font-size: 1em; padding: 2px; /*margin: 2px 0;*/ width: 202px; border: 1px solid #777;}
searchBtn {background: url(../images/submitBtn.png) no-repeat; width: 33px; height: 33px;}
form textarea {margin-bottom: 15px; float: left; width: 196px;}
form div.textgroup,
form div.selectgroup,
form div.radiogroup,
form div.checkgroup,
form div.textareagroup {width: 100%; clear: both; padding: 2px 0; margin-right: 5px;}
form .textgroup label,
form .textareagroup label,
form .radiogroup label,
form .selectgroup label {float: left; text-align: right; width: 200px; margin-right: 10px; color: #000;}
form .textareagroup label,
form .checkgroup label {color: #000;}
form .textgroup input,
form .selectgroup input {float: left; margin: 1px 0; width: 200px; border: 1px solid #777;}
form .radiogroup input {float: left; margin: 0; background: none !important; }
form .radiogroup .grouplabel {padding-right: 20px; }
form .radiogroup .grouplabel,
form .radiogroup .groupitem {float: left;}
form .radiogroup .groupitem input {padding-right: 20px;}
form .buttongroup {/*margin-right: 2px;*/ margin-left: 210px; padding-top: 10px; clear: both; }
form fieldset legend {
	/*   Only text styles are applicable here.. FF ignores and box/position styling	*/
	font-size: 1.2em; color: #000000;}
form .required input,
form .required select,
form .required textarea {border: 1px solid #777; background: #ddd;}
form .required span {font-size: 1.2em; color: #007AA3;}
form .radiogroup label {clear: both;}
.error {display: block; margin-top: 20px; padding: 20px 0 20px 75px; color: #007AA3 !important; font-weight: bold; background: #eaeaea url(../images/form-error.png) no-repeat; border: 1px solid #000;}
form .error {color: #FF6600 !important; font-weight: bold; padding-left: 5px; display: none;}
/*form .enforce .error {display: inline;}*/


/***** > SHARETHIS STYLES < *****/
/*************************************/

#stwrapper {position: relative !important; top: -284px !important; left: 895px !important;}
    #stframe {height: 275px !important;}


/***** > DEFAULT FOOTER STYLES < *****/
/*************************************/

#footerFlash {margin-left: 5px; height: 62px; width: 850px; background: url(../images/footerFlash-bg.jpg) no-repeat;}

#footer {position: relative; bottom: 0; left: 5px; margin: 5px 0 0 0; padding: 8px 20px; height: 18px; width: 808px; color: #fff; background-color: #000; border: 1px solid #fff;}
    #footerInfo {float: left;}
    #footerInfoRight {float: right;}
    #footer a {color: #777;}
    #footer a:hover {color: #ccc;}