/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#525252 url(../images/bodyBg.gif) top left repeat-x; color:#353535; text-align:left; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
td {padding:5px;border:1px solid #ccc;}

/* ----- IDS ----- */
#outterContainer { width:980px; margin:0 auto; font-size:110%; height:auto !important; height:500px; min-height:500px; background:url(../images/containerMiddleBg.gif) top left repeat-y;}   
#container { width:980px; text-align:left; font-size:110%; height:auto !important; height:700px; min-height:700px; background:url(../images/containerTopBg.gif) top left no-repeat;}   
#container .padding { padding: 42px 22px 0 21px;}
#bottomContainer { width:980px; background:url(../images/containerBottomBg.gif) top left no-repeat; width:980px; height:50px; float:block;}

#header { width:937px; height:218px; position:relative;}
#header #topFlash { position:absolute; top:0px; left:0px; width:937px; height:174px; position:relative; background:#164627 url(../images/logo.jpg) no-repeat;}
#flashContainer { height:227px; }
#homeFlash { width:937px; height:227px; background:#EFEFEF; }
div#homeFlash p {text-align:center; padding-top:20px; font-size:16px; }

/* ----- HOME CONTENT ----- */
#homeContent { width:937px;}
#homeContent .leftCol { width:425px; float:left; display:inline; margin: 33px 20px 0 58px;}
#homeContent .rightCol { width:340px; float:left;  display:inline; margin: 33px 0 0 28px;}
#homeContent  .rightCol .newsLink { color:#353535; }
#homeContent .dividerHome { background:url(../images/dividerHome.gif) top left no-repeat; width:9px; height:276px; display:block; float:left; margin:60px 0 0 0;}
#homeContent .readMore { font-size:8px; font-weight:bold; color:#353535;}
#homeContent .readMore:hover  { color:#0db14b; text-decoration:none;}

/* ----- ABOUT CONTENT ----- */
#aboutContent { width:937px;}
#aboutContent .leftCol { width:425px; float:left; display:inline; margin: 33px 20px 20px 58px;}
#aboutContent .rightCol { width:350px; float:left;  display:inline; margin: 67px 0 0 25px;}
#aboutContent .dividerAbout { background:url(../images/dividerAbout.gif) top left no-repeat; width:9px; height:380px; display:block; float:left; margin:60px 0 0 0;}
#aboutContent .aboutImage { background:url(../images/aboutBg.gif) top left no-repeat; width:346px; height:260px; padding:4px 0 0 4px;}
#aboutContent .ourPartners { margin: 6px 0 0 6px; height : 200px;}
#aboutContent .ourPartners .title { width:340px; padding-bottom:10px; margin-bottom:0px;}
#aboutContent .ourPartners .ourPartnersLogos { height:125px; border-bottom:1px solid #c0c0c0; width:340px;text-align: center; }
#aboutContent .ourPartners .ourPartnersLogo { margin:20px 0px 0px 50px; display:block; }

/* ----- SOLUTIONS CONTENT ----- */
#solutionsContent { width:937px;}
#solutionsContent .leftCol { width:425px; float:left; display:inline; margin: 33px 20px 20px 58px;}
#solutionsContent .rightCol { width:350px; float:left;  display:inline; margin: 67px 0 0 34px; position:relative;}
#solutionsContent .dividerSolutions { background:url(../images/dividerSolutions.gif) top left no-repeat; width:9px; height:76px; display:block; float:left; margin:0px 35px 0 30px;}
#solutionsContent .solutionsImage { background:url(../images/solutionsBg.gif) top left no-repeat; width:346px; height:293px; padding:4px 0 0 4px;}
#solutionsContent .solutionsLogos { margin:35px 0 0 58px; float : left; width : 840px; }
#solutionsContent .solutionsLogos a { display:block; float:left; background-position:0px 0px; background-repeat:no-repeat; height:68px; margin-top:5px;}
#solutionsContent .solutionsLogos a:hover { background-position:0px -68px;}
#solutionsContent .solutionsLogos5 { margin:35px 0 0 42px; float:left; }
#solutionsContent .solutionsLogos5 a { display:block; float:left; background-position:0px 0px; background-repeat:no-repeat; width:151px; height:68px; margin-top:5px;}
#solutionsContent .solutionsLogos5 a:hover { background-position:0px -68px;}
#solutionsContent .solutionsLogos5 .dividerSolutions { margin:0px 9px 0 11px;}
#solutionsContent .solutionsLogosInner { margin:35px 0 0 42px; float:left; }
#solutionsContent .solutionsLogosInner a { display:block; float:left; background-position:0px -28px; background-repeat:no-repeat; width:151px; height:27px; margin-top:5px;}
#solutionsContent .solutionsLogosInner a:hover { background-position:0px 27px;}
#solutionsContent .solutionsLogosInner .dividerSolutions { margin:0px 9px 0 11px;}
#solutionsContent .solutionsSymphony { background-image:url(../images/solutionsSymphony.gif); width:197px;}
#solutionsContent .solutionsMetro { background-image:url(../images/solutionsMetro.gif); width:127px;}
#solutionsContent .solutionsPOS { background-image:url(../images/solutionsPOS.gif); width:105px;}
#solutionsContent .solutionsSystems { background-image:url(../images/solutionsSystems.gif); width:132px;}
#solutionsContent .viewOtherSolutions { position:absolute; top:-26px; right:7px;}
#solutionsContent #reportingDashboard { background-image:url(../images/dashboard.gif); width : 151px; }
#solutionsContent #reportingSalesReporting { background-image:url(../images/salesreporting.gif); width : 136px; }
#solutionsContent #reportingStockReporting { background-image:url(../images/stockreporting.gif); width: 136px; }
#solutionsContent a.active { background-position:0px -68px;}

/* ----- NEWS ----- */
#newsContent {}
#newsContent #category_heading { padding-left : 35px; margin-top : 17px; margin-bottom : 0; }
#newsContent .newsLink { color:#353535; }
#newsContent .featuredNews { border-bottom:1px solid #c0c0c0; padding-bottom:17px;}
#newsContent .featuredNews .featuredNewsItem { width:240px; float:left; margin:15px 0 0 35px; display:inline;}
#newsContent .featuredNews .featuredNewsItem .newsTitle { font-size:16px; font-weight:bold; line-height:18px; padding-top:15px; min-height:54px; }
#newsContent .featuredNews .featuredNewsItem .newsDate { font-size:9px; font-weight:bold; line-height:10px;}
#newsContent .featuredNews .featuredNewsItem .newsSummary p{ min-height:72px; }
#newsContent .readMore { font-size:8px; font-weight:bold; color:#353535;}
#newsContent .readMore:hover { color:#0db14b; text-decoration:none;}
#newsContent .featuredNews .dividerFeaturedNews  { background:url(../images/dividerFeaturedNews.gif) top left no-repeat; width:9px; height:168px; display:block; float:left; margin:20px 0 0 30px;}
#newsContent .dividerNews { background:url(../images/dividerNews.gif) top left no-repeat; width:9px; height:456px; display:block; float:left; margin:20px 0 0 20px;}
#newsContent .newsList { width:541px; float:left; display:inline; margin: 33px 0px 20px 58px;}
#newsContent .newsList .newsItem { padding-bottom:15px;}
#newsContent .newsList .newsItem .newsImage { width:76px; height:76px; float:left; position:relative; margin-top:5px;}
#newsContent .newsList .newsItem .newsFrame { width:76px; height:76px; background:url(../images/newsFrame.gif) top left no-repeat; position:absolute; top:0px; left:0px;}
#newsContent .newsList .newsItem .newsFrame a { display:block; width:76px; height:76px;}
#newsContent .newsList .newsItem .newsDetails { float:left; width:449px; margin-left:16px;}
#newsContent .newsList .newsItem .newsTitle { font-size:14px; font-weight:bold; line-height:18px; padding-bottom:0px; }
#newsContent .newsList .newsItem .newsDate { font-size:9px; font-weight:bold; line-height:10px;}
#newsContent .newsList .newsItem .newsSummary { padding-bottom:0px;}
#newsContent .newsArchive { float:left; width:309px; line-height:18px;  border-bottom:1px solid #c0c0c0; padding-bottom:35px;}
#newsContent .newsArchive .title { border:none; margin:0; padding:0; font-size:14px; line-height:18px;}
#newsContent .newsArchive .padding { padding:45px 0 0 60px;}
#newsContent .newsArchive a { color:#353535; font-weight:normal; text-decoration:none;}
#newsContent .newsArchive a:hover { color:#0db14b; text-decoration:none;}
#newsContent .newsArchive ul { margin:0; padding:0; list-style:none;}
#newsContent .newsArchive ul li  a.heading{ background:url(../images/newsArchiveBg.gif) 35px 6px no-repeat; outline:none; display:block;}
#newsContent .newsArchive ul li a.ui-state-active { background:url(../images/newsArchiveBg.gif) -255px 6px no-repeat; outline:none;}
#newsContent .newsArchive ul ul { margin:0; padding:0 0 0 35px; list-style:none;}
#newsContent .newsArchive ul ul li { background:none;}
#newsContent .newsArchive .active { color:#0db14b; font-weight:bold;}
#newsContent .newsKeywordSearch { float:left; width:309px; line-height:18px; padding-bottom:15px;}
#newsContent .newsKeywordSearch .padding { padding:20px 20px 0 24px;}
#newsContent .newsKeywordSearch .title { border:none; margin:0; padding:0; font-size:14px; line-height:18px;}
#newsContent .newsKeywordSearch a { color:#353535; font-weight:normal; text-decoration:none;}
#newsContent .newsKeywordSearch a:hover { color:#0db14b; text-decoration:none;}
#newsContent .newsKeywordSearch .active { color:#0db14b; font-weight:bold; }
#newsView { width:937px;}
#newsView .leftCol { width:425px; float:left; display:inline; margin: 33px 20px 20px 58px; position:relative;}
#newsView .rightCol { width:350px; float:left;  display:inline; margin: 67px 0 0 34px; position:relative;}
#newsView .newsViewImage { background:url(../images/newsBg.gif) top left no-repeat; width:346px; height:356px; padding:4px 0 0 4px;}
#newsView .newsDate { font-size:9px; font-weight:bold; line-height:10px; position:absolute; top:-13px; left:0px; }
#newsView .backToNews { position:absolute; top:-26px; right:7px;}
/*
#newsView .solutionsUsed { padding:7px 10px 0 0;}
#newsView .solutionsUsed p { text-align:right; padding-bottom:12px;}
#newsView .solutionsUsedLogos {}
#newsView .solutionsUsedLogos .solutionsUsedLogo { margin: 0 0 10px auto;}
*/

/* ----- MARKET SECTORS ----- */
#marketSectors { width:937px;}
#marketSectors .leftCol { width:425px; float:left; display:inline; margin: 33px 20px 20px 58px; position:relative;}
#marketSectors .rightCol { width:350px; float:left;  display:inline; margin: 67px 0 0 34px; position:relative;}
#marketSectors .marketSectorsImage { background:url(../images/marketSectorBg.gif) top left no-repeat; width:346px; height:356px; padding:4px 0 0 4px;}
#marketSectors .marketSectorCaseStudies {  margin: 47px 10px 0 5px;  height:auto !important; height:1px; min-height:1px; }
#marketSectors .marketSectorCaseStudies .caseStudyLogos { border-bottom:1px solid #c0c0c0; padding:0px 0 0 18px;}
#marketSectors .marketSectorCaseStudies .caseStudyImage { width:76px; height:76px; float:left; position:relative; margin: 0 0 11px 18px; display:inline;}
#marketSectors .marketSectorCaseStudies .caseStudyFrame { width:76px; height:76px; background:url(../images/caseStudiesFrame.gif) top left no-repeat; position:absolute; top:0px; left:0px;}
#marketSectors .marketSectorCaseStudies .caseStudyFrame a { display:block; width:76px; height:76px;}
#marketSectors .marketSectorCaseStudies p { text-align:center; padding:10px 0 0 0; line-height:18px;} 
#marketSectorView .marketSectorLogo { margin: 39px 0 0 58px;}
#marketSectorView .leftCol { width:553px; float:left; display:inline; margin: 23px 20px 20px 58px; position:relative;}
#marketSectorView .rightCol { width:150px; float:left;  display:inline; margin: 23px 0 0 87px; position:relative;}
#marketSectorView .marketSectors { float:left; line-height:18px; padding-bottom:35px;}
#marketSectorView .marketSectors .title { border:none; margin-bottom:5px;}
#marketSectorView .marketSectors .padding { padding:45px 0 0 60px;}
#marketSectorView .marketSectors a { color:#353535; font-weight:bold; text-decoration:none;}
#marketSectorView .marketSectors a:hover { color:#0db14b; text-decoration:none;}
#marketSectorView .marketSectors ul { margin:0; padding:0; list-style:none;}
#marketSectorView .marketSectors ul li  a.heading{ background:url(../images/newsArchiveBg.gif) 0px 6px no-repeat; padding-left:13px !important; display:block;}
#marketSectorView .marketSectors ul li a.ui-state-active { background:url(../images/newsArchiveBg.gif) -290px 6px no-repeat;}
#marketSectorView .marketSectors ul ul { margin:0; padding:0; list-style:none;}
#marketSectorView .marketSectors ul ul a { font-weight:normal;}
#marketSectorView .marketSectors ul ul li { background:none;padding:3px 0px 3px 13px;border-bottom: 1px dotted #525252;}
#marketSectorView .marketSectors ul ul li.active a { color:#0db14b; font-weight:bold;}
#marketSectorView .solutionsUsed h2 { font-size:12px; border-top:1px solid #C0C0C0; color:#525252; padding-top:10px;}
#marketSectorView .solutionsUsedLogos img { display : inline; margin-left:-5px; margin-right:20px;}

/* ----- SERVICES ----- */
#services { width:937px;}
#services .leftCol { width:425px; float:left; display:inline; margin: 33px 20px 20px 58px; position:relative;}
#services .rightCol { width:350px; float:left;  display:inline; margin: 67px 0 0 34px; position:relative;}

/* ----- SLIDER ----- */

.backgroundWrapper { background:url(../images/servicesBg1.gif) top left no-repeat; padding:4px 0 0 4px;}
#services .navigation, #solutionsContent .navigation { margin : 0; float:left; padding:0;}
#services .panel-wrapper { padding-bottom:2px; }
.coda-slider { padding : 0; margin:0; }
.panel-wrapper  p { padding:10px 10px  10px; font-weight:bold; }
.subImage { background:url(../images/servicesBg2.gif) top left no-repeat; width:80px; height:80px; padding:5px 0 0 5px; margin-bottom:5px; float:left; list-style:none;}

.coda-slider-wrapper { width: 346px }
.coda-slider { width: 338px; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 338px } 

.coda-slider-wrapper { clear: both; overflow:auto;}
.coda-slider { overflow: hidden; position: relative; }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }

/* ----- CONTACT US ----- */
#contactUs { width:937px;}
#contactUs .title { border-bottom:none; margin-bottom:5px;}
#contactUs .leftCol { width:425px; float:left; display:inline; margin: 33px 50px 20px 58px;}
#contactUs .rightCol { width:350px; float:left;  display:inline; margin: 33px 0 0 30px;}
#contactUs .dividerContactUs { background:url(../images/dividerContactUs.gif) top left no-repeat; width:9px; height:413px; display:block; float:left; margin:40px 0 0 0;}
#contactUs .aboutImage { background:url(../images/aboutBg.gif) top left no-repeat; width:346px; height:260px; padding:4px 0 0 4px;}
#contactUs .ourPartners { margin: 6px 0 0 6px;}
#contactUs .ourPartners .title { width:340px; padding-bottom:10px; margin-bottom:0px;}
#contactUs .ourPartners .ourPartnersLogos { height:125px; border-bottom:1px solid #c0c0c0; width:340px;}
#contactUs .ourPartners .ourPartnersLogo { display:inline; float:left; margin:33px 5px 0 8px;}
#contactUs .contactEmail { font-weight : normal; color:#000; }

#contactAndMap { width:833px; border-top:1px solid #bebebe; margin-left:58px;}
#contactAndMap .getInTouch { width:490px; float:left;}
#contactAndMap .getInTouch p { padding-bottom:0px;}
#contactAndMap .getInTouch label { width:144px; float:left; line-height:24px;}
#contactAndMap .getInTouch .textInput { width:338px; border:1px solid #9b9b9b; padding:5px 3px; float:left; margin-bottom:2px;}
#contactAndMap .getInTouch .textareaInput { width:338px; height:135px; border:1px solid #9b9b9b; padding:5px 3px; float:left; margin: 0 0 2px 0;}
#contactAndMap .getInTouch .btnSubmit {  border:1px solid #9b9b9b; padding:5px 3px; background:#ffffff; float:right; margin-top:9px; width:70px; text-align:center; font-weight:bold; cursor:pointer;}
#contactAndMap .map { width:316px; float:left; margin-left:27px;}
#contactAndMap .map .mapImage { border:1px solid #9b9b9b;}
#contactAndMap .map .btnViewMap { color:#353535; border:1px solid #9b9b9b; padding:6px 3px; background:#ffffff; float:right; margin-top:9px; width:70px; text-align:center; font-weight:bold; cursor:pointer;}
#contactAndMap .map .btnViewMap:hover { text-decoration:none;}
#contactAndMap .map .directions { float:left; width:200px;}
#contactAndMap .map .directions .directionsPDF { margin:7px 7px 0 0; display:block; float : left; width:41px; height:43px; background:url(../images/iconPDF.gif) no-repeat;}
#contactAndMap .map .directions .directionsDOC { margin:7px 7px 0 0; display:block; float: left; width:41px; height:43px; background:url(../images/iconDOC.gif) no-repeat;}
#contactAndMap .map .directions .directionsOther { margin:7px 7px 0 0; display:block; float: left; width:41px; height:43px; background:url(../images/iconOther.gif) no-repeat;}
#contactAndMap .title { padding-top:25px;}
#contactAndMap .error{border-color : #BF0000 !important; background-color : #FF8F8F; }
#contactAndMap label.error{display:none !important; }

/* ----- CLIENTS ----- */
#clients { width:865px; height:162px; /*margin:10px 0 0 161px;*/ margin: 10px auto; padding:25px 39px; font-size:12px; color:#ffffff; background:url(../images/footerBg.jpg) no-repeat scroll 0 0 transparent;}
#clients .ourClients { float:left; text-align:center; }
#clients .ourClients .clientLogo { background: url(../images/clientBg.gif) top left no-repeat; width:118px; height:118px; padding:2px; }
#clients .ourClients p {  padding:5px 0 0 0; width:118px; }
#clients #testimonial_container { margin-left : 126px; }
#clients .client { width:285px; float:left; margin-left:80px; }
#clients .client  a { color : #FFF; }
#clients .title { margin:0; border:none;}

/* ----- GLOSSARY ----- */
#glossary { width:833px; margin-left:58px;}
#glossary .leftCol { width:400px; float:left; display:inline; margin: 0;}
#glossary .rightCol { width:400px; float:left;  display:inline; margin: 0 0 0 33px;}
#glossary .glossaryIndex { font-size:19px;}
#glossary .glossaryIndex ul { margin:0; padding:40px 0 30px 0; list-style:none;}
#glossary .glossaryIndex li { display:inline;}
#glossary .glossaryIndex a { display:inline; color:#cac6c5; padding-right:5px;}
#glossary .glossaryIndex a:hover { color:#525252; text-decoration:none;}
#glossary .glossaryIndex .active a { color:#0DB14B !important;}
#glossary .glossaryIndex .hasEntries a { color:#525252; }

/* ----- FAQ ----- */
#faqs { width:833px; margin-left:58px;}
#faqs .faqQuestion { font-size:16px; font-weight:bold; padding-bottom:0px;}
#faqs .faqAnswer { padding-bottom:20px;}
#faqCategories { padding:40px 0 35px 57px;}
#faqCategories ul { margin:0; padding:0; list-style:none;}
#faqCategories li { display:block; float:left; width:250px; padding: 2px 0 2px 5px; border-bottom:1px solid #c0c0c0; margin-right:34px;}
#faqCategories a { color:#b5b5b5; font-size:12px;}
#faqCategories a:hover { color:#0db14b; text-decoration:none;}
#faqCategories .active a { color:#0db14b; text-decoration:none;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.title { font-size:19px; font-weight:bold; border-bottom:1px solid #c0c0c0; line-height:22px; margin-bottom:15px; padding-bottom:17px;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;  line-height:18px;}

/* ----- TOP NAVIGATION ----- */
#topNav { position:absolute; top:174px; left:0px; font-size:16px; line-height:17px;}
#topNav ul { margin:0; padding:0; list-style:none;}
#topNav li { display:inline; float:left; margin-left:17px;}
#topNav a { display:inline; float:left; color:#4b4b4b; text-decoration:none; font-weight:bold; padding: 14px 13px 13px 13px; background:url(../images/topNavBg.gif) 0px 50px repeat-x;}
#topNav a:hover { color:#ffffff; background:url(../images/topNavBg.gif) 0px 0px repeat-x;}
#topNav .active a { color:#ffffff; background:url(../images/topNavBg.gif) 0px 0px repeat-x;}
#topNav {}

/* ----- TOP NAVIGATION 2 ----- */
#topNav2 { font-size:12px; line-height:17px; background:#3d3d3d; height:23px; text-align:center; padding-top:5px; margin-top:0px; }
#topNav2 a { display:inline; color:#ffffff; text-decoration:none; font-weight:normal; padding: 5px 8px 0px 8px; }
#topNav2 a:hover { text-decoration:underline;}
#topNav2 .active { font-weight:bold; text-decoration:underline; }

/* ----- LEFT NAVIGATION ----- */

/* ----- SITE MAP ----- */

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer { width:980px; margin:30px auto 0 auto;}
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer #footerLinks { font-size:13px; height:35px;}
#footer #footerLinks ul { margin:0; padding:0 0 0 /*140px*/200px; list-style:none;}
#footer #footerLinks li { float:left; display:inline; background:url(../images/footerBg.gif) 0px 0px no-repeat; padding:0px 3px 0px 16px;}
#footer #footerLinks li.first { background:none;}
#footer #footerLinks a { color:#ffffff; float:left; display:inline; padding:5px 0;}
#footer #footerCopyright { color:#ffffff; font-weight:normal; font-size:10px; text-align:center; height:35px;}
#footer #footerCopyright a { color:#969696; font-weight:normal;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; line-height:18px;}
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#0db14b; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
a:focus, a:hover, a:active { outline:none;}

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }