/*-----------------------*/ /*---- GLOBAL STYLES ----*/ /*-----------------------*/ * { margin:0; padding:0; border:0; } body { background:#d6d8da url('../images/template/bodyBG.gif') repeat-y scroll center; font:68.75% Verdana, Arial, Helvetica, sans-serif;/* 11px standard size */ } a { color:#015671; font-weight:bold; text-decoration:none; } a:hover { text-decoration:underline; } blockquote, ol, p, ul { margin:.5em 0em .5em 0em;} blockquote { margin-left:2em; } button, button img { border:none; background:none; padding:0; margin:0; width:auto; overflow:visible; text-align:center; white-space:nowrap; } button, button:hover { cursor:pointer; } fieldset { border:1px solid #0182ac; background-color:#FCFCFC; padding:5px; margin-bottom:5px; } fieldset legend { border:1px solid #0182ac; background-color:#FFFFFF; font-weight:bold; font-size:1.1em; color:#414d53; padding:.5em .8em .5em .8em; margin-left:5px; } form label { margin:4px 0px 0px 0px; } h1 { color:#0182AC; font:bolder 2.1818em Helvetica, Verdana, sans-serif; margin:0 0 1em 0; text-transform:uppercase; /* border-bottom:2px solid #B2B2B2; */ } h2 { color:#015671; font:bolder 1.18em "Trebuchet MS", Trebuchet, Arial, sans-serif; } h3 { color:#0182AC; font:bolder 1.27em Helvetica, Verdana, sans-serif; padding:.5em 0 .5em 0; clear:both; text-transform:uppercase; } h4 { color:#666666; font-style:italic; font-weight:normal; font-size:1em; padding:0 0 1em 0; } h5 { color:#80888C; font-style:normal; font-weight:normal; padding:.5em 0 1.5em 0; } h5 a { color:#80888C; font-weight:normal; } h5 a:hover { text-decoration:none; } h6 { display:inline; font-size:1em; } input, select, textarea { border:1px solid #aaaaaa; background:#ffffff url('../images/template/formBG.gif') repeat-x bottom; margin:0 0 0 8px; vertical-align:top; } input.requiredInput, select.requiredInput, textarea.requiredInput { border:1px solid #8f9da4; background:#f7fbfc url('../images/template/formRequiredBG.gif') repeat-x bottom; } ol, ul { padding-left:2em;} select option { padding-right:10px;} /* TEMPLATE STYLES */ #content { background-color:#FFF; padding: 22px 0 0 0; } #header { background:url('../images/template/header.jpg') no-repeat 0 0; height:127px; overflow:hidden; position:relative; width:970px; } #header #logo { height:127px; width:360px; } /* INDEX TAGS */ #index-tags { bottom:10px; position:absolute; left:390px; } #index-tags ul { list-style-type: none; padding:0 0 0 10px; margin: 0; color:#FFF; font-size: 1.1em; font-family:Arial, sans-serif; } #index-tags ul li { background:url(../images/template/indextagsSeparator.gif) right no-repeat; float: left; padding: 5px 9px 5px 8px; } #index-tags ul li.lookingFor { background:none; font-size:0.83em; padding:7px 4px 5px 0; } #index-tags ul li.last { background:none; padding-right:0; } #index-tags a { color:#FFF; font-weight:bold; text-decoration:none; } #horizon { width: 970px; margin: 0 auto; text-align: left; background:url('../images/template/horizonBG.gif') repeat-y left; } #navigation { background:url('../images/template/navBG.jpg') top left no-repeat; float: right; line-height:18px; min-height:540px; height:auto !important; height:540px; padding:0; width: 202px; } #wrapper { width: 768px; position: relative; float: right; } /* BUTTON STYLING */ button.buttonBG { border:none; background:none; padding:0; margin:0; width:auto; overflow:visible; text-align:center; white-space:nowrap; height:24px; line-height:22px; } button.buttonBG span, button.buttonBG em{ display:block; height:24px; line-height:22px; margin:0; color:#0182ac; } button.buttonBG span{ padding-left:20px; background:url('../images/template/formSubmitBtn.gif') no-repeat 0 0; } button.buttonBG em{ padding-right:20px; background:url('../images/template/formSubmitBtn.gif') no-repeat 100% 0; text-transform:uppercase; font-size:.90em; font-weight:bold; font-style:normal; } /* ERROR CONTAINERS */ .errorContainer, .errorContainerDisplay { border:1px solid #990000; padding:.5em .5em .5em 2.5em; margin:.5em; background:#FFEEFF url('../images/icons/error.gif') no-repeat 5px 50%; } .errorContainer { display:none; } .errorContainer .error{ color:#990000; display:block; } input.error, select.error, textarea.error { color:#990000!important; border:1px solid #990000!important; background:#FFEEFF!important; } /* SUCCESS CONTAINERS */ .successContainer, .successContainerDisplay { border:1px solid #009900; padding:.5em .5em .5em 2.5em; margin:.5em; background:url('../images/icons/success.gif') no-repeat 5px 50%; } .successContainer { display:none; } .successContainer .success { color:#009900; display:block; } /*------------------------*/ /*---- TOOLBAR STYLES ----*/ /*------------------------*/ #toolbar { color: #999999; position: absolute; top: 0; left: 0; width: 756px; padding: 0px 4px 4px 8px; margin: 0; height: 1.7em; background-color: #002126; } /* TOOLBAR BREADCRUMBS */ #breadcrumbs { color:#40585C; float:left; padding:3px 0 0 0; } #breadcrumbs strong{ color:#809092; } #breadcrumbs a { color:#809092; font-weight:normal; text-decoration:none; } #breadcrumbs a:visited { color:#809092; font-weight:normal; text-decoration:none; } #breadcrumbs a:hover { color:#809092; font-weight:normal; text-decoration:underline; } #breadcrumbs a:active { color:#809092; font-weight:normal; text-decoration:none; } /* TOOLBAR NEWSLETTER */ #newsletter { bottom:13px; position:absolute; right:6px; width:230px; } #newsletter input { background-image:none; background-color:transparent; border:0px; margin:0px; } #newsletter input#FormValue_EmailAddress { height:12px; margin:0px 3px; padding:2px; width:175px; } #newsletter input.itemFade { background-image:url('../images/template/headerFormField-fade.gif'); background-repeat:no-repeat; background-position:center;} #newsletter input.itemFocus { background-image:url('../images/template/headerFormField.gif'); background-repeat:no-repeat; background-position:center; } .oemProSubscriptionError { position:absolute; right:0px; top:118px; border:1px solid #CC0000; padding:.5em .5em .5em 2.5em; margin:.5em; display:none; background-image:url('../images/cancel.gif'); background-position:5px 50%; background-repeat:no-repeat; } /* ADDTHIS TOOLBAR */ .addthis_toolbox { position:absolute; right:15px; top:45px; } .addthis_toolbox a { background:url(../images/template/headerShareLink.gif) 100% 50% no-repeat; color:#FFF; font-size:1.09em; font-weight:normal; padding-right:24px; } /*------------------------*/ /*---- SIDEBAR STYLES ----*/ /*------------------------*/ /* MAIN MENU */ a.selected { background-color:#0182ad; } #navigation .alias { background-color:transparent; } /* ------------- 1st Level Navigation Items ------------- */ #navigation ul { list-style: none; margin:0px; padding:0px; } #navigation ul li { padding: 2px 0px 2px 14px; } #navigation ul li a { display:block; color:#99D0E8; font-family:Arial, Helvetica, sans-serif; font-size:1.36em; font-style:normal; font-weight:bold; letter-spacing:-.01em; text-decoration:none; padding:6px 0px 6px 4px; } #navigation ul li a:visited { color:#99D0E8; } #navigation ul li a:active { color:#99D0E8; } #navigation ul li a:hover, #navigation ul li a#currentPage { display:block; color:#FFFFFF; font-weight:bold; } /* ------------- 2nd Level Navigation Items ------------- */ #navigation ul ul { list-style: none; margin:0px; padding:0px; } #navigation ul ul li { padding: 2px 0px 2px 6px; text-transform:none; line-height:1.2em; } #navigation ul ul li a { background:url(../images/template/sidebarNavBullet.gif) 0 8px no-repeat; display:block; color:#99D0E8; font-size:1.18em; font-style:normal; font-weight:normal; letter-spacing:-.01em; padding:3px 0px 3px 6px; text-decoration:none; } #navigation ul ul li a:visited { color:#99D0E8; } #navigation ul ul li a:active { color:#99D0E8; } #navigation ul ul li a:hover { color:#FFFFFF; font-weight:normal; } #navigation ul ul li a#currentPage { color:#FFFFFF; font-weight:bold; } /* ------------- 3rd Level Navigation Items ------------- */ #navigation ul ul ul { list-style: none; margin:0px; padding:0px; } #navigation ul ul ul li { padding: 2px 0px 2px 6px; text-transform:none; } #navigation ul ul ul li a { background:none; display:block; color:#99D0E8; font-size:.91em; font-style:normal; font-weight:normal; letter-spacing:-.01em; padding:1px 0px; text-decoration:none; } #navigation ul ul ul li a:visited { color:#99D0E8; } #navigation ul ul ul li a:active { color:#99D0E8; } #navigation ul ul ul li a:hover, #navigation ul ul ul li a#currentPage { color:#FFFFFF; font-weight:normal; } /*------------------------*/ /*---- CONTENT STYLES ----*/ /*------------------------*/ /* GLOBAL CONTENT STYLES */ #content h1{ padding:20px 0 8px 21px; background-color:#20363e; height:31px; } .info { color: #6D6E70; font-family:Arial, Helvetica, sans-serif; font-size:1.27em; line-height:1.2em; margin:10px 21px 10px 21px; } .info h2 { font-size:1.1em; } .info h5 { font-size: .7em; clear:both; padding-top:1.5em; } .info blockquote, .info p, .info li { line-height:1.5em; } .info ul { list-style:none; padding-left:1px; } .info ul li { background:url(../images/template/contentBullet.gif) 0 8px no-repeat; font-size:.86em; margin:0px; padding:2px 0 2px 10px; } .introBlockQuote { float: right; padding-left:1em; padding-bottom:1em; } .leftIntro, .rightIntro { width:345px; } .leftIntro { float:left; } .rightIntro { float:left; margin-left:30px; } .rightIntro h2 { color:#6D6E70; } .rightIntro ul li a { color:#231F20; font-weight:normal; } /* LIST COLUMN STYLING */ ul.ul2column li { float:left; padding-right:10px; width:340px; } ul.ul3column li { float:left; width:231px; } ul.ul4column li { float:left; width:170px; } ul.ul5column li { float:left; width:130px; } /* CONTACT FORMS */ #map { font-size:.8em; line-height:1.2em; } .noBorder { border:0px; } .specialFormField { width:5px; display:none; } /* CONTACT PAGE TESTIMONIALS */ .testimonial { position:relative; border-top:1px solid #cccccc; background-image:url('../images/template/quote_open.gif'); background-repeat:no-repeat; background-position:left top;} .testimonial_quote { position:relative; padding:8px 8px 0px 40px;} .testimonial_source { text-align:right; padding:0px 50px 8px 0px; font-size:.9em; font-style:italic; color:#666666; background-image:url('../images/template/quote_close.gif'); background-repeat:no-repeat; background-position:bottom right;} /* QUOTE FORMS */ #RequestAQuote input, #RequestAQuote select, #RequestAQuote textarea { margin:0; } #RequestAQuote select { padding:2px; } #RequestAQuote select option { font-size:.9em; } #RequestAQuote textarea { font-family:Verdana, Geneva, sans-serif; font-size:1em; padding:2px; } #RequestAQuote td { padding:4px 0px 4px 4px; } #RequestAQuote .required { color:#C00; } #RequestAQuote .tellUsMore { color:#0182AC; font-size:.8em; padding:4px 0 0 0; text-align:center; } /* SHOWCASE EXAMPLES */ .showcases .splitline { margin:0 21px 0 21px; border-top:1px solid #C0C4C6; height:10px; } .showcases h3 { float:left; display:inline; margin:0 5px 0 21px; padding:0px; } .showcases .direction { margin:0 21px 0 0px; padding:0px; font-size:.90em; color:#81888d; } .showcaseExample, .showcaseCategory { float:left; width:224px; height:276px; padding:0 16px 0 16px; margin-bottom:10px; background: #ffffff url('../images/template/showcaseShadow.gif') no-repeat bottom; position:relative; } .showcaseExample .links, .showcaseCategory .links { padding:6px 0 6px 10px; } .showcaseImg, .showcaseDesc, .showcaseCategoryBG { position:absolute; bottom:19px; left:18px; } .showcaseDesc { background-color:#20363e; padding:8px; width:204px; height:0px; display:none; color:#EAEBEC; opacity:0; } .showcaseDesc a { color:#0182AC; } .showcaseDesc h2{ padding:0; color:#FFFFFF; } .showcaseDesc h4 { padding:0 0 6px 0; color:#D5D7D9; font-size: 1em; } .showcaseDesc h5{ padding:0; color:#80888C; height:1.4em; overflow:hidden; font-size: .8181em; } .showcaseDesc h5 a {padding:0; color:#80888C; } .showcaseImg { border:1px solid #959c9f; width:218px; height:255px; } .showcaseTitle { background-color:#20363e; position:absolute; top:0px; left:18px; z-index:40; width:220px; height:59px; } .showcaseTitle a:hover { text-decoration:none; } /* .showcaseCategory .showcaseDesc { background-color:transparent; background:url('../images/template/showcaseCategoryBG.png') repeat; } */ .showcaseCategory .showcaseDesc { background-color:transparent; z-index:30; } .showcaseCategory .showcaseDesc:hover { text-decoration:none; } .showcaseCategory .showcaseCategoryBG { background-color:#20363e; z-index:20; width:220px; height:0px; display:none; } /* PROMOTIONAL & ASI */ .asi { font-size:.79em; line-height:1.8em; } /*------------------------*/ /*---- FOOTER STYLES -----*/ /*------------------------*/ #footer { width: 718px; background-color: #20363e; padding: 25px; font-family: "Trebuchet MS", sans-serif; color: #C0C4C6; line-height: 1.25em; clear:both; } #footer h4 { color:#0182AC; font:bolder 2.3em Helvetica, Verdana, sans-serif; margin:0; padding: 2px 0 10px 0; text-transform:uppercase; } #footer img { padding-bottom: 5px; } #footer ul { list-style-type: none; padding: 0; margin: 0; font-size: 1.09em; font-weight: bold; color: #D5D7D9; } #footer ul li { padding: 3px 0; } #footer .font9 {font-size: 0.81em; } #footer #contact { width:275px; float:left; padding:0 0 0 20px; } #footer #contact { border-left: 1px solid #4C575D; } #footer #contact a { color:#C0C4C6; font-weight:normal; text-decoration:none; } #footer #contact a:visited { color:#C0C4C6; font-weight:normal; text-decoration:none; } #footer #contact a:hover { color:#C0C4C6; font-weight:normal; text-decoration:underline; } #footer #contact a:active { color:#C0C4C6; font-weight:normal; text-decoration:none; } #footer #whatwedo { width:420px; float:left; } #footer #whatwedo ul { float: left; width: 45%; padding-right: 4%; } #footer #whatwedo a { color:#D5D7D9; line-height:.6em; text-decoration:none; } #footer #whatwedo a:visited { color:#D5D7D9; line-height:.6em; text-decoration:none; } #footer #whatwedo a:hover { color:#D5D7D9; line-height:.6em; text-decoration:underline; } #footer #whatwedo a:active { color:#D5D7D9; line-height:.6em; text-decoration:none; } /*------------------------*/ /*-- Fancy Box Lightbox --*/ /*------------------------*/ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/template/lightbox/fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #000; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('../images/template/lightbox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } /* Popup title under the content*/ div#fancybox-title { bottom: 0; left: 0; z-index: 1102; width: 100%; height:auto; background-color:#20363e; border:1px solid #182a31; margin:0 -1px 0 -1px; position: absolute; color:#EAEBEC; } div#fancybox-title table { margin: 0 auto; } div#fancybox-title div { color:#EAEBEC; font: normal 11px Arial; padding-bottom: 2px; }d#fancybox-title-left { width: 10px; } #fancybox-title-main { display:block; height:auto; line-height:1.5em; margin:6px; } #fancybox-title-main h2, #fancybox-title-main h4, #fancybox-title-main p, #fancybox-title-main a { display:inline; margin:0px; padding:0px; color:#EAEBEC; } #fancybox-title-right { width: 10px; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('../images/template/lightbox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('../images/template/lightbox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../images/template/lightbox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../images/template/lightbox/fancybox-x.png'); } #fancy-bg-ne { top: -20px; right: -20px; background-image: url('../images/template/lightbox/fancybox.png'); background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../images/template/lightbox/fancybox-y.png'); background-position: -20px 0px; } #fancy-bg-se { bottom: -20px; right: -20px; background-image: url('../images/template/lightbox/fancybox.png'); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../images/template/lightbox/fancybox-x.png'); background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('../images/template/lightbox/fancybox.png'); background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../images/template/lightbox/fancybox-y.png'); } #fancy-bg-nw { top: -20px; left: -20px; background-image: url('../images/template/lightbox/fancybox.png'); background-position: -40px -122px; } /* IE */ #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_title_right.png', sizingMethod='scale'; } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/lightbox/fancy_shadow_nw.png', sizingMethod='scale'); }z