body {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 100%; color: #333333; font-weight: 400; background: #333333; margin: 0;}

/* ATH CMS */
.context-menu-item {color: #333333;}
.ui-dialog input, .ui-dialog textarea {text-align: left;}
.athCmsBlogText {display: inline;}
a.athCmsAddButton:link {float: right; width: 100%; margin: 0 0 10px 0;}
.athCmsAddGalleryBox {float: right; width: 100%; margin: 20px 0 0 0;}
iframe#athCmsBlogEditor_ifr, iframe#athCmsMultiBlogEditor_ifr, iframe#athCmsTextEditor_ifr {width: 100% !important;}
#athCmsHeadingText {width: 90% !important;}

#home_text, #ssr3_text {float: left; width: 480px; text-align: left; padding: 0 20px 0 0;}
#home2_text, #ssr4_text {float: right; width: 480px; text-align: left; padding: 0 0 0 20px;}
#home3_text {float: left; width: 1000px; font-size: 24px; line-height: 26px; text-align: center; padding: 40px 0 0 0; text-transform: uppercase;}

#breakthrough_text {padding: 0 100px 0 100px;}

#careers2_text {float: left; width: 460px; padding: 0 20px 0 0;}

#careers_blog .athCmsEntry {float: left; width: 450px; height: 28px; font-size: 16px; color: #444444; line-height: 24px; background: url(../images/pdf.png) 15px center no-repeat #EEEEEE; padding: 17px 15px 17px 25px; margin: 10px 0 0 0;}
#careers_blog .athCmsEntryDate {display: none; visibility: hidden;}
#careers_blog .athCmsEntryTitle {float: left; height: 28px; display: inline; font-size: 14px; font-weight: 600; line-height: 26px; color: #333333; background: none; padding: 0 20px 0 35px;}
#careers_blog .athCmsBlogText {display: none; visibility: hidden;}
#careers_blog .athCmsMainImageBox {display: none; visibility: hidden;}
#careers_blog br {display: none; visibility: hidden;}

#slider1_image .athCmsMainImageBox, #slider2_image .athCmsMainImageBox, #slider3_image .athCmsMainImageBox, #slider4_image .athCmsMainImageBox, #environment_image .athCmsMainImageBox, #waste_image .athCmsMainImageBox {float: right; width: 300px; margin: 0 0 0 30px;}
#slider1_image .cmsImage, #slider2_image .cmsImage, #slider3_image .cmsImage, #slider4_image .cmsImage, #environment_image .cmsImage, #waste_image .cmsImage {width: 300px;}

#news_blog .athCmsEntry {float: left; width: 1000px; padding: 30px 0 30px 0; margin: 0; border-bottom: 1px solid #999999;}
#news_blog .athCmsEntryTitle {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 40px; font-weight: 300; display: inline; color: #333333; line-height: 42px;}
#news_blog .athCmsEntryDate {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 20px; font-weight: 600; display: inline; color: #333333; line-height: 22px;}
#news_blog .athCmsBlogText {display: block; padding: 15px 0 0 0;}
#news_blog .athCmsMainImageBox {float: right; width: 200px; margin: 0 0 0 30px;}
#news_blog .cmsImageSmall {width: 200px;}

#news_blog a.athCmsReadMoreLink:link {font-size: 16px; color: #FFFFFF; font-weight: 400; background: #1199DD; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
#news_blog a.athCmsReadMoreLink:visited {font-size: 16px; color: #FFFFFF; font-weight: 400; background: #1199DD; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
#news_blog a.athCmsReadMoreLink:active {font-size: 16px; color: #FFFFFF; font-weight: 400; background: #1199DD; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
#news_blog a.athCmsReadMoreLink:hover {font-size: 16px; color: #FFFFFF; font-weight: 400; background: #333333; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}

#news_blog #athCmsImagesDiv, #news_blog #athCmsFilesDiv, #news_blog #athCmsVideosDiv {display: none; visibility: hidden;}

a.athCmsImageLink .cmsImageSmall {cursor: default;}

#multiBlogInfo .athCmsEntryTitle {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 40px; font-weight: 300; display: inline; color: #333333; line-height: 42px;}
#multiBlogInfo .athCmsEntryDate {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 20px; font-weight: 600; display: inline; color: #333333; line-height: 22px;}
#multiBlogInfo .athCmsBlogText {padding: 20px 0 0 0; display: block;}

.athCmsMainVideoBox, .athCmsVideoBox {margin: 20px 0 0 0;}

.sideColumn .athCmsMainImageBox {width: 300px; padding: 0; margin: 20px 0 0 0; border: none;}
.sideColumn #athCmsImagesDiv {float: left; width: 300px; padding: 0; margin: 0; border: none;}
.sideColumn .athCmsImageBox {float: left; width: 300px; padding: 0; margin: 20px 0 0 0;}
.sideColumn .cmsImage {width: 300px;}

a.cmsDocument:link {display: block; margin: 5px 0 5px 0;}
.athCmsDocumentImage {padding: 0 5px 0 0;}

#careers_blog a.cmsDocument:link {float: right; display: inline; font-size: 14px; color: #1199DD; text-transform: uppercase; padding: 0 5px 0 0;}
#careers_blog a.cmsDocument:hover {float: right; display: inline; font-size: 14px; color: #333333; text-transform: uppercase; padding: 0 5px 0 0;}
#careers_blog .athCmsDocumentImage {display: none; visibility: hidden;}

label.error, #loginFail {font-weight: 700; color: #CC0000;}
/* END ATH CMS */

img {border-style: none; border-width: 0;}

hr {height: 0; border-top: 1px solid #999999; margin: 20px 0 20px 0;}

ul {list-style-position: inside;}

form {display: inline;}
input, textarea {width: 60%; padding: 10px; margin: 5px 0 10px 0; font-size: 12px; color: #777777; text-align: center; background: #FFFFFF; border: 1px solid #FFFFFF; vertical-align: top;}
input.short {width: 30%; padding: 10px; margin: 5px 0 10px 0; font-size: 12px; color: #777777; text-align: center; background: #FFFFFF; border: 1px solid #FFFFFF; vertical-align: middle;}
input.admin {width: 60%; padding: 10px; margin: 5px 0 10px 0; font-size: 12px; color: #777777; text-align: left; background: #FFFFFF; border: 1px solid #FFFFFF; vertical-align: top;}
input[type=checkbox] {width: 16px; height: 16px; padding: 0; margin: 5px 5px 5px 0; font-size: 12px; color: #777777; vertical-align: middle;}

h1 {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 40px; font-weight: 300; display: inline; color: #333333; line-height: 42px;}
h1.title {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 40px; font-weight: 300; display: inline; color: #333333; line-height: 42px;}
h1.learn {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 30px; font-weight: 600; display: inline; color: #333333; line-height: 32px;}
h2 {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 16px; font-weight: 600; display: inline; color: #FFFFFF; text-transform: uppercase;}
h3 {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 14px; font-weight: 600; display: inline; color: #333333;}
h4 {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; font-size: 20px; font-weight: 400; display: inline; color: #333333; line-height: 26px;}

#wrapperFixed {width: 100%; height: 170px; position: fixed; top: 0; z-index: 5000; border-top: 36px solid #DDDDDD;}
#wrapperFloat {width: 100%; margin: 206px auto 0;}

#wrapperHeader {width: 100%; height: 170px; background: url(../images/background.jpg) 0 52px repeat-x #333333;}
#wrapperHeaderHome {width: 100%; height: 280px; background: url(../images/header_home.jpg) center top no-repeat #3E7299;}
#wrapperHeaderAbout {width: 100%; height: 280px; background: url(../images/header_about.jpg) center top no-repeat #A9CBE4;}
#wrapperHeaderBreakthrough {width: 100%; height: 280px; background: url(../images/header_breakthrough.jpg) center top no-repeat #A9CBE4;}
#wrapperHeaderCleaner {width: 100%; height: 280px; background: url(../images/header_cleaner.jpg) center top no-repeat #A9CBE4;}
#wrapperHeaderCheaper {width: 100%; height: 280px; background: url(../images/header_cheaper.jpg) center top no-repeat #A9CBE4;}
#wrapperHeaderSafer {width: 100%; height: 280px; background: url(../images/header_safer.jpg) center top no-repeat #A9CBE4;}
#wrapperHeaderNow {width: 100%; height: 280px; background: url(../images/header_now.jpg) center top no-repeat #A9CBE4;}
#wrapperHeaderSSR {width: 100%; height: 280px; background: url(../images/header_ssr.jpg) center top no-repeat #A9CBE4;}
#wrapperHeaderNews {width: 100%; height: 280px; background: url(../images/header_news.jpg) center top no-repeat #A9CBE4;}
#wrapperHeaderLearn {width: 100%; height: 280px; background: url(../images/header_learn.jpg) center top no-repeat #A9CBE4;}
#wrapperHeaderCareers {width: 100%; height: 280px; background: url(../images/header_careers.jpg) center top no-repeat #A9CBE4;}
#wrapperHeaderContact {width: 100%; height: 280px; background: url(../images/header_contact.jpg) center top no-repeat #A9CBE4;}
#wrapperLightBlue {width: 100%; color: #333333; background: #DDDDDD;}
#wrapperDarkBlue {width: 100%; color: #FFFFFF; background: #1199DD;}
#wrapperWhite {width: 100%; background: #FFFFFF;}
#wrapperLightGrey {width: 100%; background: #DDDDDD;}
#wrapperDarkGrey {width: 100%; color: #333333; background: url(../images/background.jpg) 0 -50px repeat-x #DDDDDD;}
#wrapperFooter {width: 100%;}

table.main {width: 1000px; margin: 0 auto;}
table.fullWidth {width: 100%;}

#nav {width: 1000px; height: 60px; font-size: 16px; font-weight: 600; color: #FFFFFF; margin: 0; vertical-align: top;}
#nav ul {float: right; text-align: center; list-style: none; margin: 0; padding: 0; z-index: 3;}
#nav li {float: left; list-style: none; display: inline; padding: 0; margin: 0; position: relative;}
#nav li a:link {height: 60px; color: #66AADD; float: left; display: block; text-decoration: none; line-height: 3.2em; padding: 0 0 0 10px; margin: 0; position: relative; z-index: 3000;}
#nav li a:visited {height: 60px; color: #66AADD; float: left; display: block; text-decoration: none; line-height: 3.2em; padding: 0 0 0 10px; margin: 0; position: relative; z-index: 3000;}
#nav li a:active {height: 60px; color: #66AADD; float: left; display: block; text-decoration: none; line-height: 3.2em; padding: 0 0 0 10px; margin: 0; position: relative; z-index: 3000;}
#nav li a:hover {height: 60px; color: #FFFFFF; background: url(../images/nav_on.png) center bottom no-repeat; float: left; display: block; text-decoration: none; line-height: 3.2em; padding: 0 0 0 10px; margin: 0; position: relative; z-index: 3000;}
body#home a#navhome, body#about a#navabout, body#breakthrough a#navbreakthrough, body#ssr a#navssr, body#learn a#navlearn, body#news a#navnews {height: 60px; color: #FFFFFF; background: url(../images/nav_on.png) center bottom no-repeat; float: left; display: block; text-decoration: none; line-height: 3.2em; padding: 0 0 0 10px; margin: 0; position: relative; z-index: 3000;}

#nav .subNav {position: absolute; top: 52px; left: 0; background: url(../images/subnav_background.png) left bottom repeat-y transparent; width: 267px !important; font-size: 14px; z-index: 2000; margin: 0; padding: 0 !important; display: none;}
#nav .subNav li {display: block; clear: both; height: 35px; width: 267px; color: #FFFFFF; text-align: left; margin: 0;}
#nav .subNav li a {line-height: 35px; height: 35px; color: #FFFFFF; background-image: none; float: left; margin: 0; width: 100%; padding: 0;}
#nav .subNav li a:hover {color: #FFFFFF; background:  #66AADD; text-decoration: none;}
#nav .subNav li a span {margin: 0 10px 0 10px;}

td.logo {width: 1000px; height: 126px; vertical-align: top;}
#logo {float: left; width: 500px; padding: 17px 0 0 0;}
#telephone {float: right; width: 500px; font-size: 16px; color: #1199DD; line-height: 18px; text-align: right; padding: 26px 0 0 0;}
.tel {font-size: 30px;}

td.mainTitle {width: 1000px; text-align: center; padding: 30px 0 30px 0; vertical-align: middle;}

td.mainTextCenter {width: 1000px; font-size: 16px; line-height: 24px; text-align: center; padding: 30px 0 40px 0; vertical-align: top;}
td.mainTextNoPadding {width: 1000px; font-size: 16px; line-height: 24px; text-align: center; padding: 0 0 40px 0; vertical-align: top;}
td.mainText {width: 1000px; font-size: 16px; line-height: 24px; padding: 30px 0 40px 0; vertical-align: top;}
td.mainTextLeft {width: 480px; font-size: 16px; line-height: 24px; padding: 30px 20px 40px 0; vertical-align: top;}
td.mainTextRight {width: 480px; font-size: 16px; line-height: 24px; padding: 30px 0 40px 20px; vertical-align: top;}
td.mainTextBlog {width: 660px; font-size: 16px; line-height: 24px; padding: 30px 0 40px 30px; vertical-align: top;}

td.sideColumn {width: 300px; padding: 100px 0 40px 30px; vertical-align: top;}

td.mainStaff {width: 1000px; font-size: 16px; color: #FFFFFF; line-height: 24px; padding: 0; vertical-align: top;}
#staffBox {float: left; width: 460px; height: 520px; padding: 20px;}
#staffBox2 {float: left; width: 460px; height: auto; padding: 20px;}

#sliderArea {display: block; float: left; width: 1000px; height: auto; margin: 0;}

ul#sliderButtons {margin: 0; padding: 0; width: 1000px; height: 48px;}
ul#sliderButtons li#slide1_Tab {display: block; float: left; width: 220px; height: 36px; font-size: 26px; color: #333333; text-align: left; padding: 12px 15px 0 15px; margin: 0; cursor: pointer; background: #FFFFFF;}
ul#sliderButtons li#slide2_Tab {display: block; float: left; width: 220px; height: 36px; font-size: 26px; color: #333333; text-align: left; padding: 12px 15px 0 15px; margin: 0; cursor: pointer; background: #CCCCCC;}
ul#sliderButtons li#slide3_Tab {display: block; float: left; width: 220px; height: 36px; font-size: 26px; color: #333333; text-align: left; padding: 12px 15px 0 15px; margin: 0; cursor: pointer; background: #999999;}
ul#sliderButtons li#slide4_Tab {display: block; float: left; width: 220px; height: 36px; font-size: 26px; color: #FFFFFF; text-align: left; padding: 12px 15px 0 15px; margin: 0; cursor: pointer; background: #666666;}

ul#sliderButtons li#slide1_Tab:hover {color: #FFFFFF; background: #1199DD;}
ul#sliderButtons li#slide1_Tab.active {color: #333333; background: #FFFFFF;}
ul#sliderButtons li#slide2_Tab:hover {color: #FFFFFF; background: #1199DD;}
ul#sliderButtons li#slide2_Tab.active {color: #333333; background: #CCCCCC;}
ul#sliderButtons li#slide3_Tab:hover {color: #FFFFFF; background: #1199DD;}
ul#sliderButtons li#slide3_Tab.active {color: #333333; background: #999999;}
ul#sliderButtons li#slide4_Tab:hover {color: #FFFFFF; background: #1199DD;}
ul#sliderButtons li#slide4_Tab.active {color: #FFFFFF; background: #666666;}

#sliderAreaHome {width: 1000px; height: auto; margin: 0; display: block; z-index: -1200; overflow: hidden;}
#sliderAreaHome div div {z-index: -1200;}
#sliderHome {width: 4000px;}

.sliderContent1 {width: 958px; font-size: 16px; color: #333333; line-height: 24px; text-align: left; float: left; background: #FFFFFF; padding: 20px; border-top: 0; border-right: 1px solid #1199DD; border-bottom: 1px solid #1199DD; border-left: 1px solid #1199DD;}
.sliderContent2 {width: 958px; font-size: 16px; color: #333333; line-height: 24px; text-align: left; float: left; background: #CCCCCC; padding: 20px; border-top: 0; border-right: 1px solid #1199DD; border-bottom: 1px solid #1199DD; border-left: 1px solid #1199DD;}
.sliderContent3 {width: 958px; font-size: 16px; color: #333333; line-height: 24px; text-align: left; float: left; background: #999999; padding: 20px; border-top: 0; border-right: 1px solid #1199DD; border-bottom: 1px solid #1199DD; border-left: 1px solid #1199DD;}
.sliderContent4 {width: 958px; font-size: 16px; color: #FFFFFF; line-height: 24px; text-align: left; float: left; background: #666666; padding: 20px; border-top: 0; border-right: 1px solid #1199DD; border-bottom: 1px solid #1199DD; border-left: 1px solid #1199DD;}

#ssr ul#sliderButtons li#slide1_Tab {display: block; float: left; width: 470px; height: 36px; font-size: 26px; color: #333333; text-align: left; padding: 12px 15px 0 15px; margin: 0; cursor: pointer; background: #FFFFFF;}
#ssr ul#sliderButtons li#slide2_Tab {display: block; float: left; width: 470px; height: 36px; font-size: 26px; color: #333333; text-align: left; padding: 12px 15px 0 15px; margin: 0; cursor: pointer; background: #CCCCCC;}
#ssr #sliderHome {width: 2000px;}

#ssrBox {float: left; width: 184px; background: #1199DD; padding: 10px 0 21px 0; margin: 0 20px 0 0;}
#ssrBoxEnd {float: right; width: 184px; background: #1199DD; padding: 10px 0 21px 0; margin: 0;}

#learnPDF {float: left; width: 320px; padding: 0; margin: 20px 20px 20px 0;}
#learnPDFEnd {float: right; width: 320px; padding: 0; margin: 20px 0 20px 0;}

#learnVideo {float: left; width: 320px; margin: 0 0 40px 0;}
#learnVideoMiddle {float: left; width: 320px; margin: 0 20px 40px 20px;}

#currentOpportunities {float: right; width: 500px; padding: 0 0 0 20px;}

#contactBox {float: left; width: 478px; height: 600px; text-align: left; background: #FFFFFF; padding: 0; margin: 10px 10px 40px 10px; border: 1px solid #333333;}
.contactImage {width: 478px; height: 319px;}
.contactText {width: 438px; height: 241px; padding: 30px 20px 30px 20px;}

td.footer {width: 1000px; font-size: 12px; color: #AAAAAA; line-height: 18px; background: url(../images/logo_footer.png) 0 22px no-repeat; padding: 142px 0 30px 0; vertical-align: top;}
#footerCol1 {float: left; width: 200px; font-size: 16px; font-weight: 700; line-height: 24px; padding: 0;}
#footerCol2 {float: right; width: 800px; padding: 35px 0 0 0;}

td.formTitle {width: 150px; font-size: 14px; font-weight: 400; padding: 12px 0 0 0; vertical-align: top;}
td.formTitleSelect {width: 150px; font-size: 14px; font-weight: 400; padding: 22px 0 0 0; vertical-align: top;}
td.formField {width: 850px;}

strong {font-weight: 700;}

.lightBlue {color: #66AADD;}
.darkBlue {color: #1199DD;}
.green {color: #88CC66}
.white {color: #FFFFFF;}
.grey {color: #333333;}

.paddingPhoto {padding: 0 0 15px 30px;}
.paddingLeft {padding: 0 0 0 30px;}
.paddingSSR {padding: 10px 0 0 0;}

a:link {color: #1199DD; text-decoration: none;}
a:visited {color: #1199DD; text-decoration: none;}
a:active {color: #1199DD; text-decoration: none;}
a:hover {color: #1199DD; text-decoration: underline;}

a.footer:link {color: #FFFFFF; font-weight: 600; text-decoration: none;}
a.footer:visited {color: #FFFFFF; font-weight: 600; text-decoration: none;}
a.footer:active {color: #FFFFFF; font-weight: 600; text-decoration: none;}
a.footer:hover {color: #66AADD; font-weight: 600; text-decoration: none;}

a.copyright:link {color: #AAAAAA; font-weight: 400; text-decoration: none;}
a.copyright:visited {color: #AAAAAA; font-weight: 400; text-decoration: none;}
a.copyright:active {color: #AAAAAA; font-weight: 400; text-decoration: none;}
a.copyright:hover {color: #FFFFFF; font-weight: 400; text-decoration: none;}

#wrapperDarkBlue a.button:link {font-size: 16px; color: #333333; font-weight: 400; background: #FFFFFF; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
#wrapperDarkBlue a.button:visited {font-size: 16px; color: #333333; font-weight: 400; background: #FFFFFF; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
#wrapperDarkBlue a.button:active {font-size: 16px; color: #333333; font-weight: 400; background: #FFFFFF; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
#wrapperDarkBlue a.button:hover {font-size: 16px; color: #FFFFFF; font-weight: 400; background: #333333; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none;  text-transform: uppercase;}

a.button:link {font-size: 16px; color: #FFFFFF; font-weight: 400; background: #1199DD; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
a.button:visited {font-size: 16px; color: #FFFFFF; font-weight: 400; background: #1199DD; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
a.button:active {font-size: 16px; color: #FFFFFF; font-weight: 400; background: #1199DD; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
a.button:hover {font-size: 16px; color: #FFFFFF; font-weight: 400; background: #333333; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none;  text-transform: uppercase;}

a.buttonLarge:link {font-size: 24px; color: #FFFFFF; font-weight: 600; background: #1199DD; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
a.buttonLarge:visited {font-size: 24px; color: #FFFFFF; font-weight: 600; background: #1199DD; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
a.buttonLarge:active {font-size: 24px; color: #FFFFFF; font-weight: 600; background: #1199DD; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none; text-transform: uppercase;}
a.buttonLarge:hover {font-size: 24px; color: #FFFFFF; font-weight: 600; background: #333333; padding: 12px 30px 12px 30px; border-radius: 3px; text-decoration: none;  text-transform: uppercase;}