body {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10pt;
font-weight: normal;
font-style: normal;
color: #FFFFFF;
text-decoration: none;
}
h1 {
font-size: 14pt;
font-weight: bolder;
display: inline;
}
h2 {
font-size: 11pt;
font-weight: bold;
display: inline;
}
h3 {
font-size: 10pt;
font-weight: bold;
display: inline;
}
img {
border: none;
}
table {
border: none;
}
.ClearBoth {
clear: both;
}
.TreeMenu {
float: left;
display: inline;
margin: 0px 3px 0px 0px;
padding: 5px 10px 10px 10px;
}
/* top and bottom padding for spacing, left padding to offset from header text */
.TreeMenu ul {
padding:0px 0px 0px 0px;
margin:0;
}
.TreeMenu li {
line-height:15px; /* puts in some breathing room in case there are multiple lines */
list-style-type:none; /* gets rid of the stock icon. */
padding:0 0 8px 0; /* bottom padding for spacing */
}
/* top padding to push down from the LI parent, left padding to indent */
.TreeMenu li ul {
padding: 5px 0 0 2px;
margin:0;
}
.TreeMenu li ul li {
background-image:url(images/menu_tree.gif);
background-repeat:no-repeat;
padding-left:18px; /* left padding to push text off of the image */
}
.TreeMenu li ul li.TreeMenuEnd {
background-image:url(images/menu_tree_end.gif);
padding-bottom:0; /* zero padding, the 18px from .submenu li ul takes care of this */
}
.TreeMenuHeading {
font-weight: bold;
}
.BlueBox {
background-color: #56CBF5;
border: 2px solid #56CBF5;
}
.BlueBox a:link, .BlueBox a:visited, .BlueBox a:active {
color: #FFFFFF;
text-decoration: none;
}
.BlueBox a:hover {
color: #FF6600;
text-decoration: none;
}
.BlueBoxLargeLinkDiv {
text-align: center;
font-size: 12pt;
font-weight: bold;
margin-top: 10px;
}
.CentredTextDiv {
text-align: center;
}
.WhiteBox {
border: 2px solid #56CBF5;
color: #29407B;
}
.WhiteBox a:link, .WhiteBox a:visited, .WhiteBox a:active {
color: #29407B;
text-decoration: underline;
}
.WhiteBox a:hover {
color: #FF6600;
text-decoration: underline;
}
.CaseStudiesMenu, .ProductsMenu {
width: 150px;
}
#CaseStudyTextDiv {
width: 599px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
float: left;
display: inline;
}
#CaseStudyImageDiv {
margin: 0px 0px 10px 10px;
float: right;
display: inline;
}
#ProductsTextDiv {
width: 599px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
float: left;
display: inline;
}
#ProductsImageDiv {
margin: 0px 0px 10px 10px;
float: right;
display: inline;
clear: right;
}
.VideosMenu {
width: 179px;
}
#VideoDiv {
width: 307px;
height: 295px;
margin: 0px 3px 0px 0px;
padding: 10px 10px 10px 10px;
float: left;
display: inline;
}
#MainDiv {
width:800px;
margin: 20px auto;
}
#HeaderDiv {
width: 100%;
margin: 0px 0px 10px 0px;
}
#NavDiv {
width: 100%;
}
#NavTable {
width: 100%;
}
.NavLeftEndCell {
cursor: pointer;
width: 24px;
height: 28px;
background-image: url(images/nav_end_left.gif);
background-repeat: no-repeat;
}
.NavRightEndCell {
cursor: pointer;
width: 24px;
height: 28px;
background-image: url(images/nav_end_right.gif);
background-repeat: no-repeat;
}
.NavDividerCell, .FooterDividerCell {
cursor: pointer;
text-align: center;
width: 3px;
height: 28px;
background-image: url(images/nav_bg.gif);
background-repeat: repeat-x;
font-size: 10pt;
}
.NavButtonCell {
cursor: pointer;
text-align: center;
width: 104px;
height: 28px;
background-image: url(images/nav_bg.gif);
background-repeat: repeat-x;
}
.NavButtonText, #ContactButtonText, .FooterButtonText {
font-size: 8pt;
font-weight: bold;
margin: 0px;
}
.NavButtonText a:link, a#ContactButtonText:link, a.FooterButtonText:link, .NavButtonText a:visited, a#ContactButtonText:visited, a.FooterButtonText:visited, .NavButtonText a:active, a#ContactButtonText:active, a.FooterButtonText:active {
color: #FFFFFF;
text-decoration: none;
}
.NavButtonText a:hover, a#ContactButtonText:hover, a.FooterButtonText:hover {
color: #FF6600;
text-decoration: none;
}
#BreadCrumbDiv {
width: 100%;
margin: 3px 0px 0px 0px;
}
#BreadCrumbTable {
width: 100%;
}
.BreadCrumbLeftEndCell {
cursor: pointer;
width: 23px;
height: 20px;
background-image: url(images/bread_crumb_end_left.gif);
background-repeat: no-repeat;
}
.BreadCrumbRightEndCell {
cursor: pointer;
width: 24px;
height: 20px;
background-image: url(images/bread_crumb_end_right.gif);
background-repeat: no-repeat;
}
.BreadCrumbDividerCell {
cursor: pointer;
text-align: center;
width: 3px;
height: 20px;
background-color: #CAE5F0;
color: #51B5DA;
font-size: 10pt;
}
.BreadCrumbMainCell {
cursor: pointer;
text-align: left;
width: 747px;
height: 20px;
background-color: #CAE5F0;
color: #134A9E;
font-size: 8pt;
font-weight: bold;
padding: 0px 10px 0px 10px;
}
.BreadCrumbMainCell a:link, .BreadCrumbMainCell a:visited, .BreadCrumbMainCell a:active {
color: #134A9E;
text-decoration: none;
}
.BreadCrumbMainCell a:hover {
color: #FF6600;
text-decoration: none;
}
#ContentDiv {
width: 100%;
margin: 3px 0px 0px 0px;
}
#FooterDiv {
width: 100%;
margin: 20px 0px 0px 0px;
}
#FooterTable {
width: 100%;
}
#FooterEmailCell {
cursor: pointer;
text-align: center;
width: 201px;
height: 28px;
background-image: url(images/footer_bg.gif);
background-repeat: repeat-x;
}
#FooterPhoneCell {
cursor: pointer;
text-align: center;
width: 200px;
height: 28px;
background-image: url(images/footer_bg.gif);
background-repeat: repeat-x;
font-size: 8pt;
font-weight: bold;
}
.FooterLeftEndCell {
cursor: pointer;
width: 24px;
height: 28px;
background-image: url(images/footer_end_left.gif);
background-repeat: no-repeat;
}
.FooterRightEndCell {
cursor: pointer;
width: 24px;
height: 28px;
background-image: url(images/footer_end_right.gif);
background-repeat: no-repeat;
}
.FooterButtonCell {
cursor: pointer;
text-align: center;
width: 111px;
height: 28px;
background-image: url(images/footer_bg.gif);
background-repeat: repeat-x;
}
.FooterButtonText {
font-size: 8pt;
font-weight: bold;
}
#CopyrightDiv {
text-align: center;
color: #00B7F0;
font-size: 8pt;
margin: 10px 0px 0px 0px;
}