* { padding: 0; margin: 0; border: 0; }
body { font-family: Arial; font-size: 62.5%; background: #e7e8e9; color: #333132; }
h1, h2, h3, h4, h5, h6, span, p, a { line-height: 1.3em; }
p { font-size: 1.2em; }

/* centering div */
#mainContainer { width: 1000px; margin: 0 auto; }
span.red { color: #ed1c24; }

/* footer */
#footer { float: left; clear: left; width: 925px; height: auto; padding: 22px 50px 22px 25px; margin-bottom: 10px; background: #fff url(../images/footer-corner.gif) no-repeat bottom right; }
#footerTopRow { float: left; clear: both; width: 925px; margin-bottom: 10px; }
#footerTopRow p#footerLeft { float: left; text-align: left; width: 650px; }
#footerTopRow p#footerRight { float: left; text-align: right; width: 275px; }
#footerTopRow p#footerRight a { text-decoration: none; color: #333132; }
#footerTopRow p#footerRight a:hover { color: #f33132; }
#footerBottomRow { float: left; clear: both; width: 925px; }
#footerBottomRow img.footerImageLeft { float: left; padding-right: 10px; }
#footerBottomRow img.footerImageRight { float: right; }

/* top heading div */
#topTagline { float: left; width: 390px; font-size: 1.8em; font-weight: bold; color: #333132; height: 20px; line-height: 20px; padding: 10px 10px 10px 0; }
#topPhoneNumber { float: left; width: 600px; height: 40px; }
#topPhoneNumber p { float: right; text-align: right; width: 600px; font-size: 1.3em; font-weight: bold; line-height: 40px; }
#topHeading { float: left; clear: both; width: 875px; height: auto; margin-bottom: 6px; padding: 0px 125px 0 0; background: #fff url(../images/top-header-hand.gif) no-repeat bottom right; }
#topHeading img { float: left; clear: left; padding: 20px 0;}
#topHeading h1 { float: right; clear: right; font-size: 2.1em; text-align: right; padding: 28px 0 10px 0;}
#topHeading h2 { float: right; clear: right; font-size: 1.5em; font-weight: normal; text-align: right; width: 600px; }

/* top nav */
#topNavContainer { float: left; display: block; position: relative; width: 1000px; margin: 0 auto; font-size: 11px; float: left; clear: both; height: 35px; z-index: 9;}
#topNav { display: block; position: absolute; clear: both; margin: 0 20px; padding: 0; text-align: left; list-style-type: none; text-align: center; width: 960px; float: none; left: 0; top: 0; }
#topNav li { float: left; padding: 5px; cursor: pointer; }
#topNav li a { display: block; line-height: 1em; text-decoration: none; font-size: 1.2em; padding: 10px 0; color: #333132; font-weight: bold; background: none; }
#topNav li a:hover, ul#topNav li a.on { background: #939598; color: #fff; }
#topNav li ul {	margin: 0; padding: 0; list-style: none; width: inherit; background:#939598; }
#topNav li ul li { display: block; float: none; clear: both; padding: 0; margin: 0; }
#topNav li ul li.bigDDLItem { height: 40px; }
#topNav li ul li a { color: #fff; font-weight: normal; text-decoration: none; display: block; line-height: 1em; height: 15px; padding: 5px 0; margin: 0; }
#topNav li ul li a:hover { color: #333132; }

/* top banner */
#topBanner { float: left; clear: both; width: 1000px; min-height: 210px; height: auto !important; height: 162px; position: relative; background: #939598 url(../images/top-banner-corner.gif) no-repeat bottom right; }
#topBanner img#bannerImage { position: absolute; bottom: 0; left: 0; }
#topBanner #bannerText { position: absolute; width: 230px; top: 40px; right: 70px; }
#topBanner #bannerText span { float: left; clear: both; color: #fff; font-weight: bold; font-size: 1.5em; margin-bottom: 15px; }
#topBanner #bannerText a { float: left; font-size: 1.1em; line-height: 1.2em; font-weight: bold; color: #333132; text-decoration: none; padding-right: 20px; background: url(../images/right-arrow-grey.gif) no-repeat top right; }
#topBanner #bannerText a:hover { color: #f31332; }

/* second nav */
#secondNavContainer { position: absolute; top: 0; right: 0; width: 276px; padding: 20px; }
#secondNavContainer h3 { float: left; clear: both; font-size: 1.5em; font-weight: bold; display: block; width: 240px; border-bottom: solid 1px #333132; padding-bottom: 5px; }
ul#secondNav { float: left; clear: both; width: 240px; list-style: none; }
ul#secondNav li { font-size: 1.2em; width: 240px; height: 33px; }
ul#secondNav li a { display: block; width: 225px; height: 32px; padding-left: 15px; line-height: 33px; color: #fff; font-weight: bold; text-decoration: none; background: url(../images/second-nav-bg.gif) no-repeat top left; }
ul#secondNav li a.notLast { border-bottom: solid 1px #fff; }
ul#secondNav li a#secondNavLast { border-bottom: none; }
ul#secondNav li a:hover, ul#secondNav li a.on { color: #333132; background: url(../images/second-nav-bg_.gif) no-repeat top left; border-bottom: none; }

/* standard page styles */
#pageContent { float: left; background: #fff url(../images/content-corner.gif) no-repeat bottom right; width: 950px; padding: 25px; min-height: 200px; height: auto !important; height: 200px; margin-bottom: 10px;}
#pageContent h3 { float: left; clear: both; width: 950px; color: #f32239; font-size: 1.5em; margin-bottom: 5px; }
#pageContent p.topParagraph { float: left; clear: both; width: 600px; padding-right: 350px; margin-bottom: 15px; }
#pageContent p.topParagraphShort { float: left; clear: both; width: 600px; margin-bottom: 15px; }
#pageContentLeft { float: left; clear: left; width: 650px; }
#pageContent span.accordionToggler { float: left; clear: both; width: 600px; color: #f32239; font-size: 1.5em; margin-bottom: 5px; font-weight: bold; cursor: pointer; }
#pageContent div.accordionElement { float: left; clear: left; width: 600px; height: auto; padding-bottom: 15px; }
#pageContentLeft p { float: left; width: 600px; margin-bottom: 15px; }
#pageContentLeft p a { text-decoration: none; color: #f33132; font-weight: bold; }
#pageContentLeft p a:hover { text-decoration: underline; }
#pageContentRight p a { text-decoration: none; color: #f33132; }
#pageContentRight p a:hover { text-decoration: underline; }
#pageContentRight { float: left; clear: right; width: 300px; }
#pageContentRight p b a { float: left; text-decoration: none; color: #f33132; }
#pageContentRight p b a:hover { text-decoration: underline; }
#logoList{width:300px; float:left; clear:both;}
#logoList img { float:left; clear:none; padding:0 25px 0 0;}
#pageContent ul { float: left; width: 100%; height: auto; padding-left: 15px; font-size: 1.2em; color: #333132; padding-bottom: 15px; list-style: disc; }
#pageContent ol { float: left; width: 100%; height: auto; padding-left: 25px; font-size: 1.2em; color: #333132; padding-bottom: 15px; }
#pageContent ol ul { font-size: 1em; list-style: disc; }
#pageContent ol li { padding-bottom: 15px; }
#pageContent ol li ul li { padding-bottom: 0; }
#pageContent li a { color:#f33132; text-decoration: none; font-weight: bold; }
#pageContent li a:hover { text-decoration: underline; }
span.thanks { float: left; font-weight: bold; color: #f33132; margin-bottom: 15px; font-size: 1.2em; }

/* team page styles */
#teamPanel {border:solid 1px #e3e3e3; background:#ffffff; width:950px; height:auto; float:left; clear:both; margin:0px; padding:0px;}
#teamPanelLeft { float: left; width: 449px; height: auto; padding: 0 25px 25px 0; }
#teamPanelLeft h1 { float: left; width: 424px; color: #000; font-weight: bold; font-size: 1.4em; margin-bottom: 35px; }
#teamPanelLeft span { float: left; width: 424px; color: #e3003f; font-weight: bold; font-size: 1.5em; margin-bottom: 10px; }
#teamPanelLeft p { margin-bottom: 20px; color: #333132; }
#teamPanelLeft p a { color:#333132; text-decoration: none; }
#teamPanelLeft p a:hover { color:#e3003f; text-decoration: underline; }
#teamPanelRight { float: left; width: 475px; height: auto; border-left: solid 1px #e7e8e9; }
#teamPanelRight span { float: left; width: 424px; color: #e3003f; font-weight: bold; font-size: 1.5em; margin-bottom: 10px; }
#teamPanelRightBottom { float: left; width: 425px; height: 502px; padding: 25px; }
#teamPanelRightBottom p { font-size: 1.2em; }
#teamPanelRightTop { float: left; width: 475px; height: 119px; border-bottom: solid 1px #e7e8e9; }
#teamPanelRightTop1 { float: left; width: 100px; height: auto; padding: 20px 12px 0 20px; }
#teamPanelRightTop2 { float: left; width: 100px; height: auto; padding: 20px 12px 0 0; }
#teamPanelRightTop3 { float: left; width: 110px; height: auto; padding: 20px 12px 0 0; }
#teamPanelRightTop4 { float: left; width: 100px; height: auto; padding: 20px 0 0 0; }
#teamPanelRightTop span.teamMemberName { float: left; width: 100%; font-size: 1.4em; color: #333132; font-weight: bold; cursor: pointer; }
#teamPanelRightTop span.teamMemberName a { text-decoration: none; }
span.teamMemberName a:hover { text-decoration: none; color: #333132; }
#teamPanelRightTop span.teamMemberTitle { float: left; width: 100%; font-size: 1.1em; color: #333132; font-weight: bold; cursor: pointer; }
#teamPanelLeft ul { float: left; padding-left: 15px; list-style: disc; margin-bottom: 15px; font-size: 1.2em; }
#teamPanelLeft li { color:#333132; }
#teamPanelLeft li a { color:#333132; text-decoration: none; }
#teamPanelLeft li a:hover { color:#333132; text-decoration: underline; }

/* downloadable case studies page */
#pdfStudiesLeft { float: left; clear: left; width: 422px; height: auto; }
#pdfStudiesRight { float: left; clear: right; width: 422px; height: auto; padding-left: 100px; }
.pdfStudySection { float: left; clear: both; width: 422px; height: auto; padding: 15px 0; border-bottom: solid 1px #e7e8e9; }
.pdfStudySection img { float: left; clear: left; padding: 0 20px 15px 0; }
.pdfStudySectionIntro { float: left; clear: right; width: 274px; height: auto; }
.pdfStudySectionIntro span { float: left; width: 264px; font-size: 1.2em; font-weight: bold; color: #f33132; }
p.pdfStudyInfo { float: left; width: 264px; }
a.pdfStudyDownload { float: left; width: 422px; height: 19px; line-height: 19px; font-size: 1.2em; color: #333132; text-decoration: none; background: url(../images/pdf-row-white.gif) no-repeat top left; }
a.pdfStudyDownload:hover { background: url(../images/pdf-row-grey.gif) no-repeat top left; }
a.pdfStudyDownload span.pdfStudyDownloadLeft { float: left; width: 360px; height: 19px; line-height: 19px; overflow: hidden; }
a.pdfStudyDownload span.pdfStudyDownloadRight { float: left; width: 62px; height: 19px; line-height: 19px; overflow: hidden; }

/* business resource review page styles */
#businessContentLeft { float: left; clear: left; width: 650px; }
.businessListSection { float: left; width: 600px; clear: both; margin: 15px 0; }
.businessListSection span.sectionTitle { float: right; width: 555px; font-weight: bold; font-size: 1.3em; color: #e3003f; }
.businessListSection p { float: right; width: 555px; font-size: 1.2em; }
.businessListSection .sectionNumber { float: left; width: 45px; height: 32px; background: url(../images/listArrow.gif) no-repeat top left; }
.businessListSection .sectionNumber span { float: left; padding: 8px 0 0 5px; font-weight: bold; font-size: 1.2em; color: #fff; }

/* ems page styles */
#emsProjectPanelArrow { float: left; clear: both; width: 300px; height: 73px; background: url(../images/rightArrowWhiteBG.gif) no-repeat top left; cursor: pointer; }
#emsProjectPanelArrow a { float: left; margin-left: 70px; width: 230px; font-size: 1.3em; color: #e3003f; text-decoration: none; font-weight: bold; line-height: 56px; }
#emsProjectPanelArrow a:hover { color: #e3003f; text-decoration: underline; }

/* supply chain info */
#infoDownloadsPanel{ float: left; width: 600px; height: auto; }
#infoDownloadsPanel p { float: left; width: 500px; font-size: 1.2em; margin-bottom: 11px; }
#infoDownloadsPanel p a { color: #f33132; text-decoration: none; font-weight: bold; }
#infoDownloadsPanel p a:hover { color: #f33132; text-decoration: underline; }
#infoDownloadsPanel a img { float: left; clear: left; margin-right: 15px; margin-bottom: 15px; }

/* contact form styles */
label.contactUs { float: left; width: 200px; clear:left; margin-top: 5px; color: #333132; font-size: 1.2em; padding-right: 10px; }
input.contactUs, select.contactUs, textarea.contactUs { float:left; width: 250px; clear: none; margin-top: 5px; border: solid 1px #e7e8e9; font-size: 1.2em; color: #333132; }
textarea.contactUs { height: 60px; }