/* Stylesheet - Capsa Solutions */
html, body, div, span, applet, object, iframe,
p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent;}

/* * { font-size:1em; font-family: inherit; } */
:focus {outline:none;}

html, body {height: 100%;}
body {font: 12px/20px Tahoma, Geneva, sans-serif; color: #000;}
body.pixelsilk {text-align:center; background: #545454; border: 0;}

p {margin: 0 0 0.75em 0;}
a img {border: 0;}
hr {height: 1px; color: #cfcfcf; background-color: #cfcfcf; border: 0;}
object {outline: none;}
sub {font-size: 10px; vertical-align: sub;}
sup {font-size: 10px; vertical-align: super;}

a, a:link, a:visited {color: #015eab; text-decoration: none; outline: none;}
a:active, a:hover, a:focus {color: #015eab; text-decoration: underline; outline: none;}
a[name] {color: #000; text-decoration: none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin: 0 0 10px 0; font-weight: normal; color: #000;}
h1 {font-size: 18px;} /* 2em */
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 14px;}

/* Image alignment/spacing classes */
img.alignleft {margin: 5px 20px 20px 0; float: left;}
img.alignright {margin: 5px 0 20px 20px; float: right;}

#theme {position: relative; margin: 0 auto; text-align: left; width: 930px; background: url('/theme-bg.gif') repeat-y; z-index: 1; /*height: auto !important; height: 100%; min-height: 100%;*/}

/* Header styles */
#header {position: relative; margin: 0 auto; width: 930px; height: 112px; z-index: 100; background: url('/masthead-bg.gif') repeat-x;}
#logo {position: absolute; left: 365px; top: 0; width: 200px; height: 112px; z-index: 200;}
#mastheadLeft {position: absolute; left: 0; top: 0; width: 115px; height: 112px; z-index: 200;}
#mastheadRight {position: absolute; right: 0; top: 0; width: 95px; height: 112px; z-index: 200;}

#divSlideShow {position: relative; width: 930px; height: 193px;}
#sectionImage {position: relative; width: 930px; height: 193px/*53px*/;}

/* Menu styles */
#siteMenu {position: relative; display: block; margin: 0 auto; width: 930px; height: 61px; z-index: 100; background: url('/nav-bg.gif') repeat-x;}
#siteMenu #menuLeft {position: absolute; left: 0; top: 0; width: 35px; height: 61px; z-index: 101;}
#siteMenu #menuRight {position: absolute; right: 0; top: 0; width: 35px; height: 61px; z-index: 101;}
ul#Menu {list-style: none; margin: 0; padding: 0; position: absolute; left: 35px; top: 0; width: auto; height: 61px; z-index: 102;}
ul#Menu li {display: inline; float: left; position: relative; height: 61px;}
ul#Menu li a, ul#Menu li a:link, ul#Menu li a:visited {display: block; padding: 20px 15px 0 15px; font-size: 14px; height: 35px; line-height: 35px; color: #fefefe; text-decoration: none; background: none;}
ul#Menu li a:hover, ul#Menu li a:active {display: block; padding: 20px 15px 0 15px; font-size: 14px; height: 35px; line-height: 35px; color: #fefefe; text-decoration: none; background: url('/nav-link-bg-hover.gif') repeat-x;}
ul#Menu li.current a, ul#Menu  li.currentFade a {display: block; padding: 20px 15px 0 15px; font-size: 14px; height: 35px; line-height: 35px; color: #fefefe; text-decoration: none; background: url('/nav-link-bg-hover.gif') repeat-x;}
ul#Menu li.separator {width: 2px; height: 61px; z-index: 100;}

div#subNavigation {display: none;}

/* Submenu styles */
ul#Menu li ul {display: none; position:absolute; left: 0; top: 55px; list-style: none; margin:0; padding:10px 0 20px; min-width:200px; text-align: left; /* Match UL 'left' attribute below */ background: #7AB5E7; z-index: 1000;}
ul#Menu li ul * {list-style-position:outside;}
ul#Menu li ul li {position:relative; height: auto; margin:0; padding:0; width: auto; min-width:200px;}
ul#Menu li ul li a, ul#Menu li ul li a:link, ul#Menu li ul li a:visited {display:block; padding: 0 15px; height:auto; line-height: 24px; color:#fff; font-size: 12px; text-decoration: none; white-space: nowrap; text-align: left; background: #7AB5E7;}
ul#Menu li ul li a:hover, ul#Menu li ul li a:active, ul#Menu li ul li a:focus {color: #fff; text-decoration: underline; background: #7AB5E7;}
ul#Menu li ul li.separator {margin: 0 15px; width: 170px; min-width: 0; height: 1px; background: #9CC3E4;}

ul#Menu li ul li ul {position:absolute; top:0; left:200px; width: auto; min-width: 200px; /* Match UL width above */}
ul#Menu li ul li ul li {}
ul#Menu li ul li ul li a {white-space: nowrap;}

span.menu-sub-indicator {float:right;}

/* Search box/form */
#search {position: absolute; right: 35px; top: 0; width: 210px; height: 61px; background: url('/search-bg.gif') no-repeat; z-index: 102;}
.txtSearch {position: absolute; left: 8px; top: 29px; width: 178px; margin: 0; padding: 0 !important; height: 18px; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #ccc; line-height: 18px; border-width: 0 !important; background: #fff url('/white-spacer.gif');}
.btnSearch {position: absolute; left: 191px; top: 29px; width: 18px; height: 18px;}

/* Main content area styles */
#content {position: relative; margin: 35px auto 0 auto; padding: 0; width: 930px; text-align: left; z-index: 1;}

#column1 {float: left; display: inline; position: relative; margin: 0 0 0 65px; width: 800px/*476px*/; height: auto;}

#contentFooter {position: relative; margin: 0 auto; width: 930px; height: 75px; background: url('/footer-bg.gif') repeat-x;}
#contentFooter #footerLogos {position: absolute; left: 177px; top: 20px; width: 575px; height: 40px;}
.home #contentFooter #footerLogos {position: absolute; left: 15px; top: 20px; width: 575px; height: 40px; z-index: 10;}
#contentFooter #bottomLeft {position: absolute; left: 0; top: 0; width: 65px; height: 75px;}
#contentFooter #bottomRight {position: absolute; right: 0; top: 0; width: 65px; height: 75px;}

/* Homepage-specific styles */
#homeCTAs {margin: 20px 0 0; text-align: center;}

#column2 {float: left; display: inline; position: relative; margin: 0 0 0 49px; width: 275px; min-height: 359px; background: #ccc url('/right-col-bg.gif') repeat-x;}
#column2 .columnInner {padding: 15px 35px 153px 35px; min-height: 344px;}
#column2 #colFooter {position: absolute; bottom: 0; left: 0; width: 275px; height: 153px;}

.home #column1 {padding: 0 0 30px 0; width: 476px;}

#homeCTAs .cta {float: left; display: block; margin: 0 20px 1px 0; width: 227px; height: 79px;}
#homeCTAs .cta a {display: block; padding: 0 0 0 20px; width: 215px; height: 79px; line-height: 65px; font-size: 14px; color: #000; text-align: center; text-decoration: none;}
.longterm {background: url('/cta-long-term.gif') no-repeat;}
.material {margin-right: 0 !important; background: url('/cta-material-handling.gif') no-repeat;}
.acute {background: url('/cta-acute-care.gif') no-repeat;}
.retail {margin-right: 0 !important; background: url('/cta-retail.gif') no-repeat;}

#homeContentFooter {position: absolute; bottom: 0; right: 0; width: auto; height: 12px; font-size: 10px; line-height: 12px; text-align: right;}
#homeContentFooter a {font-size: 10px; line-height: 12px;}

/* Subpage styles */
#breadcrumbs {position: absolute; left: 65px; top: -35px; width: 827px; height: 20px; font-size: 10px; text-align: right; z-index: 10;}
#breadcrumbs a {font-size: 10px; /*color: #000;*/}
#breadcrumbs .separator {padding: 0 3px; font-size: 12px;}

/* Right column news feed */
#column2 h2 a {color: #000;}
.newsFeedItem {margin: 0 0 10px 0;}
.newsFeedItem .itemDate {font-size: 14px; line-height: 15px; font-weight: bold;}
.newsFeedItem .itemLink, .newsFeedItem .itemLink a {font-size: 14px; line-height: 15px;}
.newsFeedItem .itemText {font-size: 12px; line-height: 15px;}

/* sub menu buttons for pages */
.subMenuButtons {margin: 40px 0 0 30px; text-align: center;}
.menuButton {display: block; float: left; width: 227px; height: 79px; margin: 0 20px 1px 0;}
.menuButton a {display: block; padding: 0 0 0 20px; width: 193px/*215px*/; height: 79px; line-height: 65px; font-size: 14px; color: #000; text-align: center; text-decoration: none;}
.menuYellow {background: url('/cta-yellow.gif') no-repeat;}
.menuOrange {background: url('/cta-orange.gif') no-repeat;}
.menuBlue {background: url('/cta-blue.gif') no-repeat;}
.menuGreen {background: url('/cta-green.gif') no-repeat;}

/* Product rollovers */
/*#productRollovers {float: right; width: 450px; height: 400px;}*/
#productRollovers {float: right; width: 250px; height: 600px;}
#productRollovers .images {padding: 0 0 0 50px;}
#productRollovers .images .rollover {/*float: left;*/ width: 200px; min-height: 300px; height: auto; margin: 0;}
#productRolloverText {clear: both; margin: 0 0 0 50px;}
#productRolloverText1 {/*float: left;*/ margin: 0; width: 200px; height: auto/*180px*/; display: none;}
#productRolloverText2 {/*float: left;*/ margin: 0; width: 200px; height: auto/*180px*/; display: none;}

/* "product pages" */
.productItemLeft {display: block; float: left; margin: 0 0 25px 0; width: 375px;}
.productItemRight {display: block; float: left; margin: 0 0 0 50px; width: 375px;}
h2.product {display: block; height: 32px; line-height: 32px;}
h2.product img {vertical-align: middle;}

.productItem {float: left; margin: 0 15px 5px 0; width: 250px; height: 150px; background: #f8f8f8;}
.productItemThumbnail {float: left; margin: 5px;}

/* General form styles */
.formLabel {clear: both; float: left; margin: 0 10px 10px 0; width: 33%;}
.formField {float: left; margin: 0 0 10px 0; width: 60%;}
.nextLine {clear: both;}
.required {font-weight: bold;}
.formField > p {display: block; width: 49%/*45px*/; float: left; line-height: normal; margin: 0 0 7px 0; padding: 0; white-space: nowrap;}
textarea {width: 100%; height: 150px;}
.formButton {clear: both;}
fieldset {}
fieldset .inner {padding: 5px;}
fieldset.form {clear: both; float: left; margin: 0 0 10px 0; width: 100%; height: 300px; border: 1px #ccc solid;}
fieldset.form .inner {padding: 5px 10px 0 10px; height: 273px; overflow: auto;}
legend {margin: 0 0 0 10px;}
.radioGroup span {display: block; width: 60px; float: left; line-height: normal; margin: 0; padding: 0;}

/* Contact form styles */
.contactForm {}

/* Misc form field styles */
.width100 > input {width: 100px;}
.width150 > input {width: 150px;}
.width200 > input {width: 200px;}
.width300 > input {width: 300px;}

/* Article styles */
.articleItem {clear: both; margin: 0 0 20px 0;}
.articleItemTitle {margin: 0 0 5px 0;}
.articleItemDate {font-style: italic;}
.articleItemImage {float: left; margin: 0 15px 15px 0;}
.articleItemBody {}
#articleDate {margin: 0 0 15px 0; font-style: italic;}
#articleImage {float: left; margin: 0 20px 15px 0;}

/* Staff styles */
.staffItem {float: left; margin: 0 40px 30px 0; width: 198px;}
.staffImage {float: left; margin: 0 10px 10px 0;}
.staffItemName {font-weight: bold;}
.staffItemTitle {font-style: italic;}
#staffDetailImage {float: left; margin: 0 20px 20px 0;}
#staffDetailBody {}
#staffName {}
#staffJobTitle {}

/* Photo gallery styles */
#photoLargeImage {position:relative; width:476px; height:500px; text-align:center;}
#photoLargeImage img {margin: 0 auto;}
#photoItems {margin: 20px 0 10px 0;}
.photoItem {float:left; margin:0 9px 15px 0; width: 110px; cursor:pointer; position:relative; text-align: center;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85;}

#photoImageTitle {position: relative; height: 24px;}
#photoImageDescription {position: relative; height: 35px;}
.photoItemTitle {display: none;}
.photoItemDescription {display: none;}

.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 33%;}

/* Basic events styles */
.eventList {}
.eventListItems {}
.eventListItems h2 a {}
.eventItemDate {}
.eventItemLocation {}
#eventDetail {}
#eventDetail h1 {}
#eventDetailDate {}
#eventDuration {}

/* Event calendar styles */
.calendarList {}
.calendarListItems {float: left; width: 231px;}
.calendarListItems h2 a {font-size: 16px;}
#caledarDetail {}
#caledarDetail h1 {}
#calendarDetailDate {}
#calendarImage {float: right; margin: 0 0 10px 20px;}
.calendarPicker {float: left; display: inline; margin: 0 0 0 20px; width: 225px;} /* Flash calendar */

/* Pagination */
.Pagination {display: block; margin: 0; text-align: right;}
.Pagination ul {list-style: none; margin: 0; padding: 0;}
.Pagination ul li {margin: 0; padding: 0; font-size: 10px; display: inline;}
.Pagination ul li a, .Pagination ul li a:link, .Pagination ul li a:visited {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.Pagination ul li a:hover, .Pagination ul li a:active {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}
.Pagination ul li.current {margin: 0; padding: 0 3px; font-size: 10px; display: inline; line-height: 18px; font-weight: bold;}

.Pagination ul li.previous a, .Pagination ul li.previous a:link, .Pagination ul li.previous a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none;}
.Pagination ul li.previous a:hover, .Pagination ul li.previous a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none; font-weight: bold;}

.Pagination ul li.next a, .Pagination ul li.next a:link, .Pagination ul li.next a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none;}
.Pagination ul li.next a:hover, .Pagination ul li.next a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none; font-weight: bold;}

/* Footer styles */
#footer {position: relative; margin: 0 auto; text-align: left; width: 900px; height: 30px; clear: both; z-index: 10;}

#footerLeft {float: left; margin: 0; width: 600px; height: 30px; line-height: 30px; color: #ccc; font-size: 10px;}
#footerLeft a {font-size: 10px; color: #fff;}

#smartzLink {float: right; width: 200px; height: 30px; text-align: right; color: #808080; font-size: 10px; line-height: 30px;}
#smartzLink a, #smartzLink a:link, #smartzLink a:visited {font-size: 10px; text-decoration: none; color: #808080; line-height: 30px;}
#smartzLink a:hover, #smartzLink a:active {font-size: 10px; text-decoration: underline; color: #808080;}
#smartzLink a img {padding-top: expression(3 + "px"); vertical-align: middle; text-decoration: none;}

/* Misc styles */
.clear {clear: both; height: 1px; line-height: 1px;}
.divAddControl {margin: 25px 0 0 0;}
.divEditDeleteControls {margin: 25px 0 0 0;}
.errorMsg {color: #cc0000;}

label.error {margin: 0 0 0 5px; color: #cc0000;}
#cse-search-results iframe {width: 600px;}

#divFlashMap {margin: 10px 0 25px; text-align: center;}

