html, body, div { padding: 0; margin: 0; border: 0; }
body { margin-top: 10px; text-align: center; background: #005288; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 1.5; }
h1, h2, h3 { font-family: arial; font-weight: bold; }
h1 { font-size: 12pt; }
h1 span.subtitle { font-style: italic; font-weight: normal; font-size: 10pt;}
h2 { font-size: 11pt; }
h3 { font-size: 10pt; font-style: italic; }
h4 { font-size: 8pt; font-style: italic; }
img { border-style: none; }
a:link { color: #005288; text-decoration: none; }
a:visited { color: #005288; text-decoration: none; }
a:active { color: #005288; text-decoration: none; }
a:hover { color: #5095be; text-decoration: underline; }
/* NAVBAR */
#navbar_wrapper{ width:713px; margin:0 auto; border:1px solid #FFFFFF; text-align:left; }
#header-top{ position: relative; margin:0; padding:0; width: 713px; height: 37px; background-image: url(../img/navbar/banner-top.jpg); background-repeat: no-repeat; background-color: Black; }
#header-bottom { position: relative; margin:0; padding:0; width: 713px; height: 20px; border-bottom: 2px solid black; background-image: url(../img/navbar/banner-bottom.jpg); background-repeat: no-repeat; background-color: Black; }
#header-bottom a { color: White; }
div.toptab { height: 20px; float: left; color: White; font-size: 8pt; }
#header-bottom div.selected { height: 16px; padding-top: 2px; padding-bottom: 2px; background-color: black; font-weight: bold; }
#header-bottom div.unselected { height: 16px; padding-top: 2px; padding-bottom: 2px; background-color: #c08d0f; }
#topnavlink { width: 713px; height: 16px; text-align: right; vertical-align: middle; padding-right: 10px; padding-top: 2px; color: White; font-size: 7.5pt; }
#topnavlink a { color: White; text-decoration: none; }
#topnavlink a:hover { text-decoration: underline; }
#mainnav { background-color: #005288; border-top: 1px solid white; }
td.menubar { height: 21px; }
#menubar { margin: 0; padding: 0; }
#menubar li { display: inline; margin: 0; margin-left: -4px; } /*** -4px moves display of item to beginning of area ***/
#menubar li:first-child { margin-left: 0px; } /*** this moves the start point back in Firefox ***/
#menubar a { text-decoration: none; font-size: 8pt; font-family: verdana, sans-serif; padding: 3px 12px 3px 12px; color: white; display: inline-block; background-color: #005288; border-right: 1px solid white; }
#menubar a:hover { text-decoration: underline; }
#menubar a.menubarselected { background: #5095be; color: white; }
/* SIDEBAR */
h1.sidebar { font-size: 10.5pt; margin: 0; margin-bottom: 6px;}
div.LeftSidebarLinks { font-family: verdana, arial, sanserif; font-size: 8pt; }
/* CONTENT */
#contentbar_outer_wrapper { background-color: black; width: 715px; margin: 0 auto; }
#contentbar_wrapper { margin: 0 auto; margin: 1px 0 1px 0; width: 715px; text-align: left; background-color: #f3eedf; }
#contentbar_container { position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 194px; width: 520px; border-left: 1px solid #fff; background-color: #114633; background-repeat: repeat-y; }
#maincolumn { width: 519px; /*** Critical left and right col/divider dimension value (moves inversely) ***/
float: right; background-color: white; margin: 0; }
* html #maincolumn { }
#maincolumn a:link { color: #005288; text-decoration: none; }
#maincolumn a:visited { color: #005288; text-decoration: none; }
#maincolumn a:active { color: #5095be; text-decoration: none; }
#maincolumn a:hover { color: #5095be; text-decoration: underline; }
#leftcolumn {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 194px; /*** Critical left col/divider dimension value ***/
margin-left: -195px; float: left; }
* html #leftcolumn { }
*>html #leftcolumn {width:194px;} /*** Fix only for IE/Mac ***/
/*** FOOTER ***/
#footerbar_wrapper { width: 713px; margin: 0 auto; border: 1px solid #FFFFFF; text-align: left; }
#footerimage { clear: both; background-color: Black; }
#footer { background-color: White; font-size: 7pt; text-align: right; }
#footer a { color: #005288; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#bottomlinks { padding-top: 4px; color: White; font-size: 8pt; padding-bottom: 10px; margin: 0 auto; width: 714px; }
#bottomlinks a { color: White; text-decoration: none; }
#bottomlinks a:hover { text-decoration: underline; }
#bottomlinks td { vertical-align: middle; padding: 0 12px 0 12px; border-right: 1px solid white; }
#bottomlinks td.lastitem { padding: 0 0 0 12px; border-right: none; }
/** OTHER STUFF **/
div.clear{ clear: both; }
#pagetabtitle { font-weight: bold; padding-left: 8px; padding-right: 8px; white-space: nowrap; }
/* HOME PAGE */
#homepagecontentcontainer { border-left: 1px solid #eee; margin-left: 325px; width: 190px; }
#homepageleftcontent { position: relative; float: left; width: 301px; margin-left: -326px; padding: 12px; }
div.homepagerightcontent { float: right; clear: right; width: 166px; padding: 12px; padding-top: 13px;}
div.homepagerightcontent table.TitleTable td { vertical-align: bottom; padding-bottom: 9px; font-size: 8pt; }
h1.homepagerightheader { font-size: 10.5pt; margin: 0; margin-bottom: 0;}
div.FeaturedProduct { padding-top: 8px; }
div.FeaturedProduct span.Title { font-weight: bold; font-size: 8pt; line-height: 1.2; }
div.FeaturedProduct span.Info { font-family: verdana, arial, sanserif; font-size: 7.5pt; font-style: italic; line-height: 1.2; }
div.FeaturedProduct a.More { font-size: 8pt; font-style: italic; line-height: 1.2; }
h1.FeaturedProduct { font-size: 9.5pt; margin: 0; margin-bottom: 0;}
div.PressScroller { margin-bottom: 10px; }
div.PressScroller span.Date { font-weight: bold; font-size: 8pt; line-height: 1.2; }
div.PressScroller span.Title { font-family: verdana, arial, sanserif; font-size: 7.5pt; font-style: italic; line-height: 1.2; }
div.PressScroller a.More { font-size: 8pt; font-style: italic; line-height: 1.2; }
div.PressScrollerQuote { font-size: 8pt; font-style: italic; margin-bottom: 10px; }
div.PressScrollerCitation { font-size: 8pt; margin-bottom: 20px; }
/*** Join Email List ***/
td.emaillist { font-size: 7.5pt; }
input.emaillist, select.emaillist { border: 1px solid #CAC1A7; background-repeat: no-repeat; font-size: 6.5pt; }
/*** BREAD CRUMBS ***/
#breadcrumbs { padding: 5px 0 0 11px; font-size: 8pt; color: black; }
#breadcrumbs a:link { color: #005288; text-decoration: none; }
#breadcrumbs a:visited { color: #005288; text-decoration: none; }
#breadcrumbs a:active { color: #005288; text-decoration: none; }
#breadcrumbs a:hover { color: #5095be; text-decoration: underline; }
/*** MISCELLANEOUS ***/
div.std_padding { padding: 0 12px 12px 12px; }
div.ExtraSidebarContent { padding: 12px; font-size: 7pt; }
*.FullWidth { width: 100%; }
div.horizontalrule, td.topborder { width: 100%; border-top: 1px solid #a59975; }
/*** MENU ****/
/* the bottom border here, fixes an odd problem where there is a space at the end of the container */
#menucontainer{ margin: 1px; background-color: #dfd8c0; border-bottom: 1px solid #dfd8c0; color: black; margin-top: 0; }
div.menubold { font-weight: bold; }
div.menumarker{ text-align: center; padding: 7px 6px 7px 6px; float: left; position: relative; }
div.menuitemcontainer{ position: relative; }
div.menuitem{ padding: 2px 0px 2px 0px; font-size: 8pt; position: relative; }
div.submenumarker{ text-align: center; padding: 4px 6px 4px 6px; float: left; position: relative; }
div.submenuitem{ padding: 1px 0px 1px 0px; font-size: 8pt; position: relative; }
/*** END MENU ***/
/*** STANDARD TABS ***/
#maincolumn td.tab_selected { background-color: #5095be; padding: 4px 12px 4px 12px; border-right: 1px solid white; border-bottom: 1px solid white; color: white; font-size: 7.5pt; white-space: nowrap; }
#maincolumn td.tab_unselected { background-color: #005288; border-right: 1px solid white; border-bottom: 1px solid white; padding: 4px 12px 4px 12px; font-size: 7.5pt; white-space: nowrap; color: White; }
#maincolumn td.tab_unselected a { color: white; text-decoration: none; }
#maincolumn td.tab_unselected a:visited, #maincolumn td.tab_unselected a:active { color: white; }
#maincolumn td.tab_unselected a:hover { color: white; text-decoration: underline; }
#maincolumn td.tab_horizontalseparator { background-color: #A59975; }
/*** Secondary Tabs ***/
#maincolumn span.tab2nd_selected { font-weight: bold; }
#maincolumn span.tab2nd_unselected a { color: Black; }
/*** Standard Table ***/
tr.stdTableRow_Odd { background-color: #F9F6ED; }
tr.stdTableRow_Even { }
td.stdTableCell { padding-top: 2px; padding-bottom: 6px; vertical-align: Top; font-size: 8.5pt; }
td.stdTableNavBar { }
tr.stdTableHeader { background-color: #ede6d1; font-size: 8pt; font-weight: bold; }
/*** TESTIMONIALS ***/
div.faq_question { font-style: italic; padding-top: 10px; margin-top: 10px; border-top: 1px dashed black; }
div.faq_answer { padding-left: 30px; padding-top: 5px; font-size: 9pt; }
div.Testimonial { padding-top: 10px; padding-bottom: 10px; }
div.TestimonialSource { padding-bottom: 10px; padding-left: 20px; border-bottom: 1px dashed black; }
/* SPECIFICATIONS */
table.Specifications { border-collapse: collapse; width: 100%; }
table.Specifications tr.header { font-weight: normal; background-color: #ede6d1; color: black; border-bottom: 1px solid white; font-weight: bold; }
table.Specifications tr { background-color: #f9f7f0; }
table.Specifications tr.alt { background-color: white; }
table.Specifications td { text-align: center; vertical-align: top; font-family: Verdana; font-size: 7pt; border-left: 1px solid white; }
table.Specifications td.left-title { text-align: left; font-weight: normal; }
table.Specifications td.group-title { text-align: left; font-weight: bold; color: white; background-color: #a59975; border: none; border-top: 4px solid white; border-bottom: 2px solid white; }
table.Specifications td.group-title-caption { text-align: center; font-weight: bold; color: white; background-color: #a59975; border: none; border-top: 4px solid white; border-bottom: 2px solid white; }
div.no_image { width: 150px; margin: 0 0 10px 10px; background-color: #ede6d1; float: right; text-align: center; }
#product_catalog { font-size: 8pt; }
#product_catalog h3 { margin-bottom: 5px; padding-left: 2px; border-bottom: 1px solid white; background-color: #ede6d1; font-style: normal; }
#product_catalog div.category { background-color: #f9f7f0; padding-left: 2px; }
/* Table format */
table.standard { background-color: white; border-collapse: collapse; }
table.standard td { font-family: verdana, arial, sans-serif; font-size: 8pt; border-collapse: collapse; text-align: left; vertical-align: top; padding: 4px; padding-right: 2px; padding-left: 2px; }
table.standard thead tr { font-size: x-small; font-weight: bold; background-color: #ede6d1; }
table.standard thead td { font-size: 8pt; }
table.standard thead tr.subheader { font-weight: normal; background-color: white; color: black; }
table.standard thead tr.subheader td { font-size: 8pt; border-bottom: 1px solid #a59975; }
table.standard tfoot td { border: none; font-style: italic; text-align: center; }
table.standard tbody tr.alt { background-color: #f9f7f0; }
table.standard a { color: #956c1a; }
table.standard a:hover { color: #be9d5b; }
table.standard tr { font-size: 8pt; font-weight: normal; }
table.standard td.center { text-align: center; }
/* Project Summary Image Table */
table.PSImage { width: 200px; margin-left: 20px; margin-bottom: 20px; }
table.PSImage tr { font-size: x-small;}
/* NAV: Prev Next Index Navigation Section */
div.NavFmt table { border: 0; }
div.NavFmt td { font-size: 8pt; }
div.NavFmt table.inner { border: 0; width: 100%; }
div.NavFmt td.container { width: 100%;}
/* MEDIA NAV: PRINT/PDF/RSS icon Section */
div.MediaNav table { border: 0; }
div.MediaNav table.inner { width: 100%; }
div.MediaNav tr.container { background-color: #f9f6ed; }
div.MediaNav td.container { width: 100%; }
div.MediaNav td.topSection { border-right: #cac1a7 1px solid; border-top: #cac1a7 1px solid; border-left: #cac1a7 1px solid; border-bottom: black 0px solid; }
div.MediaNav td.leftSection { border-left: solid 1px #cac1a7; text-align: center; }
div.MediaNav td.rightSection { border-right: solid 1px #cac1a7; text-align: center; }
div.MediaNav td.bottomSection { border-right: #cac1a7 1px solid; border-top: black 0px solid; border-left: #cac1a7 1px solid; border-bottom: #cac1a7 1px solid }
div.MediaNav td.textPopUp { text-align: center; font-size: 8pt; font-style: italic; }
/* Project Summary */
div.ProjectSummary h2 { font-size: 11pt; margin-bottom: 0; margin-top: 0; }
table.ProjectSummary tr { font-family: Verdana, Arial, Sans-Serif; font-size: 8.5pt; font-weight: normal; font-style:italic; line-height: 1.1; }
table.ProjectSummary tr.Odd { font-family: Verdana, Arial, Sans-Serif; font-size: 8.5pt; font-weight: normal; font-style:italic; line-height: 1.1; background-color: #f9f6ed; }
/* Leadership */
div.Leadership { width: 100%; }
div.Leadership h1 { font-family: verdana, arial; font-size: 10pt; margin-bottom: 0; margin-top: 15px; }
div.Leadership span.prof_dsg { font-weight: normal; font-style: italic; }
div.Leadership h2 { font-family: verdana, arial; font-weight: normal; font-size: 10pt; margin-top: 0; font-style: italic; }
div.Leadership div.photo { float: right; padding: 0 0 10px 10px; }
/* Industry Membership */
div.IndustryMembership td.Image { text-align: left; padding-right: 10px; padding-top: 10px; }
div.IndustryMembership td.Content { padding-bottom: 15px; }
div.IndustryMembership h1 {font-family: verdana, arial; font-size: 10pt; margin-bottom: 0; margin-top: 0px; }
div.IndustryMembership span.acronym { font-weight: normal; }
/* Press */
div.PressDisplay { margin-top: 15px; }
div.PressDisplay div.Links { font-size: 8pt; }
div.PressDisplay div.Date { margin-top: 10px; }
div.PressDisplay div.SalesUpdateDate { margin-top: 10px; font-style: italic; }
div.PressDisplay h1 { margin-bottom: 0; margin-top: 0; }
div.PressDisplay h2 { font-family: verdana, arial; font-size: 10pt; margin-bottom: 10px; margin-top: 15px; }
div.PressDisplay span.ByLine { font-style: italic; }
div.PressDisplay span.SubTitle { font-size: 10pt; font-weight: normal; font-style: italic; }
div.PressDisplay span.Date { font-style: italic; }
div.PressDisplay div.MediaImage_left { float: left; padding: 0 10px 10px 0; text-align: center; font-style: italic; font-size: 7.5pt; }
div.PressDisplay div.MediaImage_right { float: right; padding: 0 0 10px 10px; text-align: center; font-style: italic; font-size: 7.5pt; }
div.PressDisplay div.MediaImage_center { margin-left: auto; margin-right: auto; text-align: center; font-style: italic; font-size: 7.5pt; }
div.PressDisplay div.caption { text-align: center; font-style: italic; font-size: 80%; padding: 0 0 10px 0; }
span.showhidesection { color: #BE8E2D; }
div.contact_hide { display: none; visibility: hidden; }
div.contact_show { display: block; visibility: visible; }
div.contact_float { float: left; width: 200px; margin-left: 10px; }
div.main_contact_block { margin-left: 15px; padding-bottom: 10px; }
div.contact { margin-bottom: 10px; margin-left: 15px; }
/* Trade Shows */
div.TradeShows table { background-color: white; border-collapse: collapse; }
div.TradeShows thead td { font-weight: bold; }
div.TradeShows tbody td { vertical-align: top; }
div.TradeShows tbody td.Date { font-style: italic; white-space: nowrap; padding-right: 10px; }
div.TradeShows span.Title { font-weight: bold; }
div.TradeShows span.Venue { }
div.TradeShows span.Booth { }
div.TradeShows span.Location { }
div.TradeShows tbody tr.alt { background-color: #f9f6ed; }
/* Tabbed forms */
table.TabbedContentForm { border-collapse: collapse; background-color: #a59975; }
table.TabbedContentForm td { vertical-align: top; border: none; }
table.TabbedContentForm td.tab_title { padding: 0 5px 0 10px; vertical-align: middle; white-space: nowrap; }
table.TabbedContentForm a { color: White; font-size: 7pt; }
table.TabbedContentForm a:hover { color: White; font-size: 7pt; }
table.TabbedContentForm img { border: none; }
table.TabbedContentForm table.indented { border-left: 1px solid #787057; border-right: 1px solid #ede6d1; border-bottom: 1px solid #ede6d1; border-top: 1px solid #787057; }
table.TabbedContentFormContent { border: 4px solid #a59975; border-top: none; background-color: #cac1a7; }
table.TabbedContentFormContent td { text-align: left; }
table.TabbedContentFormContentBottomTab { border: 4px solid #a59975; border-bottom: none; background-color: #cac1a7; }
table.TabbedContentFormContentBottomTab table.indented { border-left: 1px solid #787057; border-right: 1px solid #ede6d1; border-bottom: 1px solid #ede6d1; border-top: 1px solid #787057; }
table.TabbedContentFormContentBottomTab td { padding: 0; }
table.TabbedContentFormInnerTable td { padding: 0; font-size: 7.5pt; }
/*** CARMANAH WEB SITE NETWORK ***/
span.heading { font-family: verdana, arial, sanserif; font-size: 11pt; font-weight: bold; text-align: left; }
span.subheading { font-family: verdana, arial, sanserif; font-size: 9pt; font-weight: bold; text-align: left; }
span.small { font-family: verdana, arial, sanserif; font-size: 7.5pt; }
/*** SALES CONTACT TABLE ***/
div.SalesContact tr.ContactHeader { font-size: x-small; font-weight: bold; background-color: #ede6d1; vertical-align: top; }
div.SalesContact tr { font-size: xx-small; }
div.SalesContact tr.ContactAlt { font-size: xx-small; background-color: #f9f7f0; vertical-align: top; }
div.SalesContact td { padding-right: 2px; padding-left: 2px; vertical-align: top; }
div.SalesContact span.LinkText { font-size: xx-small; }
div.SalesContact span.LocationText { font-size: x-small; font-weight: bold; }
div.SalesContact h3 { margin-top: 0; margin-bottom: 0; font-style: normal; }
div.SalesContact h4 { margin-top: 0; margin-bottom: 0; }
/*** POP-UP CONTACT ***/
div.PopUpContact table { background-color: #f9f7f0; width: 100%; }
div.PopUpContact tr.header { font-size: x-small; font-weight: bold; background-color: #ede6d1; vertical-align: top; }
/*** PHOTO ALBUM ***/
table.SinglePhotoHeader { width: 486px; margin-bottom: 10px; }
table.SinglePhotoTable { margin-top: 5px; width: 360px; border: 3px solid #fbf2df; background-color: #fbf2df; }
table.SinglePhotoTableInfo { margin-top: 5px; width: 486px; }
table.SinglePhotoTableInfo td { vertical-align: top; font-size: 8pt; font-style: italic; line-height: 1.2 }
.borderit img{ border: 2px solid #ffffff; }
.borderit:hover img{ border: 2px solid #be8e2d; }
div.PhotoImage { margin: 0 auto; }
/*** INTRO TABLE ***/
table.IntroTableOuter { background-color: white; margin-bottom: 12px; width: 100%; }
table.IntroTableOuter tr.Header { font-size: 8pt; background-color: #CAC1A7; color: Black; font-weight: bold; }
table.IntroTableOuter tr.Header td { padding-left: 5px; letter-spacing: 0px; }
table.IntroTableOuter tr.Content td { font-size: 8.5pt; line-height: 1.4; border-bottom: 1px solid #e8e4e4; background-image: url(img/intro_blend.jpg); background-repeat: repeat-x; vertical-align: top; }
table.IntroTableInner { width: 100%; }
table.IntroTableOuter tr.Content table.IntroTableInner td { border-bottom: none; }
table.IntroTableOuter img { border: 1px solid #e8e4e4; margin-right: 10px; }
/*** INTRO TABLE 2 ***/
table.IntroTable2Outer { background-color: white; margin-bottom: 12px; width: 100%; }
table.IntroTable2Outer tr.Header { font-size: 8pt; color: Black; font-weight: bold; }
table.IntroTable2Outer tr.Header td { padding-left: 5px; letter-spacing: 0px; }
table.IntroTable2Outer tr.Content td { font-size: 8.5pt; line-height: 1.4; border-bottom: 1px solid #e8e4e4; background-image: url(img/intro_blend.jpg); background-repeat: repeat-x; vertical-align: top; }
table.IntroTable2Inner { width: 100%; border-collapse: collapse; }
table.IntroTable2Inner td { font-size: 8.5pt; line-height: 1.4; border-bottom: 1px solid #a59975; background-image: url(img/intro_blend.jpg); background-repeat: repeat-x; vertical-align: top; padding: 5px; }
table.IntroTable2Outer img { border: 1px solid #e8e4e4; padding-left: 10px; }
/*** MEDIA CLIPPINGS FORMATS ***/
span.MediaListItemTitle { font-weight: bold; }
span.MediaListItemSubTitle { font-style: italic; }
span.MediaListNewsSource { font-style: italic; }
table.product_links { border-collapse: collapse; margin-left: 10px; }
table.product_links td { border-bottom: 1px dashed black; }
/*** FAQ ***/
div.faq { margin: 5px; margin-left: 10px; margin-bottom: 0; border: 1px solid #ede6d1; background-color: #f9f7f0; padding: 10px; width: 90%; }
table.catalog { width: 100%; border-collapse: collapse;}
table.catalog th { width: 75px; font-weight: normal; }
table.catalog thead th, table.catalog thead td { font-weight: bold; background-color: #ede6d1; font-size: 8pt; }
table.catalog tbody tr.alt { background-color: #f9f7f0; }
table.catalog tbody tr.separator { height: 9px; }
div.catalog { margin-left: 78px; margin-bottom: 3px; }
div.table_block { border-top: 1px solid #a59975; border-bottom: 1px solid #a59975; padding: 9px 0 9px 0; }
div.table_block h3 { margin-top: 10px; margin-bottom: 0; }
/*** Un-indented Lists ***/
ul.no_indent { margin-left: 0; }
ul.no_indent li { margin-left: 1.5em; }