* { margin:0; padding:0; } body { background:#f2f2f3 url(../images/bg.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#333; position:relative; margin:0 auto; } #container { width:969px; margin:0 auto; position:relative; } #logo { padding:13px 0 0 14px; } #topSubNav { position:absolute; top:48px; right:10px; } #topSubNav img { float:left; padding-right:17px; opacity:0.8; } #topSubNav img:hover { opacity:1; } #topSubNav img.last { padding-right:0; } p { margin:0 0 8px; line-height:1.38em; } p.intro { font-size:16px; color:#0069AA; line-height:1.25em; margin:0 0 12px; } a { color:#2E4862; text-decoration:none; } a:hover { text-decoration:underline; } /*********************** Nav *****************************/ #nav { padding:14px 10px 0 10px; height:47px; position:absolute; z-index: 1000; background: url( ../images/bg.gif ) bottom repeat-x transparent; } *+html #nav { padding: 11px 10px 0 10px !important } #mainMenu { list-style:none; padding:0; margin:0; height:47px; font-size:11px; font-weight:bold; } #mainMenu li { position:relative; margin:0; padding:0; float:left; } #mainMenu li a { display:block; text-decoration:none; border:none; } #mainMenu li a span { display:none; } #mainMenu li a img { border:none; visibility:hidden; } /* submenu styles */ #mainMenu li ul { list-style:none; margin:0; padding:0; float:none; } #mainMenu li ul li { list-style:none; margin:0; padding:0; border-top:1px solid #1C3148; height:25px; line-height:24px; display:block; float:none; } #mainMenu li ul li A { color:#FFFFFF; display:block; background-color:#2E4862; height:27px; text-decoration:none; padding:0 12px 0 15px; } #mainMenu li ul li A:hover { text-decoration:none; background-color:#75A4D8; color:#FFF; } #navProducts { background:url(../images/btn_products.gif) no-repeat; } #navProducts:hover a#mmButton1,#navProducts a.selected { background:url(../images/btn_products_on.gif) no-repeat; } #navSolutions { background:url(../images/btn_solutions.gif) no-repeat; } #navSolutions:hover a#mmButton2,#navSolutions a.selected { background:url(../images/btn_solutions_on.gif) no-repeat; } #navNews { background:url(../images/btn_news_events.gif) no-repeat; } #navNews:hover a#mmButton3,#navNews a.selected { background:url(../images/btn_news_events_on.gif) no-repeat; } #navPartner { background:url(../images/btn_partners.gif) no-repeat; } #navPartner:hover a#mmButton4,#navPartner a.selected { background:url(../images/btn_partners_on.gif) no-repeat; } #navCustomers { background:url(../images/btn_customers.gif) no-repeat; } #navCustomers:hover a#mmButton5,#navCustomers a.selected { background:url(../images/btn_customers_on.gif) no-repeat; } #navServices { background:url(../images/btn_services.gif) no-repeat; } #navServices:hover a#mmButton6,#navServices a.selected { background:url(../images/btn_services_on.gif) no-repeat; } #navDemos { background:url(../images/btn_demos.gif) no-repeat; } #navDemos:hover a#mmButton7,#navDemos a.selected { background:url(../images/btn_demos_on.gif) no-repeat; } .new_shadow { background:url(../images/new_shadow.jpg) repeat-x white; width:949px; height:22px; clear:both; display:block; } #footer_wrapper, #footer { /* clear fix */ overflow:auto; width:100%; /* end clear fix */ } #footer_wrapper { background:url(../images/bg_boxShadowInside_bottom.png) no-repeat bottom center transparent; } #footer { margin-left:10px; background:white; color:black; font-size:11px; line-height:16px; width:949px; clear:both; padding:15px 0; /* padding:25px 0 15px; */ } #footer a { color: black; } #footer .dark,#footer .light { display:block; float:left; height:220px; padding:18px 14px; } #footer .dark { background-color:#e0e0e0; width:202px; margin-left:15px; } #footer .light { background-color:#ededed; /* background-color:#e9ebec; */ min-width:136px; border-right:1px solid #FFF; border-left:1px solid #C1C6C9; } #footer .light.first { border-left: none; } #footer .light.last { border-right:none; } #below { width:949px; height:22px; clear:both; display:block; color:black; padding:16px 0 20px 40px; font-size:10px; } .clr { clear:both; } /*dropdown */ #productsDropDown,#solutionsDropDown,#newsEventsDropDown,#partnersDropDown,#customersDropDown,#servicesDropDown { position:absolute; left:0; top:47px; z-index:9001; visibility:hidden; } #productsDropDown { width:225px; } #solutionsDropDown { width:136px; } #newsEventsDropDown { width:165px; } #partnersDropDown { width:185px; } #customersDropDown { width:190px; } #servicesDropDown { width:200px; } /* AG Extras */ a img { border:0; } h2 { font-size:16px; color:#0069AA; margin:0 0 8px; } #content_wrapper { background:url(../images/bg_boxShadowInside.gif) repeat-y; clear:both; margin-top: 55px; } #content { margin:0 0 0 10px; } /* ------------------ Column Left ------------------*/ #content #columnLeft { background:url(../images/bg_contentShadowGrey.gif) repeat-x #F5F5F5; width:166px; float:left; } #content #columnLeft #subNav { margin:24px 0 0 18px; } #content #columnLeft #subNav ul { list-style:none; width:131px; } #content #columnLeft #subNav ul li { background:url(../images/bg_subnav.gif) repeat-x bottom; padding:5px 0; } #content #columnLeft #subNav ul li a {background:url(../images/bg_subnav_arrow.gif) no-repeat 0 4px; text-decoration:none; padding:0 0 0 10px;} #content #columnLeft #subNav ul li a:hover { background:url(../images/bg_subnav_arrow_over.gif) no-repeat 0 4px; color:#0069AA; text-decoration:none; font-weight:bold; } #content #columnLeft #subNav ul #active a { background:url(../images/bg_subnav_arrow_over.gif) no-repeat 0 4px; color:#0069AA; text-decoration:none; font-weight:bold; } /* ------------------ Column Left Nav ------------------*/ /* dictates the 'selected' state. Should probably re-write this. */ #content #columnLeft #subNav ul.customerIndustries li#customer_industries a, #content #columnLeft #subNav ul.customerSuccessStories li#customer_success_stories a, #content #columnLeft #subNav ul.customerCare li#customer_care a, #content #columnLeft #subNav ul.newsPress li#press a, #content #columnLeft #subNav ul.newsEvents li#events a, #content #columnLeft #subNav ul.newsNewsletters li#newsletters a, #content #columnLeft #subNav ul.newsBlogPosts li#blogposts a, #content #columnLeft #subNav ul.partnersBecome li#become_partner a, #content #columnLeft #subNav ul.partnersNetworkTech li#partner_network_tech a, #content #columnLeft #subNav ul.partnersNetworkResell li#partner_network_resell a, #content #columnLeft #subNav ul.productsOverview li#overview a, #content #columnLeft #subNav ul.productsCrm li#microsoft_dynamics_crm a, #content #columnLeft #subNav ul.productsGP li#microsoft_dynamics_gp a, #content #columnLeft #subNav ul.productsNav li#microsoft_dynamics_nav a, #content #columnLeft #subNav ul.productsAx li#microsoft_dynamics_ax a, #content #columnLeft #subNav ul.productsCertified li#certified_microsoft_dynamics a, #content #columnLeft #subNav ul.productsSap li#sap_business_one a, #content #columnLeft #subNav ul.productsInfor li#infor_visual_erp a, #content #columnLeft #subNav ul.productsCustom li#custom_integrations a, #content #columnLeft #subNav ul.productsPortals li#portals a, #content #columnLeft #subNav ul.productsEditions li#experlogix_editions a, #content #columnLeft #subNav ul.productsLiterature li#literature a, #content #columnLeft #subNav ul.servicesSupport li#support_services a, #content #columnLeft #subNav ul.servicesProfessional li#professional_services a, #content #columnLeft #subNav ul.servicesImplementation li#implementation_methodology a, #content #columnLeft #subNav ul.solutionsBenefits li#benefits a, #content #columnLeft #subNav ul.solutionsDepth li#in_depth a, #content #columnLeft #subNav ul.solutionsIndustries li#industries a, #content #columnLeft #subNav ul.solutionsOnline li#online_offline a, #content #columnLeft #subNav ul.solutionsPortals li#portals a, #content #columnLeft #subNav ul.solutionsTechnology li#technology a, #content #columnLeft #subNav ul.aboutUs li#about_us a, #content #columnLeft #subNav ul.contactUs li#contact_us a, #content #columnLeft #subNav ul.careers li#careers a { background: url(../images/bg_subnav_arrow_over.gif) no-repeat 0 4px; color: #0069AA; text-decoration: none; font-weight: bold; } /* ------------------ Column Middle ------------------*/ #content #columnMiddle { background:url(../images/bg_contentShadow.gif) repeat-x; width:546px; float:left; padding:15px 25px; min-height:500px; } #content #columnMiddle a { font-weight:bold; color:#0069AA; } #breadcrumbs { padding:0 0 15px; color:#0069AA; } #breadcrumbs a { color:#000000; } #breadcrumbs a:hover { color:#0069AA; text-decoration:none; } h1 { color:#0069AA; font-size:24px; line-height:1.1em; margin:5px 0 20px; } h2 { color:#0069AA; font-size:15px; line-height:1.1em; margin:12px 0 8px; } h3 { color:#0069AA; font-size:13px; line-height:1.1em; margin:0 0 5px; } h4 { color:#0069AA; font-size:13px; line-height:1.1em; margin:0 0 5px; } h5 { color:#0069AA; font-size:15px; line-height:1.1em; margin:12px 0 8px; border-bottom:1px solid #EBEBEB; width:230px; padding:0 0 3px; } /* ------------------ Column Right ------------------*/ #content #columnRight { background:url(../images/bg_contentShadowGrey.gif) repeat-x #F5F5F5; width:187px; float:left; } #content #columnRight #whatsNext { margin:24px 0 24px 18px; } #content #columnRight #whatsNext ul { list-style:none; width:151px; } #content #columnRight #whatsNext ul li { background:url(../images/bg_subnav.gif) repeat-x bottom; padding:5px 0; } #content #columnRight #whatsNext ul li a { background:url(../images/bg_subnav_arrow.gif) no-repeat 0 4px; padding:0 0 0 11px; display:block; } #content #columnRight #whatsNext ul li a:hover { background:url(../images/bg_subnav_arrow_over.gif) no-repeat 0 4px; color:#0069AA; text-decoration:none; font-weight:bold; } #content #columnRight #seeUsAt { background:#FFF; font-size:11px; padding:4px 18px 24px; border-left:1px solid #EBEBEB; } /* ------------------ Extra Styles ------------------*/ #columnMiddle #logoTable { padding:0; margin:15px 0 25px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } #columnMiddle #logoTable td { border-top:1px solid #ccc; border-left:1px solid #ccc; width:180px; height:120px; padding:10px 0; text-align:center; position:relative; } #columnMiddle #logoTableInside { padding:0; margin:0; border:none; } #columnMiddle #logoTableInside td { border:none; width:180px; padding:0; text-align:center; } #columnMiddle #logoTableInside td a { font-size:10px; margin:0 5px 0 0; } #columnMiddle #logoTableIndustry { padding:0; margin:15px 0 25px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } #columnMiddle #logoTableIndustry td { border-top:1px solid #ccc; border-left:1px solid #ccc; width:180px; height:120px; padding:7px 0 10px 10px; } #contentList { list-style:none; margin:15px 0 10px 20px; } #contentList li { background:url(../images/bg_subnav_arrow.gif) no-repeat 0 4px; padding:0 0 5px 11px; } #siteList { list-style:none; margin:10px 0; } #siteList li { background:url(../images/bg_subnav_arrow.gif) no-repeat 0 4px; padding:0 0 5px 11px; } #listLineDivided { padding:10px 0 15px; list-style:none; margin:0; } #listLineDivided li { list-style:none; border-top:1px solid #ccc; padding:5px 0; background:none; } #listLineDivided li div{ overflow:auto; width:100%; } #listLineDivided #leftDiv { float:left; width:150px; font-size:11px; font-weight:bold; } #listLineDivided #rightDiv { float:left; width:390px; text-align:right; } #listLineDivided #leftDivPress { float:left; width:130px; font-size:11px; font-weight:bold; } #listLineDivided #rightDivPress { float:left; width:410px; } #listLineDividedEvents { padding:10px 0 15px; } #listLineDividedEvents li { list-style:none; border-top:1px solid #ccc; padding:10px 0; } #columnMiddle #leftDivTestimonial { float:left; width:380px; padding:0 10px 0 0; border-right:1px solid #ccc; } #columnMiddle #leftDivTestimonial em { color:#0069AA; } #columnMiddle #rightDivTestimonial { float:left; width:140px; font-size:11px; padding:0 0 0 12px; } #imageFloatRight { float:right; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:15px 0; margin:0 0 15px 20px; } #contentFloatRight { float:right; width:150px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 0; margin:0 0 15px 20px; } #columnMiddle #whatsNext ul { list-style:none; width:242px; margin:0; padding:0; border-bottom:1px solid #DCDCDC; } #columnMiddle #whatsNext ul li { background:url(../images/bg_subnav.gif) repeat-x top; padding:6px 0 4px; } #columnMiddle #whatsNext ul li a { background:url(../images/bg_subnav_arrow.gif) no-repeat 0 4px; padding:0 0 0 11px; } #columnMiddle #whatsNext ul li a:hover { background:url(../images/bg_subnav_arrow_over.gif) no-repeat 0 4px; color:#0069AA; text-decoration:none; font-weight:bold; } .small { font-size:10px; } #ft_logo{ padding-bottom: 9px; }