/* PCMS (North America) CSS Document for Screen Display for Index Page */

/* 0.083333333333 x pixels = ems */

/* additions to redefined html elements */
html, body { text-align: center; }

/* positioning for index page */
div#container {  position: relative; margin: 0 auto; width: 770px; text-align: left; padding: 0; }

/* styles for IE 5 Mac */
div#wrapper { position: absolute; top: 0; left: 0; }
/*  IE 5 Hack \*/
div#wrapper { width: 100%; top: 0%; margin-top: 0; min-width: 770px; }
/* end hack */ 

div#topbar, div#banner, div#foursites, div#panels, div#copyrightnotice { width: 770px; padding: 0; border: 0; margin: 0; }

div#topbar { height: 98px; margin: 0; border: 0; padding: 0; display: block; vertical-align:bottom; } 

div#topbar div#pcmslogo h1, div#topbar div#pcmslogo h1 a { display: block; width: 248px; height: 85px; background: url(../images/home/home_datafit.gif) 0 0 no-repeat; margin:0; border: 0; padding: 0; }

div#topbar div#pcmslogo h1 { margin: 0 0 0 20px; }

div#topbar #rotatingcustomers { width: 414px; height: 98px; margin: 0; border: 0; padding: 0; }
div#topbar #rotatingcustomertxt { width: 200px;  height: 98px; margin: 20px 0 0 0; text-align: right; border: 0; padding: 0; }
div#topbar #rotatingcustomerlogos { width: 214px; height: 98px; margin: 6px 0 0 0; text-align: center; border: 0; padding: 0; }
* html topbar, * html div#topbar div#pcmslogo, * html div#topbar div#pcmslogo a, * html div#topbar div#pcmslogo, * html div#topbar #rotatingcustomers,  * html div#topbar #rotatingcustomertxt,  * html div#topbar #rotatingcustomerlogos { height: 85px; }

#banner { height: 200px; margin: 4px 0 10px 10px; border: 0; padding: 0;} 
#bannerleft, #bannerright { width: 374px; height: 200px; }
#bannerright { background: #fff; position: relative; top: -4px; display: block; width: 374px; height: 200px; }
#bannerleft { margin:0 0 0 10px; background: url(../images/home/homepage_store_solutions.gif) 0 0 no-repeat; }
* html #storesolutions a img, * html #analytics a img, * html #itag a img { margin-left: -3px; margin-right: -3px; }

div#foursites { height: 290px; margin: 10px 0 5px 8px; }
div#foursites div#vline1, div#foursites div#vline2, div#foursites div#vline3 { height: 285px; width: 22px; }

div#foursites div#storesolutions, div#foursites div#analytics, div#foursites div#itag, div#foursites div#iseries { display:block; width:173px; height: 290px; text-align:center; margin:0;}

div#foursites div#storesolutions div#sitelogostore h2 { display:block; height: 88px; width: 168px; background: url(../images/home/home_storesystems.gif) -168px 0 no-repeat; }
div#foursites div#storesolutions div#sitelogostore h2 a, div#foursites div#storesolutions div#sitelogostore h2 a:hover { display:block; height: 88px; width: 168px; background: url(../images/home/home_storesystems.gif) 0 0 no-repeat; }
div#foursites div#storesolutions div#sitelogostore h2, div#foursites div#storesolutions div#sitelogostore h2 a:hover { background-position: -168px 0; }

div#foursites div#analytics div#sitelogoanalytics h2 { display:block; height: 88px; width: 168px; background: url(../images/home/home_analytics.gif) -168px 0 no-repeat; }
div#foursites div#analytics div#sitelogoanalytics h2 a, div#foursites div#analytics div#sitelogoanalytics h2 a:hover { display:block; height: 88px; width: 168px; background: url(../images/home/home_analytics.gif) 0 0 no-repeat; }
div#foursites div#analytics div#sitelogoanalytics h2, div#foursites div#analytics div#sitelogoanalytics h2 a:hover { background-position: -168px 0; }

div#foursites div#itag div#sitelogoitag h2 { display:block; height: 88px; width: 168px; background: url(../images/home/home_itadvisor.gif) -168px 0 no-repeat; }
div#foursites div#itag div#sitelogoitag h2 a, div#foursites div#itag div#sitelogoitag h2 a:hover { display:block; height: 88px; width: 168px; background: url(../images/home/home_itadvisor.gif) 0 0 no-repeat; }
div#foursites div#itag div#sitelogoitag h2, div#foursites div#itag div#sitelogoitag h2 a:hover { background-position: -168px 0; }

div#foursites div#iseries div#sitelogoiseries h2 { display:block; height: 88px; width: 168px; background: url(../images/home/home_iseries.gif) -168px 0 no-repeat; }
div#foursites div#iseries div#sitelogoiseries h2 a, div#foursites div#iseries div#sitelogoiseries h2 a:hover { display:block; height: 88px; width: 168px; background: url(../images/home/home_iseries.gif) 0 0 no-repeat; }
div#foursites div#iseries div#sitelogoiseries h2, div#foursites div#iseries div#sitelogoiseries h2 a:hover { background-position: -168px 0; }

#panels { display:block; height: 650px; padding: 0; border: 0; margin: 0 0 10px 0; }
#panels div#newsandevents { width: 384px; height: 620px; margin: 0px auto; padding: 0; border: 0; display: block; } /* 451px (-67px) */
* html #panels div#newsandevents { height: 511px; } /* 451px (-67px) */
#panels div#newsandevents img.news, img.bordered { margin-bottom: 0; margin-left: 1px; } 
* html #panels div#newsandevents img { margin-left: -3px; margin-right: -3px; }
* html #panels div#newsandevents img.bordered  { margin-left: 0; }

#panels div#newsandevents div#newstopleft, #panels div#announcements div#announcetopleft { display:block; background: url(../images/home/latest_news_topleft.gif) 0 0 no-repeat; width: 47px; height: 72px; }
#panels div#newsandevents div#newstopmiddle h2, #panels div#newsandevents div#newstopmiddle h2 a { display:block; width: 290px; height: 72px; background: url(../images/home/latest_news.gif) 0 0 no-repeat; }
#panels div#announcements div#announcetopmiddle h2 { display:block; background: url(../images/home/product_announcements.gif) 0 0 no-repeat; width: 290px; height: 72px; }
#panels div#newsandevents div#newstopright, #panels div#announcements div#announcetopright { display:block; background: url(../images/home/latest_news_topright.gif) 0 0 no-repeat; width: 47px; height: 72px; }
#panels div#newsandevents div#newsbottomleft, #panels div#announcements div#announcebottomleft { display:block; background: url(../images/home/latest_news_botleft.gif) 0 0 no-repeat; width: 47px; height: 40px; }
#panels div#newsandevents div#newsbottommiddle { display:block; background: url(../images/home/latest_news_botbck.gif) 0 0 repeat-x; width: 290px; height: 40px; }
#panels div#announcements div#announcebottommiddle { display:block; background: url(../images/home/latest_news_botbck.gif) 0 0 repeat-x; width: 290px; height: 40px; }
#panels div#newsandevents div#newsbottomright, #panels div#announcements div#announcebottomright { display:block; background: url(../images/home/latest_news_botright.gif) 0 0 no-repeat; width: 47px; height: 40px; }

#panels div#newsandevents div#newscontent{ width:384px; padding: 0 40px 0 40px; height: 648px; background:url(../images/home/products_back.gif) 0 0 repeat-y; }
* html #panels div#newsandevents div#newscontent{ width:384px; padding: 0 40px 0 40px; height: 560px; background:url(../images/home/products_back.gif) 0 0 repeat-y; }
#panels div#newsandevents div#newscontent div#newstory1, #panels div#newsandevents div#newscontent div#newstory2, #panels div#newsandevents div#newscontent div#newstory5, #panels div#newsandevents div#newscontent div#newstory3, #panels div#newsandevents div#newscontent div#newstory4, #panels div#newsandevents div#newscontent div#newstory6, #panels div#newsandevents div#newscontent div#newstory7, #panels div#newsandevents div#newscontent div#newstory8, #panels div#newsandevents div#newscontent div#newstory9, #panels div#newsandevents div#newscontent div#newstory10  { left: 0; width: 303px; font-weight: bold; line-height: 20px; border: 0; padding: 0; margin: 0 0 15px -5px; }

#panels div#newsandevents div#newscontent div#newstory1 div, #panels div#newsandevents div#newscontent div#newstory1 div a.storyimage { width: 111px; height: 53px; background: url(../images/home/news/bi.gif) 0 0 no-repeat; }

#panels div#newsandevents div#newscontent div#newstory3 div, #panels div#newsandevents div#newscontent div#newstory3 div a.storyimage { width: 74px; height: 50px; background: url(../images/home/news/BPS_wood.jpg) 0 0 no-repeat; }

#panels div#newsandevents div#newscontent div#newstory4 div, #panels div#newsandevents div#newscontent div#newstory4 div a.storyimage { width: 118px; height: 59px; background: url(../images/home/news/IBMReadyfor_SOA.jpg) 0 0 no-repeat; }

#panels div#newsandevents div#newscontent div#newstory5 div, #panels div#newsandevents div#newscontent div#newstory5 div a.storyimage { width: 124px; height: 50px; background: url(../images/home/news/R4_ibm_retail_RIF_color.jpg) 0 0 no-repeat; }

#panels div#newsandevents div#newscontent div#newstory2 div, #panels div#newsandevents div#newscontent div#newstory2 div a.storyimage { width: 115px; height: 50px; background: url(../images/home/news/accelerator_sml.jpg) 0 0 no-repeat; }

#panels div#newsandevents div#newscontent div#newstory6 div, #panels div#newsandevents div#newscontent div#newstory6 div a.storyimage { width: 150px; height: 30px; background: url(../images/home/news/business_courier_sml.gif) 0 0 no-repeat; }	

#panels div#newsandevents div#newscontent div#newstory7 div, #panels div#newsandevents div#newscontent div#newstory7 div a.storyimage { width: 124px; height: 50px; background: url(../images/home/news/accelerator_sml.gif) 0 0 no-repeat; }

#panels div#newsandevents div#newscontent div#newstory8 div, #panels div#newsandevents div#newscontent div#newstory8 div a.storyimage { width: 157px; height: 29px; background: url(../images/home/news/logo_planetretail.gif) 0 0 no-repeat; }

#panels div#newsandevents div#newscontent div#newstory9 div, #panels div#newsandevents div#newscontent div#newstory9 div a.storyimage { width: 145px; height: 30px; background: url(../images/home/news/retailweek_sml.jpg) 0 0 no-repeat; }

#panels div#newsandevents div#newscontent div#newstory10 div, #panels div#newsandevents div#newscontent div#newstory10 div a.storyimage { width: 95px; height: 60px; background: url(../images/home/news/technology_awards.jpg) 0 0 no-repeat; }


#panels div#newsandevents div#newscontent div div, #panels div#newsandevents div#newscontent div div a { display: block; z-index: 3; }

#panels div#announcements { width:384px; height: 400px; margin: 0px auto; } /* 317px (+67px) */
* html #panels div#announcements img { margin-left: -3px; margin-right: -3px; }

#panels div#announcements div#announcementscontent { width:384px; padding: 0 25px 0 25px; height: 648px; background:url(../images/home/products_back.gif) 0 0 repeat-y; text-align:left; line-height: 20px; font-weight: bold; }
* html #panels div#announcements div#announcementscontent { height: 632px; }
#panels div#announcements div#announcementscontent span { display: block; padding-top: 0px; }
#panels div#announcements div#announcementscontent div#career_oppertunities { width:334px; height: 159px; background: url(../images/home/career_oppertunities.gif) 0 0 no-repeat; display: block; border: 0; margin-left: 0; z-index:3; }
/*#panels div#announcements div#announcementscontent div#announcement1, #panels div#announcements div#announcementscontent div#announcement2, { width: 278px; line-height: 20px; border: 0; margin-left: 14px; z-index:3; }
#panels div#announcements div#announcementscontent div#announcement1 img, #panels div#announcements div#announcementscontent div#announcement2 img { margin-left: 2px; }
*/
#panels div#announcements div#announcementscontent div#announcement_2, #panels div#announcements div#announcementscontent div#announcement_3, #panels div#announcements div#announcementscontent div#announcement_4, #panels div#announcements div#announcementscontent div#announcement_5, #panels div#announcements div#announcementscontent div#announcement_6 {
	width: 334px;
}

#panels div#announcements div#announcementscontent div#announcement_2 div, #panels div#announcements div#announcementscontent div#announcement_2 div a.storyimage { width: 100px; height: 100px; background: url(../images/home/news/nrf_small.jpg) 0 0 no-repeat; }
#panels div#announcements div#announcementscontent div#announcement_3 div, #panels div#announcements div#announcementscontent div#announcement_3 div a.storyimage { width: 100px; height: 100px; background: url(../images/home/news/nrf_logo_small.jpg) 0 0 no-repeat; }

#panels div#announcements div#announcementscontent div#announcement2 div#visioncompletegraphic, #panels div#announcements div#announcementscontent div#announcement2 div#visioncompletegraphic a { width: 278px; height: 326px; background: url(../images/home/products/complete_homepage_product1.gif) 0 20px no-repeat; z-index:3; display: block; }
#panels div#announcements div#announcementscontent div#announcement2 div#visioncompletegraphicinstruct, #panels div#announcements div#announcementscontent div#announcement2 div#visioncompletegraphicinstruct a { width: 278px; height: 83px; background: url(../images/home/products/complete_homepage_instruct.gif) 0 0 no-repeat; z-index:3; display: block; }

#panels div#announcements div#announcementscontent div#announcement_1 div, #panels div#announcements div#announcementscontent div#announcement_1 div a.storyimage { width: 124px; height: 50px; background: url(../images/home/news/accelerator_sml.gif) 0 0 no-repeat; }


#copyrightnotice { position: relative; top: 110px; left: 0; margin-top:8px; margin-bottom:14px; text-align:center; display: block; height: 30px; }
* html #copyrightnotice { top: 0; }
#scroller{ z-index: 2; position:absolute; top: 240px; left: 430px; width: 301px; color: #fff; background-color: inherit; }

/* specific classes for homepage */
.scrollertxt { font-size: 1em; font-weight: bold; text-align:center; color: #fff; background-color: inherit; }
.divider { height: 280px; width: 22px; background:url(../images/home/spacer.gif) 0 0 repeat-y; }


div#announcement_4 div, div#announcement_4 div a.storyimage { width: 129px; height: 49px; background: url(/images/home/irug_logo.jpg) 0 0 no-repeat; }
div#announcement_5 div, div#announcement_5 div a.storyimage { width: 149px; height: 50px; background: url(/images/home/PCI_logo.jpg) 0 0 no-repeat; }
div#announcement_6 div { width: 196px; height: 100px; background: url(/images/home/PCMS_mobile.jpg) 0 0 no-repeat; }