/* ============= Global Settings ============= */ 
* {	padding: 0;	margin: 0; border: 0; }
body { background: #cdcac1; }
a, a:visited, a:active { outline: none }

/*
* @group clearfix
* @elements: none
*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */ 

.clear { clear: both; } 
.left { float: left; }
.right { float: right; }  
.center { text-align: center; }
.small { font-size: 10px; }
.hr { height: 1px; margin: 20px 0; background: url('http://www.aquilent.com/images/hr-dotted.gif') repeat-x; font-size: 0; line-height: 0; } 

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #77787B; } 
h1 { color: #0063A5; font: 17.5px/20px Helvetica, Arial, sans-serif; margin-bottom: 20px; }
h2 { font: bold 12px/20px Helvetica, Arial, sans-serif; margin-bottom: 8px; }
h3 {  }
h4 {  }
h5 {  }
h6 {  }

/* ============= Links ============= */
a, a:visited { text-decoration: underline; color: #0572AB; }
a:hover { text-decoration: underline; color: #0572AB; }
a.small-link { font-size: 11px; color: #000; text-decoration: none; }
a.small-link:hover { text-decoration: none; color: #0572AB; }

/* ============= Structure ============= */ 
#top-bar { width: 100%; height: 52px; border-top: 1px solid #faf9f9; border-bottom: 1px solid #3f6580; background: #fff; }
#top-bar #interior { width: 963px; height: 52px; margin: 0 auto; }
#top-bar #interior #logo { float: left; display: inline; height: 42px; margin-top: 10px; }
#top-bar #interior .nav { float: right; display: inline; margin: 30px 7px 0 0; }
#top-bar #interior .nav a { font: 10px/normal Helvetica, Arial, sans-serif; color: #0063A5; text-decoration: none; display: block; display: inline; margin-left: 10px; }
#top-bar #interior .nav a:hover { color: #FFA200; }

/* top nav */
#top-nav { width: 961px; height: 40px; margin: 0 auto 15px auto; background: url('http://www.aquilent.com/images/bg-top-nav.jpg') repeat-x; }
#top-nav #nav { float: left; display: inline; }
#top-nav #nav ul { list-style: none; margin: 0; padding: 0; }
#top-nav #nav ul li { z-index: 999; float: left; display: inline; position: relative; }
#top-nav #nav ul li a { display: block; height: 26px; text-align: center; padding: 14px 13px 0 13px; font: normal 12px/normal Helvetica, Arial, sans-serif; color: #fff; text-decoration: none; }
* html #top-nav #nav ul li a { width: 70px; text-align: center; }
#top-nav #nav ul li a:hover { background: url('http://www.aquilent.com/images/bg-top-nav-over.jpg') repeat-x #837465; }
#top-nav #nav ul li.over { background: url('http://www.aquilent.com/images/bg-top-nav-over.jpg') repeat-x #837465; }
#top-nav #nav ul li.on { background: url('http://www.aquilent.com/images/bg-top-nav-on.jpg') repeat-x; }
#top-nav #nav ul li.on a:hover {  }

/* top nav dropdowns */
#top-nav #nav ul li div { z-index: 999; position: absolute; top: 40px; left: -4px; padding: 0 10px; background: #8C7967; border-left: 4px solid #fff; border-bottom: 4px solid #fff; border-right: 4px solid #fff; }
#top-nav #nav ul li div ul { float: left; padding: 6px 0; }
#top-nav #nav ul li div ul.first { float: left; padding: 6px 15px 6px 0; }
#top-nav #nav ul li div ul li { float: none; display: block; width: 197px; }
#top-nav #nav ul li div ul li.divider { float: none; display: block; width: 197px; height: 11px; font-size: 0; line-height: 0; background: url('http://www.aquilent.com/images/dropdown-divider.gif') }
#top-nav #nav ul li div ul li a { display: block; width: 178px; height: auto; text-align: left; padding: 4px 0 4px 19px; font: 12px/normal Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url('http://www.aquilent.com/images/dropdown-arrow.gif') no-repeat; background-position: 9px 7px; }
#top-nav #nav ul li div ul li a:hover { background: url('http://www.aquilent.com/images/dropdown-arrow.gif') no-repeat; background-position: 9px 7px; background-color: #9E8774; }
#top-nav #nav ul li div#about-dropdown { z-index: 999; width: 409px; display: none; }
#top-nav #nav ul li div#capabilities-dropdown { width: 409px; display: none; }
#top-nav #nav ul li div#capabilities-dropdown ul li { float: none; display: block; width: 197px; }
#top-nav #nav ul li div#capabilities-dropdown ul li.divider { float: none; display: block; width: 197px; height: 11px; font-size: 0; line-height: 0; background: url('http://www.aquilent.com/images/dropdown-divider.gif') }
#top-nav #nav ul li div#capabilities-dropdown ul li.header { float: none; display: block; width: 167px; }
#top-nav #nav ul li div#capabilities-dropdown ul li.header { display: block; width: 178px; height: auto; text-align: left; padding: 4px 0 4px 19px; font: 12px/normal Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url('http://www.aquilent.com/images/dropdown-arrow.gif') no-repeat #958A79; background-position: 9px 7px; }
#top-nav #nav ul li div#capabilities-dropdown ul li a { display: block; width: 169px; height: auto; text-align: left; padding: 4px 0 4px 28px; font: 12px/normal Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url('http://www.aquilent.com/images/dropdown-arrow.gif') no-repeat; background-position: 18px 7px; }
#top-nav #nav ul li div#capabilities-dropdown ul li a:hover { background: url('http://www.aquilent.com/images/dropdown-arrow.gif') no-repeat; background-position: 18px 7px; background-color: #9E8774; }
#top-nav #nav ul li div#domains-dropdown { width: 197px; display: none; }
#top-nav #nav ul li div#our-work-dropdown { width: 205px; display: none; }
#top-nav #nav ul li div#our-work-dropdown ul li { float: none; display: block; width: 90px; }
#top-nav #nav ul li div#our-work-dropdown ul li.divider { float: none; display: block; width: 90px; height: 11px; font-size: 0; line-height: 0; background: url('http://www.aquilent.com/images/dropdown-divider.gif') }
#top-nav #nav ul li div#our-work-dropdown ul li a { display: block; width: 81px; height: auto; text-align: left; padding: 4px 0 4px 19px; font: 12px/normal Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url('http://www.aquilent.com/images/dropdown-arrow.gif') no-repeat; background-position: 9px 7px; }
#top-nav #nav ul li div#our-work-dropdown ul li a:hover { background: url('http://www.aquilent.com/images/dropdown-arrow.gif') no-repeat; background-position: 9px 7px; background-color: #9E8774; }
#top-nav #nav ul li div#careers-dropdown { width: 197px; display: none; }

/* search */
#top-nav #search { float: right; display: inline; padding: 9px 5px 0 0; }
#top-nav #search input { width: 246px; height: 15px; padding: 5px 0 0 2px; font: bold 11px/normal Helvetica, Arial, sans-serif; color: #0063A5; border: 1px solid #ADA795; background: url('http://www.aquilent.com/images/bg-search.gif') top right no-repeat #fff; }

/* main container and left column */
#container { position: relative; width: 961px; margin: 0 auto; border-left: 1px solid #b8b5ad; border-right: 1px solid #b8b4ad; border-bottom: 1px solid #9b9791;  background: url('http://www.aquilent.com/images/bg-right-col.gif') top right repeat-y #fff; }
#container #left-col { float: left; display: inline; width: 664px; padding: 20px; border-top: 1px solid #f7f7f6; font: 12px/20px Helvetica, Arial, sans-serif; color: #77787B; }
#container #left-col p { margin-bottom: 8px; }
#container #left-col #home-flash { z-index: 0; width: 664px; height: 328px; margin-bottom: 12px; background: #fff; }
#container #left-col #home-flash #alt-content { z-index: 0; width: 664px; height: 328px; margin-bottom: 12px; background: #fff; }

#container #left-col .header { margin-bottom: 40px; font: normal 25px/18px 'Helvetica Neue',Verdana,Arial,sans-serif; color: #F5A437; }
#container #left-col .main-photo { margin: 0 0 24px 0; }
#container #left-col ul.layout { list-style: none; }
#container #left-col ul li.title { float: left; display: inline; width: 135px; margin: 0 23px 0 0; padding: 0; text-align: left; font: normal 15px/18px 'Helvetica Neue',Verdana,Arial,sans-serif; color: #0063A5; }
#container #left-col ul li.title2 { float: left; display: inline; width: 135px; margin: 0 23px 0 0; padding: 0; text-align: left; font: normal 14px/18px 'Helvetica Neue',Verdana,Arial,sans-serif; color: #a7a398; }
#container #left-col ul li.content { float: left; display: inline; width: 506px; }
#container #left-col ul li.content ul { list-style: disc; margin: 0px 0 15px 20px; }
#container #left-col ul li.content .small-link { margin: -10px 0 0 4px; }

#container #left-col .intro-text { margin-bottom: 30px; }
#container #left-col .intro-text ul { margin: 0 0 0 20px; }

#container #left-col ol { margin: 10px 0 15px 20px; }
#container #left-col .right-hr { clear: both; width: 506px; height: 1px; margin: 14px 0 14px 158px; background: #E5E5E5; font-size: 0; line-height: 0; overflow: hidden; }

#container #left-col .callout-box { padding: 20px; margin: 20px 0 0 0; background: #E1DCD1; }
#container #left-col .callout-box ul { margin: 10px 0 15px 20px; }

#container #left-col ul { margin: 0 0 20px 20px; }


/* right column */
#container #right-col .heading { margin: 20px 0 5px 0; font: 11px/15px Helvetica, Arial, sans-serif; color: #000; border-bottom: 1px solid #000; }
#container #right-col .heading a { color: #000; text-decoration: none; }
#container #right-col .heading a:hover { color: #0572AB; }
#container #right-col .info { padding: 16px 9px; background: url('http://www.aquilent.com/images/bg-info.jpg') bottom left repeat-x #E1DCD1; font: 11px/18px Helvetica, Arial, sans-serif; color: #3A3A3A; }
#container #right-col .info.pad { margin-top: 20px; padding: 16px 9px; background: url('http://www.aquilent.com/images/bg-info.jpg') bottom left repeat-x #E1DCD1; font: 11px/18px Helvetica, Arial, sans-serif; color: #3A3A3A; }

#container #right-col .info ul { margin: 0 0 0 12px; padding: 0 0 0 0; }
#container #right-col .info ul li { padding: 4px 0; border-bottom: 1px solid #d0d0c9; }
#container #right-col .info ul li.first { list-style: none; padding: 4px 0; margin-left: -12px; border-bottom: 1px solid #d0d0c9; }
#container #right-col .info ul li.last { padding: 4px 0; border-bottom: 0; }
#container #right-col .info .news ul li a { text-decoration: none; color: #000; }
#container #right-col .info .news ul li a:hover { text-decoration: none; color: #0572AB; }

#container #right-col .info .quote { font: 14px/20px Arial, Helvetica, sans-serif; color: #0063A5; margin-bottom: 5px; }
#container #right-col .photo { height: 131px; }
#container #right-col .caption { padding: 8px; line-height: normal; background: #8C7967; font: 13px/18px Arial, Helvetica, sans-serif; color: #fff; }
#container #right-col .caption .link { text-align: right; }
#container #right-col .caption .link a { font: 11px/15px Helvetica, Arial, sans-serif; color: #fff; text-decoration: none; }
#container #right-col .caption .link a:hover { text-decoration: underline; }
#container #right-col .heading .left { float: left; }
#container #right-col .heading .right { float: right; }

#container #right-col .say { margin-top: 20px; padding: 0; font: 11px/18px Helvetica, Arial, sans-serif; color: #3A3A3A; }

/* right column buttons */
#container #right-col { float: left; display: inline; width: 245px; padding: 0 6px 20px 6px; border-top: 1px solid #ebe7e0; background: #f0ece4; }
#container #right-col #buttons { width: 245px; }
#container #right-col #buttons.notopmarg { margin-top: -6px; }
#container #right-col #buttons ul { list-style: none; }
#container #right-col 

#buttons ul li { float: left; width: 245px; background: url('http://www.aquilent.com/images/bg-buttons.jpg') bottom left repeat-x #E1DCD1; margin: 0; padding: 0; overflow: hidden; }

#container #right-col #buttons ul li a { width: 193px; display: block; font: 11px/normal Helvetica, Arial, sans-serif; color: #3A3A3A; padding: 12px 26px; margin: 0 0 0 0; background: url('http://www.aquilent.com/images/buttons-arrow.gif') no-repeat; background-position: 9px 12px; text-decoration: none; }
#container #right-col #buttons ul li a:hover { color: #0572AB; }
#container #right-col #buttons ul li.off {  }
#container #right-col #buttons ul li.on { float: left; width: 245px; background: url('http://www.aquilent.com/images/bg-buttons.jpg') bottom left repeat-x #E1DCD1; margin: 0; padding: 0; overflow: hidden; font: 11px/normal Helvetica, Arial, sans-serif; }
#container #right-col #buttons ul li.on a { width: 193px; display: block; font: 11px/normal Helvetica, Arial, sans-serif; color: #0572AB; padding: 12px 26px; margin: 0 0 0 0; background: url('http://www.aquilent.com/images/buttons-arrow-on.gif') no-repeat; background-position: 8px 12px; text-decoration: none; }
#container #right-col #buttons ul li.on a:hover { color: #0572AB; }
#container #right-col #buttons ul li div.button-on { display: none; float: left; width: 193px; font: 11px/15px Helvetica, Arial, sans-serif; background: url('http://www.aquilent.com/images/bg-buttons.jpg') bottom left repeat-x #E1DCD1; margin: -12px 0 0 0; padding: 12px 26px; overflow: hidden; }
#container #right-col #buttons ul li div.button-on a { width: 193px; background-image: none; padding: 0; display: inline; color: #3A3A3A; text-decoration: none; }
#container #right-col #buttons ul li div.button-on a:hover { color: #0572AB; text-decoration: underline; }
#container #right-col #buttons ul li div.button-on ul { list-style: disc; }
#container #right-col #buttons ul li div.button-on ul li { list-style: disc; width: 200px; background: none;  overflow: visible;  }

#container #right-col #buttons-noexpand { width: 245px; margin-bottom: 20px; }
#container #right-col #buttons-noexpand ul { list-style: none; }
#container #right-col #buttons-noexpand ul li { float: left; width: 245px; background: url('http://www.aquilent.com/images/bg-buttons.jpg') bottom left repeat-x #E1DCD1; margin: 0; padding: 0; overflow: hidden; }
#container #right-col #buttons-noexpand ul li a { width: 229px; display: block; font: 11px/normal Helvetica, Arial, sans-serif; color: #3A3A3A; padding: 12px 8px; margin: 0 0 0 0; text-decoration: none; }
#container #right-col #buttons-noexpand ul li a:hover { color: #0572AB; }
#container #right-col #buttons-noexpand ul li.off {  }
#container #right-col #buttons-noexpand ul li.on { float: left; width: 245px; background: url('http://www.aquilent.com/images/bg-buttons.jpg') bottom left repeat-x #E1DCD1; margin: 0; padding: 0; overflow: hidden; font: 11px/normal Helvetica, Arial, sans-serif; }
#container #right-col #buttons-noexpand ul li.on a { width: 229px; display: block; font: 11px/normal Helvetica, Arial, sans-serif; color: #0572AB; padding: 12px 8px; margin: 0 0 0 0; text-decoration: none; }
#container #right-col #buttons-noexpand ul li.on a:hover { color: #0572AB; }

/* footer */
#footer { width: 961px; margin: 0 auto 0 auto; padding-bottom: 20px; background: #cdcac1; border-top: 1px solid #bebab3; } 
#footer #quote { float: left; display: inline; height: 23px; margin-top: 22px; }

/* footer - find us button */
#footer #findus { position: relative; display: inline; float: right; margin: 20px 0 5px 0; }
#footer #findus-popup { display: none; position: absolute; width: 221px; bottom: 22px; right: 0; padding: 0 10px 10px 0; border: 1px solid #C5C7C9; font: 10px/normal Arial, Helvetica, sans-serif; color: #0063A5; background: #fff; }
#footer #findus-popup .left { float: left; display: inline; width: 105px; margin: 10px 0 0 10px; border-right: 1px solid #E9E5DD; }
#footer #findus-popup .right { float: left; display: inline; width: 98px; margin: 10px 0 0 7px; }
#footer #findus-popup ul { list-style: none; }
#footer #findus-popup ul li { margin: 0 0; width: 80px; }
#footer #findus-popup ul li.myspace { background: url('http://www.aquilent.com/images/myspace.gif') no-repeat #fff; padding-left: 18px; margin-bottom: 10px; }
#footer #findus-popup ul li.facebook { background: url('http://www.aquilent.com/images/facebook.gif') no-repeat #fff; padding-left: 18px; margin-bottom: 10px; }
#footer #findus-popup ul li.twitter { background: url('http://www.aquilent.com/images/twitter.gif') no-repeat #fff; padding-left: 18px; }
#footer #findus-popup ul li.favorites { background: url('http://www.aquilent.com/images/favorites.gif') no-repeat #fff; padding-left: 18px; margin-bottom: 10px; }
#footer #findus-popup ul li.delicious { background: url('http://www.aquilent.com/images/delicious.gif') no-repeat #fff; padding-left: 18px; margin-bottom: 10px; }
#footer #findus-popup ul li.linkedin { background: url('http://www.aquilent.com/images/linkedin.gif') no-repeat #fff; padding-left: 18px; }
#footer #findus-popup ul li a { display: block; width: 72px; padding: 2px 4px; text-decoration: none; background: #fff; }
#footer #findus-popup ul li a:hover { background: #E9E5DD; }

/* footer - contact info */
#footer .contact { float: right;  font: 11px/25px Arial, Helvetica, sans-serif; color: #8B8B8B; text-align: right; }
#footer .contact a { color: #8B8B8B; text-decoration: none; }
#footer .contact a:hover { text-decoration: underline; }
#footer .contact #bottom-nav { margin: 0 0 0 0; }
#footer .contact .name { display: inline; font-weight: bold; }
#footer .contact .address { display: inline; margin-left: 6px; }
#footer .contact .phone { display: inline; margin-left: 15px; }
#footer .contact .email { display: inline; margin-left: 15px; }

/* ============= Misc ============= */
#CRAppSSMain1_tblLogin input { border: 1px solid #ADA795; padding: 2px; }
input#CRAppSSMain1_btnLogin { background: #fff; color: #000; padding: 5px 10px; margin-top: 10px; border: 1px solid #fff; }