/* PCMS (North America) CSS Document for Screen Display */ /* 0.083333333333 x pixels = ems */ /* additions to redefined html elements */ html, body { max-height:100%; overflow: hidden; min-width:792px; } body{ text-align:center; width:100%; min-width:792px; } #holder { border: 0; margin: 0; padding: 0; } /* header section */ #head, #head2, #head3 { background:url(../images/titles/title_bar.gif) 0 0 repeat-x; border-bottom: 0; font-size:1em; float:left; left:25.5%; margin:0; position:absolute; text-align:left; top:0; width:74.5%; z-index:101; } #head { height:212px; } #head2 { height:179px; } #head3 { height:219px; } /* top section graphic */ #sectiongraphicabout { display: block; width: 350px; padding-left: 0px; height: 114px; line-height: 25px; min-height: 114px; background-image:url(../images/about_us/id_aboutus1.gif); background-repeat:no-repeat; text-decoration: none; } #sectiongraphicstore { display: block; width: 350px; padding-left: 0px; height: 114px; line-height: 25px; min-height: 114px; background-image:url(../images/store_systems/id_news_events.gif); background-repeat:no-repeat; text-decoration: none; } #sectiongraphiclogin { display: block; width: 350px; padding-left: 0px; height: 114px; line-height: 25px; min-height: 114px; background-image:url(../images/customer_login/id_secure.gif); background-repeat:no-repeat; text-decoration: none; } #sectiongraphicnews { display: block; width: 350px; padding-left: 0px; height: 114px; line-height: 25px; min-height: 114px; background-image:url(../images/news/id_news_events.gif); background-repeat:no-repeat; text-decoration: none; } #sectiongraphiccontact { display: block; width: 350px; padding-left: 0px; height: 114px; line-height: 25px; min-height: 114px; background-image:url(../images/contact_us/id_contactus.gif); background-repeat:no-repeat; text-decoration: none; } /* top section vision complete graphic - launches flash executable */ div#smbflash, div#smbflash a { display:block; width: 238px; height: 101px; background: url(../images/titles/complete.gif) 0 0 no-repeat; text-align:right; } #leftnav { bottom: 0; border-bottom: 0; display: block; font-size: 1em; float: left; left: 0; margin: 0; min-width: 202px; overflow: auto; position: absolute; text-align: center; top: 0; width: 202px; width: 25.5%; z-index: 101; height: 100%; } * html #leftnav { bottom:0; border-top:0; border-bottom:1px solid #fff; height:100%; top:0px; } /* menu */ #leftnav div#menuholder { width: 174px; display:block; } #leftnav div#menuholder div { margin:3px; text-align:left; } #leftnav div#menuholder div div { padding: 0; margin: 0; border: 0; text-align:center; margin-left: auto; margin-right: auto; } #leftnav div#menuholder div div a { display: block; width: 174px; padding-left: 0px; line-height: 25px; min-height: 0px; text-decoration: none; } #leftnav div#menuholder div div#menuindex, #leftnav div#menuholder div div#menuindex h1, #leftnav div#menuholder div div#menuindex h1 a { display:block; height: 74px; width: 174px; background: url(../images/menu/nav_pcms.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menuaboutus { display:block; width: 174px; height: 30px; background: url(../images/menu/nav_about.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menuaboutus a, #leftnav div#menuholder div div#menuaboutusselected, #leftnav div#menuholder div div#menustoresolutionsselected a { display:block; height: 30px; width: 174px; background: url(../images/menu/nav_about.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menuaboutus, #leftnav div#menuholder div div#menuaboutus a:hover, #leftnav div#menuholder div div#menuaboutusselected, #leftnav div#menuholder div div#menuaboutusselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menuwhois { display:block; width: 174px; height: 31px; background: url(../images/menu/nav_about_whoispcms.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menuwhois a, #leftnav div#menuholder div div#menuwhois, #leftnav div#menuholder div div#menuwhoisselected a { display:block; height: 30px; width: 174px; background: url(../images/menu/nav_about_whoispcms.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menuwhois, #leftnav div#menuholder div div#menuwhois a:hover, #leftnav div#menuholder div div#menuwhoisselected, #leftnav div#menuholder div div#menuwhoisselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menugra { display:block; width: 174px; height: 24px; background: url(../images/menu/nav_about_gla.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menugra a, #leftnav div#menuholder div div#menugra, #leftnav div#menuholder div div#menugraselected a { display:block; height: 24px; width: 174px; background: url(../images/menu/nav_about_gla.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menugra, #leftnav div#menuholder div div#menugra a:hover, #leftnav div#menuholder div div#menugraselected, #leftnav div#menuholder div div#menugraselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menucustomer { display:block; width: 174px; height: 24px; background: url(../images/menu/nav_about_ourcustomers.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menucustomer a, #leftnav div#menuholder div div#menucustomer, #leftnav div#menuholder div div#menucustomerselected a { display:block; height: 24px; width: 174px; background: url(../images/menu/nav_about_ourcustomers.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menucustomer, #leftnav div#menuholder div div#menucustomer a:hover, #leftnav div#menuholder div div#menucustomerselected, #leftnav div#menuholder div div#menucustomerselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menuaboutuscareers { display:block; width: 174px; height: 24px; background: url(../images/menu/nav_about_careers.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menuaboutuscareers a, #leftnav div#menuholder div div#menuaboutuscareers, #leftnav div#menuholder div div#menuaboutuscareersselected a { display:block; height: 24px; width: 174px; background: url(../images/menu/nav_about_careers.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menuaboutuscareers, #leftnav div#menuholder div div#menuaboutuscareers a:hover, #leftnav div#menuholder div div#menumenuaboutuscareersselected, #leftnav div#menuholder div div#menuaboutuscareersselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menustoresolutions { display:block; width: 174px; height: 30px; background: url(../images/menu/nav_store.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menustoresolutions a, #leftnav div#menuholder div div#menustoresolutionsselected, #leftnav div#menuholder div div#menustoresolutionsselected a { display:block; height: 30px; width: 174px; background: url(../images/menu/nav_store.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menustoresolutions, #leftnav div#menuholder div div#menustoresolutions a:hover, #leftnav div#menuholder div div#menustoresolutionsselected, #leftnav div#menuholder div div#menustoresolutionsselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menuportfolio { display:block; width: 174px; height: 32px; background: url(../images/menu/nav_store_vision.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menuportfolio a, #leftnav div#menuholder div div#menuportfolioselected, #leftnav div#menuholder div div#menuportfolioselected a { display:block; height: 32px; width: 174px; background: url(../images/menu/nav_store_vision.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menuportfolio, #leftnav div#menuholder div div#menuportfolio a:hover, #leftnav div#menuholder div div#menuportfolioselected, #leftnav div#menuholder div div#menuportfolioselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menuinteraction { display:block; width: 174px; height: 37px; background: url(../images/menu/nav_store_work_together.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menuinteraction a, #leftnav div#menuholder div div#menuinteractionselected, #leftnav div#menuholder div div#menuinteractionselected a { display:block; height: 37px; width: 174px; background: url(../images/menu/nav_store_work_together.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menuinteraction, #leftnav div#menuholder div div#menuinteraction a:hover, #leftnav div#menuholder div div#menuinteractionselected, #leftnav div#menuholder div div#menuinteractionselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menupartner { display:block; width: 174px; height: 37px; background: url(../images/menu/nav_store_why_partner.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menupartner a, #leftnav div#menuholder div div#menupartnerselected, #leftnav div#menuholder div div#menupartnerselected a { display:block; height: 37px; width: 174px; background: url(../images/menu/nav_store_why_partner.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menupartner, #leftnav div#menuholder div div#menupartner a:hover, #leftnav div#menuholder div div#menupartnerselected, #leftnav div#menuholder div div#menupartnerselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menutechnology { display:block; width: 174px; height: 24px; background: url(../images/menu/nav_store_technology.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menutechnology a, #leftnav div#menuholder div div#menutechnologyselected, #leftnav div#menuholder div div#menutechnologyselected a { display:block; height: 24px; width: 174px; background: url(../images/menu/nav_store_technology.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menutechnology, #leftnav div#menuholder div div#menutechnology a:hover, #leftnav div#menuholder div div#menutechnologyselected, #leftnav div#menuholder div div#menutechnologyselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menuservices { display:block; width: 174px; height: 24px; background: url(../images/menu/nav_store_services.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menuservices a, #leftnav div#menuholder div div#menuservicesselected, #leftnav div#menuholder div div#menuservicesselected a { display:block; height: 24px; width: 174px; background: url(../images/menu/nav_store_services.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menuservices, #leftnav div#menuholder div div#menuservices a:hover, #leftnav div#menuholder div div#menuservicesselected, #leftnav div#menuholder div div#menuservicesselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menustrategic { display:block; width: 174px; height: 24px; background: url(../images/menu/nav_store_strategic_alliances.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menustrategic a { display:block; height: 24px; width: 174px; background: url(../images/menu/nav_store_strategic_alliances.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menustrategic, #leftnav div#menuholder div div#menustrategic a:hover, #leftnav div#menuholder div div#menustrategicselected, #leftnav div#menuholder div div#menustrategicselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menudownloads { display:block; width: 174px; height: 32px; background: url(../images/menu/nav_store_downloads.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menudownloads a { display:block; height: 32px; width: 174px; background: url(../images/menu/nav_store_downloads.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menudownloads, #leftnav div#menuholder div div#menudownloads a:hover, #leftnav div#menuholder div div#menudownloadsselected, #leftnav div#menuholder div div#menudownloadsselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menuitag { display:block; width: 174px; height: 30px; background: url(../images/menu/nav_itag.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menuitag a { display:block; height: 30px; width: 174px; background: url(../images/menu/nav_itag.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menuitag, #leftnav div#menuholder div div#menuitag a:hover { background-position: -174px 0; } #leftnav div#menuholder div div#menuanalytics { display:block; width: 174px; height: 30px; background: url(../images/menu/nav_analytics.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menuanalytics a { display:block; height: 30px; width: 174px; background: url(../images/menu/nav_analytics.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menuanalytics, #leftnav div#menuholder div div#menuanalytics a:hover { background-position: -174px 0; } #leftnav div#menuholder div div#menuiseries { display:block; width: 174px; height: 30px; background: url(../images/menu/nav_iseries.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menuiseries a { display:block; height: 30px; width: 174px; background: url(../images/menu/nav_iseries.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menuiseries, #leftnav div#menuholder div div#menuiseries a:hover { background-position: -174px 0; } #leftnav div#menuholder div div#menunews { display:block; width: 174px; height: 30px; background: url(../images/menu/nav_news.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menunews a, #leftnav div#menuholder div div#menunews, #leftnav div#menuholder div div#menunewsselected a { display:block; height: 30px; width: 174px; background: url(../images/menu/nav_news.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menunews, #leftnav div#menuholder div div#menunews a:hover, #leftnav div#menuholder div div#menunewsselected, #leftnav div#menuholder div div#menunewsselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menulogin { display:block; width: 174px; height: 30px; background: url(../images/menu/nav_secure.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menulogin a, #leftnav div#menuholder div div#menuloginselected, #leftnav div#menuholder div div#menuloginselected a { display:block; height: 30px; width: 174px; background: url(../images/menu/nav_secure.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menulogin, #leftnav div#menuholder div div#menulogin a:hover, #leftnav div#menuholder div div#menuloginselected, #leftnav div#menuholder div div#menuloginselected a { background-position: -174px 0; } #leftnav div#menuholder div div#menucareers { display:block; width: 174px; height: 30px; background: url(/images/menu/nav_careers.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menucareers a, #leftnav div#menuholder div div#menucareers, #leftnav div#menuholder div div#menucareersselected a { display:block; height: 30px; width: 174px; background: url(../images/menu/nav_careers.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menucareers, #leftnav div#menuholder div div#menucareers a:hover, #leftnav div#menuholder div div#menucareersselected, #leftnav div#menuholder div div#menucareersselected a { background-position: -174px 0; } #leftnav div#menuholder div div#loginbox { display:block; text-align: center; margin:0 0 0 24px; padding: 0; border: 0; width: 174px; height: 140px; } * html #leftnav div#menuholder div div#loginbox { margin:0; } #leftnav div#menuholder div div#menucontact { display:block; width: 174px; height: 30px; background: url(../images/menu/nav_contact.gif) -174px 0 no-repeat; } #leftnav div#menuholder div div#menucontact a, #leftnav div#menuholder div div#menucontactselected, #leftnav div#menuholder div div#menucontactselected a { display:block; height: 30px; width: 174px; background: url(../images/menu/nav_contact.gif) 0 0 no-repeat; } #leftnav div#menuholder div div#menucontact, #leftnav div#menuholder div div#menucontact a:hover, #leftnav div#menuholder div div#menucontactselected, #leftnav div#menuholder div div#menucontactselected a { background-position: -174px 0; } /* positioning for pseudo-frameset */ #content { width:74.5%; overflow:auto; left:25.5%; top:212px; background-image:url(../images/titles/stripback_contact.gif); background-repeat: repeat-y; } * html #content { height:100%; top:0; bottom:0; border-top:212px solid #fff; border-bottom:1px solid #fff; } #content2 { width:74.5%; overflow:auto; left:25.5%; top:179px; background-image:url(../images/titles/stripback_contact.gif); background-repeat: repeat-y; } * html #content2 { height:100%; top:0; bottom:0; border-top:179px solid #fff; border-bottom:1px solid #fff; } #content3 { width:74.5%; overflow:auto; left:25.5%; top:259px; background-image:url(../images/titles/stripback_contact.gif); background-repeat: repeat-y; } * html #content3 { height:100%; top:0; bottom:0; border-top:259px solid #fff; border-bottom:1px solid #fff; } * html #content3 { border-top-width: expression((document.body.clientWidth || document.documentElement.clientWidth) > 964 ? '219px' : '259px'); } #content3 #contentholder, #content #contentholder { float: left; margin-top: 3px; } #content, #content2, #content3 { z-index:101; position:absolute; text-align:left; bottom:0; font-size:1em; z-index:4; } * html #content, * html #content2, * html #content3 { width: expression((document.body.clientWidth || document.documentElement.clientWidth) > 800 ? '74.5%' : '590px'); left: expression((document.body.clientWidth || document.documentElement.clientWidth) > 800 ? '25.5%' : '202px'); } /* content label bar */ #curve { display: block; padding-left: 0px; height: 65px; line-height: 25px; min-height: 65px; background-image:url(../images/titles/curve.gif); background-repeat:no-repeat; padding-left: 36px; z-index:6; } #curve div h2 a { display: block; padding-left: 0px; line-height: 25px; min-height: 0px; text-decoration: none; } #curve div#newsheaderbar h2, #curve div#newsheaderbar h2 a { display:block; width: 179px; height: 41px; background: url(../images/titles/news_events.gif) 0 0 no-repeat; } #curve div#whoisheaderbar h2, #curve div#whoisheaderbar h2 a { display:block; width: 179px; height: 41px; background: url(../images/titles/who_is_pcms.gif) 0 0 no-repeat; } #curve div#graheaderbar h2, #curve div#graheaderbar h2 a { display:block; width: 274px; height: 41px; background: url(../images/titles/global_retail_alliance.gif) 0 0 no-repeat; } #curve div#customersheaderbar h2, #curve div#customersheaderbar h2 a { display:block; width: 181px; height: 41px; background: url(../images/titles/our_customers.gif) 0 0 no-repeat; } #curve div#careersheaderbar h2, #curve div#careersheaderbar h2 a { display:block; width: 97px; height: 41px; background: url(../images/titles/careers.gif) 0 0 no-repeat; } #curve div#portfolioheaderbar h2, #curve div#portfolioheaderbar h2 a { display:block; width: 197px; height: 41px; background: url(../images/titles/vision_portfolio.gif) 0 0 no-repeat; } #curve div#whypartnerheaderbar h2, #curve div#whypartnerheaderbar h2 a { display:block; width: 300px; height: 41px; background: url(../images/titles/why_partner.gif) 0 0 no-repeat; } #curve div#technologyheaderbar h2, #curve div#technologyheaderbar h2 a { display:block; width: 135px; height: 41px; background: url(../images/titles/technology.gif) 0 0 no-repeat; } #curve div#servicesheaderbar h2, #curve div#servicesheaderbar h2 a { display:block; width: 108px; height: 41px; background: url(../images/titles/services.gif) 0 0 no-repeat; } #curve div#strategicheaderbar h2, #curve div#strategicheaderbar h2 a { display:block; width: 231px; height: 41px; background: url(../images/titles/strategic_alliances.gif) 0 0 no-repeat; } #curve div#downloadsheaderbar h2, #curve div#downloadsheaderbar h2 a { display:block; width: 132px; height: 41px; background: url(../images/titles/downloads.gif) 0 0 no-repeat; } #curve div#loginheaderbar h2, #curve div#loginheaderbar h2 a { display:block; width: 278px; height: 41px; background: url(../images/titles/secure_customer_login.gif) 0 0 no-repeat; } #curve div#contactheaderbar h2, #curve div#contactheaderbar h2 a { display:block; width: 132px; height: 41px; background: url(../images/titles/contact_us.gif) 0 0 no-repeat; } #curve div#copyrightheaderbar h2, #curve div#copyrightheaderbar h2 a { display:block; width: 130px; height: 41px; background: url(../images/titles/copyright.gif) 0 0 no-repeat; } /* rollover tabs */ #basictabs, #visiontabs { display:block; margin: 0; z-index:10; background-image:url(../images/titles/stripback_contact.gif); background-repeat: repeat-y; } #basictabs { height: 33px; } #visiontabs { height: 80px; } #visiontabs div, #basictabs div { margin: 0 0 0 20px; } #visiontabs div div, #basictabs div div { float:left; display: inline; margin:0; padding: 0 3px 0 0; border:0; } /* store systems - portfolio */ #beanstoretab { display:block; width: 105px; height: 40px; background: url(../images/store_systems/button_beanstore.gif) -105px 0 no-repeat; } #beanstoretab a { display:block; height: 40px; width: 105px; background: url(../images/store_systems/button_beanstore.gif) 0 0 no-repeat; } #beanstoretab, #beanstoretab a:hover { background-position: -105px 0; } #interactivetab { display:block; width: 108px; height: 40px; background: url(../images/store_systems/button_interactive.gif) -108px 0 no-repeat; } #interactivetab a { display:block; height: 40px; width: 108px; background: url(../images/store_systems/button_interactive.gif) 0 0 no-repeat; } #interactivetab, #interactivetab a:hover { background-position: -108px 0; } #checkpointtab { display:block; width: 107px; height: 40px; background: url(../images/store_systems/button_touchpoint.gif) -107px 0 no-repeat; } #checkpointtab a { display:block; height: 40px; width: 107px; background: url(../images/store_systems/button_touchpoint.gif) 0 0 no-repeat; } #checkpointtab, #checkpointtab a:hover { background-position: -107px 0; } #centralmanagementtab { display:block; width: 180px; height: 40px; background: url(../images/store_systems/button_central_management.gif) -180px 0 no-repeat; } #centralmanagementtab a { display:block; height: 40px; width: 180px; background: url(../images/store_systems/button_central_management.gif) 0 0 no-repeat; } #centralmanagementtab, #centralmanagementtab a:hover { background-position: -180px 0; } #storemanagementtab { display:block; width: 176px; height: 40px; background: url(../images/store_systems/button_store_management.gif) -176px 0 no-repeat; } #storemanagementtab a { display:block; height: 40px; width: 176px; background: url(../images/store_systems/button_store_management.gif) 0 0 no-repeat; } #storemanagementtab, #storemanagementtab a:hover { background-position: -176px 0; } #insighttab { display:block; width: 107px; height: 40px; background: url(../images/store_systems/button_insight.gif) -107px 0 no-repeat; } #insighttab a { display:block; height: 40px; width: 107px; background: url(../images/store_systems/button_insight.gif) 0 0 no-repeat; } #insighttab, #insighttab a:hover { background-position: -107px 0; } #visionInsightFlowDiag { display:block; width: 700px; height: 386px; background: url(../images/store_systems/vision_insight_flow_diag.jpg) 50px 20px no-repeat; } #analyticalReportTypes { display:block; width: 268px; height: 555px; background: url(../images/store_systems/reports.jpg) 0 0 no-repeat; } /* store systems - technology */ #architecturetab { display:block; width: 112px; height: 33px; background: url(../images/store_systems/button_architecture.gif) -112px 0 no-repeat; } #architecturetab a { display:block; height: 33px; width: 112px; background: url(../images/store_systems/button_architecture.gif) 0 0 no-repeat; } #architecturetab, #architecturetab a:hover { background-position: -112px 0; } #multisectortab { display:block; width: 116px; height: 33px; background: url(../images/store_systems/button_multisector.gif) -116px 0 no-repeat; } #multisectortab a { display:block; height: 33px; width: 116px; background: url(../images/store_systems/button_multisector.gif) 0 0 no-repeat; } #multisectortab, #multisectortab a:hover { background-position: -116px 0; } #multichanneltab { display:block; width: 116px; height: 33px; background: url(../images/store_systems/button_multichannel.gif) -116px 0 no-repeat; } #multichanneltab a { display:block; height: 33px; width: 116px; background: url(../images/store_systems/button_multichannel.gif) 0 0 no-repeat; } #multichanneltab, #multichanneltab a:hover { background-position: -116px 0; } #emergingtab { display:block; width: 176px; height: 33px; background: url(../images/store_systems/button_emerging_tech.gif) -176px 0 no-repeat; } #emergingtab a { display:block; height: 33px; width: 176px; background: url(../images/store_systems/button_emerging_tech.gif) 0 0 no-repeat; } #emergingtab, #emergingtab a:hover { background-position: -176px 0; } /* store systems - services */ #implementationtab { display:block; width: 210px; height: 33px; background: url(../images/store_systems/button_implementation.gif) -210px 0 no-repeat; } #implementationtab a { display:block; height: 33px; width: 210px; background: url(../images/store_systems/button_implementation.gif) 0 0 no-repeat; } #implementationtab, #implementationtab a:hover { background-position: -210px 0; } #educationtab { display:block; width: 138px; height: 33px; background: url(../images/store_systems/button_education.gif) -138px 0 no-repeat; } #educationtab a { display:block; height: 33px; width: 138px; background: url(../images/store_systems/button_education.gif) 0 0 no-repeat; } #educationtab, #educationtab a:hover { background-position: -138px 0; } #ondemandtab { display:block; width: 159px; height: 33px; background: url(../images/store_systems/button_pcms_on_demand.gif) -159px 0 no-repeat; } #ondemandtab a { display:block; height: 33px; width: 159px; background: url(../images/store_systems/button_pcms_on_demand.gif) 0 0 no-repeat; } #ondemandtab, #ondemandtab a:hover { background-position: -159px 0; } /* contact us */ #locationmaptab { display:block; width: 140px; height: 33px; background: url(../images/contact_us/button_location.gif) -140px 0 no-repeat; } #locationmaptab a { display:block; height: 33px; width: 140px; background: url(../images/contact_us/button_location.gif) 0 0 no-repeat; } #locationmaptab, #locationmaptab a:hover { background-position: -140px 0; } #inquirytab { display:block; width: 140px; height: 33px; background: url(../images/contact_us/button_inquiry.gif) -140px 0 no-repeat; } #inquirytab a { display:block; height: 33px; width: 140px; background: url(../images/contact_us/button_inquiry.gif) 0 0 no-repeat; } #inquirytab, #inquirytab a:hover { background-position: -140px 0; } #careerstab { display:block; width: 109px; height: 33px; background: url(../images/contact_us/button_careers.gif) -109px 0 no-repeat; } #careerstab a { display:block; height: 33px; width: 109px; background: url(../images/contact_us/button_careers.gif) 0 0 no-repeat; } #careerstab, #careerstab a:hover { background-position: -109px 0; } /* customer-login */ #usernameimg { background-image:url(../images/menu/nav_secure_username.gif); background-repeat:no-repeat; height: 26px; width: 174px; } * html #usernameimg img { margin-left: -3px; margin-right: -3px; } #pwdimg { background-image:url(../images/menu/nav_secure_password.gif); background-repeat:no-repeat; height: 21px; width: 174px; } #username, #pswd { margin: 0; text-align:center; width: 174px;} #username div, #pswd div { background-image:url(../images/menu/nav_secure_back.gif); width:112px; } #loginbutton { margin: 0; width: 174px; } #loginbutton div { text-align:center; width:112px; } /* location map */ div#mapholder, div#mapholderzoom { padding-top: 20px; } div#mapholder, div#mapholderzoom, div#mapholder div, div#mapholderzoom div, div#mapholder div a, div#mapholderzoom div a { height: 384px; } div#mapholder, div#mapholderzoom, div#mapholder div, div#mapholderzoom div, div#mapholder div a, div#mapholderzoom div a { text-align:center; margin-left: auto; margin-right: auto; float:none; } div#mapholder div, div#mapholderzoom div { padding: 0; border: 0; width: 448px; height: 364px; border: 1px solid black; display:block; } div#mapholder div a, div#mapholderzoom div a { margin: 0; padding: 0; display:block; height: 364px; width: 448px; border: 1px solid black; } div#mapholder div { background: url(../images/contact_us/map1.gif) no-repeat 1px 1px; } div#mapholder div a { background: url(../images/contact_us/map1.gif) no-repeat 0 0; } div#mapholderzoom div { background: url(../images/contact_us/map2.gif) no-repeat 1px 1px; } div#mapholderzoom div a { background: url(../images/contact_us/map2.gif) no-repeat 0 0; } /* news story */ #interview { position:relative; top: 0; left: 150px; width: 362px; height: 121px; display: block; } * html #interview img { margin-left: -3px; margin-right: -3px; } /* vision portfolio */ div#casestudies { display:block; margin: 0 10px 0 10px; } div#casestudies div.casestudy { width: 96px; text-align:center; float:left; display: inline; margin: 0; border:0; padding:0; height: 124px; } div#casestudies div.casestudy div a span, div#casestudies div.casestudy div a div { top:84px; left: 0; font-weight: bold; position:relative; text-align:center; } div#casestudies div.casestudy div#casestudykarstadt, div#casestudies div.casestudy div#casestudyindigo, div#casestudies div.casestudy div#casestudykrispykreme, div#casestudies div.casestudy div#casestudylenscrafters, div#casestudies div.casestudy div#casestudyorange, div#casestudies div.casestudy div#casestudybudgens, div#casestudies div.casestudy div#casestudyrainbow { text-align:center; float:left; display: inline; margin: 0; border:0; padding:0; } div#casestudies div.casestudy div#casestudykarstadt { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/bag.gif) -84px 0 no-repeat; } div#casestudies div.casestudy div#casestudykarstadt a { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/bag.gif) 0 0 no-repeat; } div#casestudies div.casestudy div#casestudykarstadt, div#casestudies div.casestudy div#casestudykarstadt a:hover { background-position: -84px 0; } div#casestudies div.casestudy div#casestudyindigo { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/book.gif) -84px 0 no-repeat; } div#casestudies div.casestudy div#casestudyindigo a { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/book.gif) 0 0 no-repeat; } div#casestudies div.casestudy div#casestudyindigo, div#casestudies div.casestudy div#casestudyindigo a:hover { background-position: -84px 0; } div#casestudies div.casestudy div#casestudykrispykreme { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/burger.gif) -84px 0 no-repeat; } div#casestudies div.casestudy div#casestudykrispykreme a { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/burger.gif) 0 0 no-repeat; } div#casestudies div.casestudy div#casestudykrispykreme, div#casestudies div.casestudy div#casestudykrispykreme a:hover { background-position: -84px 0; } div#casestudies div.casestudy div#casestudylenscrafters { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/glasses.gif) -84px 0 no-repeat; } div#casestudies div.casestudy div#casestudylenscrafters a { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/glasses.gif) 0 0 no-repeat; } div#casestudies div.casestudy div#casestudylenscrafters, div#casestudies div.casestudy div#casestudylenscrafters a:hover { background-position: -84px 0; } div#casestudies div.casestudy div#casestudyorange { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/phone.gif) -84px 0 no-repeat; } div#casestudies div.casestudy div#casestudyorange a { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/phone.gif) 0 0 no-repeat; } div#casestudies div.casestudy div#casestudyorange, div#casestudies div.casestudy div#casestudyorange a:hover { background-position: -84px 0; } div#casestudies div.casestudy div#casestudybudgens { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/shopping_cart.gif) -84px 0 no-repeat; } div#casestudies div.casestudy div#casestudybudgens a { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/shopping_cart.gif) 0 0 no-repeat; } div#casestudies div.casestudy div#casestudybudgens, div#casestudies div.casestudy div#casestudybudgens a:hover { background-position: -84px 0; } div#casestudies div.casestudy div#casestudyrainbow { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/tshirt.gif) -84px 0 no-repeat; } div#casestudies div.casestudy div#casestudyrainbow a { display:block; width: 84px; height: 124px; background: url(../images/store_systems/icons/tshirt.gif) 0 0 no-repeat; } div#casestudies div.casestudy div#casestudyrainbow, div#casestudies div.casestudy div#casestudyrainbow a:hover { background-position: -84px 0; } div.partnerslogo { float:left; display: block; border:0; text-align:center; width: 168px; height: 65px; margin-left: auto; margin-right: auto;} div.fiftypercentsplit { float:left; display: inline; margin:0; border:0; text-align:left; width: 341px; } #flashPortfolio { text-align:center; margin-left: auto; margin-right: auto; } #flashBeanStore{ margin:0; border:0; padding: 0 0 10px 10px; } #copyrightnotice { float:left; display: inline; margin:10px 0 0 0; padding:0; border:0; } div#richardsmithscreen, div#richardsmithscreen a { display:block; width: 181px; height: 121px; background: url(../images/about_us/richard_smith.gif) 0 0 no-repeat; float:left; } div#qanda, div#qanda a { display:block; width: 180px; height: 77px; background: url(../images/about_us/q_and_a.gif) 0 0 no-repeat; float:left; } div#globalcoverage { width: 650px; height: 550px; background-image: url(../images/about_us/global_coverage.gif); background-repeat: no-repeat; } div#luxotticalogo { width: 120px; height: 56px; background-image: url(../images/store_systems/logos/luxottica_group.gif); background-repeat: no-repeat; } div#harryrosenlogo { width: 160px; height: 46px; background-image: url(../images/store_systems/logos/harry_rosen.gif); background-repeat: no-repeat; } div#rainbowlogo { width: 181px; height: 49px; background-image: url(../images/store_systems/logos/rainbow.gif); background-repeat: no-repeat; } div#orangelogo { width: 66px; height: 70px; background-image: url(../images/store_systems/logos/orange.gif); background-repeat: no-repeat; } div#krispykremelogo { width: 154px; height: 57px; background-image: url(../images/store_systems/logos/krispyKreme.gif); background-repeat: no-repeat; } div#karstadtlogo { width: 226px; height: 34px; background-image: url(../images/store_systems/logos/karstadt.gif); background-repeat: no-repeat; } div#budgenslogo { width: 201px; height: 37px; background-image: url(../images/store_systems/logos/budgens2.jpg); background-repeat: no-repeat; } div#waitroselogo { width: 124px; height: 55px; background-image: url(../images/store_systems/logos/waitrose2.jpg); background-repeat: no-repeat; } div#visionBeanStorelogo { width: 175px; height: 85px; background-image: url(../images/store_systems/beanstore_logo.jpg); background-repeat: no-repeat; } div#visionInteractivelogo { width: 175px; height: 85px; background-image: url(../images/store_systems/interactive.jpg); background-repeat: no-repeat; } div#visionCheckPointlogo { width: 175px; height: 85px; background-image: url(../images/store_systems/touchpoint.jpg); background-repeat: no-repeat; } div#visionCentralManagementlogo { width: 275px; height: 85px; background-image: url(../images/store_systems/central_management.jpg); background-repeat: no-repeat; } div#visionStoreManagementlogo { width: 252px; height: 85px; background-image: url(../images/store_systems/store_management.jpg); background-repeat: no-repeat; } div#visionInsightlogo { width: 175px; height: 85px; background-image: url(../images/store_systems/insight.jpg); background-repeat: no-repeat; } div#posdiag { width: 400px; height: 142px; background-image: url(../images/store_systems/arch_caching.gif); background-repeat: no-repeat; text-align:center; margin-left: auto; margin-right: auto; } div#clientfuctdiag { width: 520px; height: 317px; background-image: url(../images/store_systems/arch_config%20_chart.gif); background-repeat: no-repeat; text-align:center; margin-left: auto; margin-right: auto; } div#multisectorscreens div { width: 576px; height: 434px; background-image: url(../images/store_systems/multisector.gif); background-repeat: no-repeat; text-align:center; margin-left: auto; margin-right: auto; } div#multichanneloptions div { width: 573px; height: 425px; background-image: url(../images/store_systems/multi-channel.gif); background-repeat: no-repeat; text-align:center; margin-left: auto; margin-right: auto; } div#cardreader1 { width: 151px; height: 240px; background-image: url(../images/store_systems/cardreader.gif); background-repeat: no-repeat; } div#cardreader2 { width: 135px; height: 206px; background-image: url(../images/store_systems/card_reader_unit.gif); background-repeat: no-repeat; } div#cardreader3 { width: 142px; height: 120px; background-image: url(../images/store_systems/chippin.gif); background-repeat: no-repeat; } div#cardreader4 { width: 186px; height: 120px; background-image: url(../images/store_systems/chippin2.gif); background-repeat: no-repeat; } div#pcmspartners div { width: 257px; height: 95px; background-image: url(../images/store_systems/pcms_partners.jpg); background-repeat: no-repeat; } div#phonegraphic { width: 166px; height: 223px; background-image: url(../images/contact_us/phone.gif); background-repeat: no-repeat; } div#shoppergraphic { width: 241px; height: 300px; background-image: url(../images/store_systems/shopper.jpg); background-repeat: no-repeat; float:left; display: inline; margin:0; padding:0; border:0; } div#computerimage { width: 300px; height: 248px; background-image: url(../images/store_systems/Interactive.png); background-repeat: no-repeat; float:left; display: inline; margin:0; padding:0; border:0; } div#checkpointMonitor { width: 390px; height: 364px; background-image: url(../images/store_systems/kiosk.jpg); background-repeat: no-repeat; float:left; display: inline; margin:0; padding:0; border:0; } div#centralMaintenancePCgraphic { width: 462px; height: 490px; background-image: url(../images/store_systems/central_maintenance_pc.jpg); background-repeat: no-repeat; float:right; display: inline; margin:0; padding:0; border:0; } div#hospitalitygraphic { width: 200px; height: 283px; background-image: url(../images/store_systems/qsr_sm.jpg); background-repeat: no-repeat; } div#qrsPanel { width: 216px; height: 152px; background-image: url(../images/store_systems/qrs_panel.gif); background-repeat: no-repeat; } div#cupofjava { width: 285px; height: 177px; background-image: url(../images/store_systems/relationships_overview.jpg); background-repeat: no-repeat; } #leftnav div#menuholder { width: 174px; display:block; } #leftnav div#menuholder div { margin:3px; text-align:left; } #leftnav div#menuholder div div { padding: 0; margin: 0; border: 0; } div#interactiondiagramholder { text-align:center; margin-left: auto; margin-right: auto; display:block; } div#interactiondiagramholder div div { width: 564px; height: 594px; border: 0; padding: 0; display:block; text-align:center; margin-left: auto; margin-right: auto; float:none; } div#interactiondiagramholder div div div, div#interactiondiagramholder div div div a { border: 0; margin: 0; padding: 0; display:block; float: left; } div#interactiondiagramholder div div div#top { width: 564px; height: 215px; background: url(../images/store_systems/interaction/top.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_1_1 { width: 40px; height: 46px; background: url(../images/store_systems/interaction/slice_1_1.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_1_2, div#interactiondiagramholder div div#slice_1_2 a { width: 182px; height: 46px; background: url(../images/store_systems/interaction/slice_1_2.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_1_3 { width: 342px; height: 46px; background: url(../images/store_systems/interaction/slice_1_3.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_2 { width: 564px; height: 118px; background: url(../images/store_systems/interaction/slice_2.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_3_1 { width: 300px; height: 44px; background: url(../images/store_systems/interaction/slice_3_1.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_3_2, div#interactiondiagramholder div div#slice_3_2 a { width: 178px; height: 44px; background: url(../images/store_systems/interaction/slice_3_2.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_3_3 { width: 86px; height: 44px; background: url(../images/store_systems/interaction/slice_3_3.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_4 { width: 564px; height: 108px; background: url(../images/store_systems/interaction/slice_4.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_5_1 { width: 47px; height: 43px; background: url(../images/store_systems/interaction/slice_5_1.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_5_2, div#interactiondiagramholder div div#slice_5_2 a { width: 115px; height: 43px; background: url(../images/store_systems/interaction/slice_5_2.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_5_3 { width: 87px; height: 43px; background: url(../images/store_systems/interaction/slice_5_3.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_5_4, div#interactiondiagramholder div div#slice_5_4 a { width: 118px; height: 43px; background: url(../images/store_systems/interaction/slice_5_4.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_5_5 { width: 62px; height: 43px; background: url(../images/store_systems/interaction/slice_5_5.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_5_6, div#interactiondiagramholder div div#slice_5_6 a { width: 113px; height: 43px; background: url(../images/store_systems/interaction/slice_5_6.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#slice_5_7 { width: 22px; height: 43px; background: url(../images/store_systems/interaction/slice_5_7.gif) 0 0 no-repeat; } div#interactiondiagramholder div div div#bottom { width: 564px; height: 20px; background: url(../images/store_systems/interaction/bottom.gif) 0 0 no-repeat; } div.partnerslogo div#arts { width: 58px; height: 31px; background: url(../images/store_systems/logos/arts.jpg) 0 0 no-repeat; } div.partnerslogo div#cognos { width: 95px; height: 22px; background: url(../images/store_systems/logos/cognos_platinum_reseller.jpg) 0 0 no-repeat; } div.partnerslogo div#ibm_prem { width: 53px; height: 34px; background: url(../images/store_systems/logos/ibm_premier.gif) 0 0 no-repeat; } div.partnerslogo div#ibm_ready { width: 90px; height: 35px; background: url(../images/store_systems/logos/ibm_readyfor.gif) 0 0 no-repeat; } div.partnerslogo div#ibm_pos { width: 81px; height: 35px; background: url(../images/store_systems/logos/ibm_pos.jpg) 0 0 no-repeat; } div.partnerslogo div#mainline { width: 95px; height: 25px; background: #CC66FF url(../images/store_systems/logos/mainline.jpg) 0 0 no-repeat;} div.partnerslogo div#microsoft { width: 83px; height: 38px; background: url(../images/store_systems/logos/microsoft_certified.jpg) 0 0 no-repeat; } div.partnerslogo div#qsr { width: 67px; height: 31px; background: url(../images/store_systems/logos/qsr.jpg) 0 0 no-repeat; } div.partnerslogo div#southern { width: 85px; height: 24px; background: url(../images/store_systems/logos/southern_datacomm.jpg) 0 0 no-repeat; } div.partnerslogo div#symantec { width: 84px; height: 20px; background: url(../images/store_systems/logos/symantec.jpg) 0 0 no-repeat; } div.partnerslogo div#trax { width: 94px; height: 39px; background: url(../images/store_systems/logos/trax.jpg) 0 0 no-repeat; } div.partnerslogo div#ultimate { width: 95px; height: 19px; background: url(../images/store_systems/logos/ultimate_tech.jpg) 0 0 no-repeat; } div.partnerslogo div#synthesis { width: 120px; height: 30px; background: url(../images/store_systems/logos/synthesis_logo.jpg) 0 0 no-repeat; } div.partnerslogo div#wincor_nixdorf { width: 48px; height: 20px; background: url(../images/store_systems/logos/wincor_nixdorf.gif) 0 0 no-repeat; } div.partnerslogo div#s1_postilion { width: 31px; height: 30px; background: url(../images/store_systems/logos/s1_90.jpg) 0 0 no-repeat; } #download_files { width: 240px; display: block; } div.downloadholder { width: 120px; display: block; } div.pdfimg, div.pdfimg a, div.pdfimg, div.pdfimg a:link, div.pdfimg a:visited, div.pdfimg a:hover { width: 120px; height: 33px; background: url(../images/store_systems/pdf.gif) 44px 0 no-repeat; text-align: center; margin-left: auto; margin-right: auto;} div.formdescriptions, div.formdescriptions a, div.formdescriptions a:link, div.formdescriptions a:visited, div.formdescriptions a:hover { width: 120px; text-align: center; margin-left: auto; margin-right: auto; } /* footer */ div#foot { position:absolute; margin:0; bottom:-12px; left:0; display:block; width:100%; height:0; font-size: 0.8em; z-index:7; text-align:right; } /* specific classes for pseudo-frameset */ .news { font-weight: bold; background:rgb(255,255, 255); color: rgb(145,79,166); font-size:1.16em; } .sidebar, .inner { background-image:url(../images/titles/stripback_contact.gif); background-repeat: repeat-y; } .topspacer { margin-top: 10px; } .widthdiv { width:100%; min-width:792px; display:inline; } /* inline-block */ .widthrightdiv { width:74.5%; min-width:590px; display: inline; } /* inline-block */ .widthleftdiv { width:25.5%; min-width:202px; display: inline; } /* inline-block */ .contentdiv { border:0; padding:0; } * html .minwidthdiv { padding-right:792px; } * html .containerdiv { margin-right:-792px; position:relative; } /*\*/ * html .minwidthdiv, * html .containerdiv, * html .contentdiv, * html .layoutdiv { height:1px; } /**/ #harry_rosen_newsitem { width: 148px; height: 70px; background: url(../images/news/shoppers.jpg) 0 0 no-repeat; display: block; border:1px solid black; } #vacancies { top: 10px; width: 100%; margin: 10px; display: block; } #vacancies p { margin-top: 10px; height: 600px; width: 390px; display: block; vertical-align: top; }