/*CSS FRAMEWORK BY JEREMY ALDRICH*/
/*Omni Integrated Solutions Color Guide
body bg:3c010e;
middle body bg:6b0119;
top body bg:84011e;
light text color:f8f8f8;
dark text color:2d2d2d;
copyright text color:81001e;
image b;order color:9b0225;
logo red:cf1326;
END SITE COLORS*/
/*DEFINE BROWSER RESETS*/
img {border:0; behavior:url(/graphics/js/iepngfix.htc);}
p {margin:0.2em 0 0.8em 0;}
h1,h2,h3,h4,h5,h6 {margin:0 0 0.5em 0; text-transform:uppercase;}
form {margin:0; font-family:inherit; color:inherit;}
input, select, textarea {font-size:1em; font-family:inherit; color:#2d2d2d;}
/* Classes for input by type applied throughout the site
.type_text{}
.type_radio{}
.type_checkbox{}
.type_password{}
*/
.type_text,input[type=text] {background:url(graphics/template/input_bg.gif) repeat-x #cbd4d9; border-right:1px solid #43101d; border-left:1px solid #971432; border-bottom:1px solid #43101d; border-top:#971432; height:20px;}
textarea {background:url(graphics/template/textarea_bg.gif) repeat-x #c9d2d7;border-right:1px solid #43101d; border-left:1px solid #971432; border-bottom:1px solid #43101d; border-top:#971432;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
/*END BROWSER RESETS*/
/*DEFINE SITEWIDE TAGS*/
a {text-decoration:underline; color:#f8f8f8;}
a:hover {text-decoration:underline; color:#81001e;}
h1 {font-size:1.7em;}
h2 {font-size:1.6em;}
h3 {font-size:1.5em;}
h4 {font-size:1.4em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
/*END SITEWIDE TAGS*/
/*DEFINE SITEWIDE CLASSES*/
.clear {clear:both;}
div.hideclear {clear:both; visibility:hidden; height:0; overflow:hidden;}
.center {text-align:center;}
.imgright {float:right;}
.imgleft {float:left;}
.arrows {padding:0; margin:0; list-style:none; width:285px;}
.arrows li{background:url(graphics/template/bullet.png) no-repeat 0px 3px; padding:0 0 8px 20px; margin:8px 0 0 0px; border-bottom:1px solid #3c010e; behavior:url(/graphics/js/iepngfix.htc);}
.pop_products {padding:0; margin:0; list-style:none;}
.pop_products li {padding:0 12px 0 0; margin:0; float:left;}
.last {padding:0!important;}
.contact {float:right; width:195px;}
.logo {padding:0 0 0 351px;}
/*END SITEWIDE CLASSES*/
/*DEFINE SITE STRUCTURE*/
body{font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#f8f8f8; margin:0; padding:0; background:#3c010e; text-align:center;}
/*THIS IS YOUR MAIN CONTAINER DIV*/
#topcontainer {width:100%; background:url(graphics/template/body_bg1.gif) repeat-x #84011e; min-height:600px; height:auto!important; height:600px;}
#middlecontainer {width:100%; background:url(graphics/template/body_bg2.gif) repeat-x #6b0119; min-height:360px; height:auto!important; height:360px; padding:20px 0;}
.shell {text-align:left; letter-spacing:1px; font-size:1.2em; line-height:1.8em; margin:0 auto; width:960px;}
#header { height:106px; overflow:hidden;}
#navigation {height:40px; overflow:hidden;}
#navigation ul {margin:0; padding:0; list-style:none;}
#navigation li {float:left; padding:0; margin:0; text-indent:-99999px;}
#navigation li a {display:block; height:40px;}
#navigation li.item1 a {background:url(/graphics/template/nav_home.gif) no-repeat; width:82px;}
#navigation li.item2 a {background:url(/graphics/template/nav_services.gif) no-repeat; width:112px;}
#navigation li.item3 a {background:url(/graphics/template/nav_products.gif) no-repeat; width:115px;}
#navigation li.item4 a {background:url(/graphics/template/nav_manufacturer.gif) no-repeat; width:171px;}
#navigation li.item5 a {background:url(/graphics/template/nav_tech_resources.gif) no-repeat; width:210px;}
#navigation li.item6 a {background:url(/graphics/template/nav_case_studies.gif) no-repeat; width:159px;}
#navigation li.item7 a {background:url(/graphics/template/nav_company.gif) no-repeat; width:111px;}
#navigation li a:hover {background-position: 0 -40px;}
.left_col {width:473px; padding:0 15px 0 0; float:left;}
#content {padding:20px 0;}
.right_col {width:472px; float:left;}
#footer {color:#81001e; line-height:1.8em; text-transform:uppercase; text-align:left; margin:0 auto; width:960px; padding:20px 0;}
#footer a {color:#81001e;}
#copyright {clear:both;}
#recaptcha_table {background:#fff; width:400px;}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}
/* ---------------General Module Styles--------------- */
.itemCount { }
.itemList { clear: both; }
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemList h2 a { text-decoration: none; }
.itemList h2 a:hover { text-decoration: underline; }
.itemList span { display: block; }
.itemLabel { font-weight: bold; }
.itemList span.itemLabel { display: inline; }
.bottomNavigation { clear: both; }
.goBack { }
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */
/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */
/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }
/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */
/* ModuleBegin::events */
/* ---------------
Events Lister
----------------- */
.eventsListerWrapper { }
.eventDateHeading { color: #000; border-top: 1px solid #ccc; padding-top: 10px; }
.eventsListerWrapper h2 { margin-bottom: 0; }
.eventDate { }
.eventTime { }
.eventBlurb { }
/* ---------------
Events Detail
----------------- */
.eventsDetailWrapper { }
.eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress,
.eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone,
.eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket,
.eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3,
.eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; }
.eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; }
.eventDate { }
.eventTime { }
.eventLocation { }
.eventLocationMap { }
.eventLocationAddress { }
.eventLocationDriving { }
.eventContact { }
.eventPhone { }
.eventEmail { }
.eventRSVP { }
.eventTicketWrapper { }
.eventTicket { }
.eventBody { }
/* ----------------------
Events Small Calendar
------------------------ */
.calendarSmallWrapper { font-size: 12px; background: transparent; }
.cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: transparent; }
.calPrev { position: absolute; top: 4px; left: 15px; }
.calNext { position: absolute; top: 4px; right: 15px; }
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: underline; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #000; color: white; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { text-align: left; padding-left: 20px; }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a { }
/* ----------------------
Events Month at a Glance
------------------------ */
#calendarDetail { background: #fff url('graphics/events/atglance_bottom.jpg') no-repeat bottom; padding-bottom: 30px; width: 547px; }
#calendarDetail table { background: #999; width: 100%; table-layout: fixed; }
#calendarDetail .calendarMonths { background: #e8e8e8 url('graphics/events/atglance_top.jpg') no-repeat; text-align: center; vertical-align: middle; padding-top: 3px; padding-left: 12px; border-left:1px solid #fff; border-right:2px solid #fff; width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; color: ##1e7dc1; }
#calendarDetail .calendarMonths a:hover { color: #1e7dc1; }
#calendarDetail .calendarDays { /* border-collapse: collapse; */ table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:#eee; }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; background: #bbb; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #bbb; }
#calendarDetail .title a { font-size: x-small; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { font-size: small; }
#calendarDetail .calendarDays td { text-align: center; font-size: x-small; line-height: 1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; background-color: #ccc; }
#calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eee; }
#calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #fdf9ea; padding-left: 5px; }
#calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
#calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
/* ---------------
Events Box
----------------- */
.eventsBoxWrapper { }
.eventsBoxWrapper .itemList { padding-bottom: 10px; }
.eventsBoxWrapper .eventDate { color: #777; }
/* ModuleEnd::events */
/* ModuleBegin::news */
.newsWrapper .headline { font-weight: bold; }
.newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .newsitem { padding-bottom: 1em; }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */
/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */