body {
    background-color: #394A58;
    # background-image: url("graphics/BackgroundGradient.png");
    # background-repeat: repeat-y;
    # background-position: left;
}

div.OuterMost {
    width: 800px;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    color: #5b5b5b;
    font-family: Trebuchet MS, sans-serif;
    font-size: 11pt;
}

div.Header {
    position: relative;
    margin-right: 10px;
    width: 100%;
    height: 30px;
}

a.HeaderCompanyName {
    position: absolute;
    bottom: 5px;
    left: 0px;
    margin-left: 10px;
    font-family: Trebuchet MS, sans-serif;
    font-size: 14pt;
    color: #F1E3BB;
    color: ivory;
    color: #F1E3BA;
    text-decoration: none;
}

a.HeaderCompanyName:hover {
    color: #8996A0;
    # background-color: #1A2732;
}

div.HeaderLinkContainer {
    position: absolute;
    bottom: 5px;
    right: 0px;
    text-align: right;
}

a.HeaderLink {
    font-family: Trebuchet MS, sans-serif;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12pt;
    color: #E0DED8;
    color: #F1E3BB;
    color: Ivory;
    color: #F1E3BA;
    display: inline;
    text-decoration: none;
}

a.HeaderLink:hover {
    font-family: Trebuchet MS, sans-serif;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12pt;
    color: #8996A0;
    color: #8F9CA6;
    # background-color: #AACAE6;
    display: inline;
    text-decoration: none;
}

div.ProductNameBarAndMainImageBoxContainer {
    background-image: url("graphics/gradient1d.png");
    background-repeat: repeat-x;
    background-position: top left;
}

div.ProductNameBar {
    width: 800px;
    font-family: Calibri, sans-serif;
    font-size: 18pt;
    text-align: center;
    # background-color: 1A2732;
    # background-color: 213645;
    color: ivory;
}

div.ProductName {
    letter-spacing: 4px;
}

div.MainImageBox {
    position: relative;
    text-align: center;
    # background-image: url("graphics/gradient1e.png");
    # background-repeat: repeat-x;
    # background-position: top left;
    padding: 0px;
    top: 0px;
    height: 310px;
    overflow: visible;
}

div.MainImageBadges {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

div.MainImageTitle {
    position: absolute;
    width: 800px;
    font-family: Calibri, sans-serif;
    font-size: 24pt;
    background-color: 1A2732;
    color: ivory;
    top: 0px;
}

div.MainImageTitleSecondary {
    position: absolute;
    width: 700px;
    font-family: Trebuchet MS, sans-serif;
    font-size: 24pt;
    color: ivory;
    color: E3C08B;
    top: 10px;
}

div.MainImageSubtitle {
    position: absolute;
    width: 250px;
    left: 510px;
    top: 10px;
    font-family: Ariel Narrow, sans-serif;
    font-size: 14pt;
    text-align: left;
    color: #F1E3BB;
    color: ivory;
    # color: F1E3BA;
}

div.MainImageBlurb {
    position: absolute;
    width: 250px;
    left: 510px;
    top: 50px;
    font-family: Ariel Narrow, sans-serif;
    font-size: 11pt;
    text-align: left;
    color: #F1E3BB;
    color: ivory;
    # color: F1E3BA;
}

div.MainImageImage {
    position: absolute;
    top: 20px;
    width: 400;
}

div.MainImageImageLower {
    position: absolute;
    top: 80px;
    width: 400;
}

div.NavBar {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Trebuchet MS, sans-serif;
    font-size: 12pt;
    text-align: center;
    top: 0px;
    background-color: 1A2732;
    # background-color: 213645;
    background-color: 203544;
}

a.NavBarSelection {
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    font-weight: bold;
    display: inline;
    color: #8F9CA6;
}

a.NavBarSelection:hover {
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    display: inline;
    color: #8F9CA6;
}

a.NavBarOption {
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    display: inline;
    color: #5b5b5b;
    color: #E0DED8;
    color: #8F9CA6;
    color: #F1E3BA;
}

a.NavBarOption:hover {
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    display: inline;
    color: #8996A0;
    color: #8F9CA6;
}

div.Abstract {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: justify;
    text-weight: bold;
    color: ivory;
}

div.MainBody {
    position: relative;
    margin: 10px;
    font-size: 10pt;
}

div.BodyColumn {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 550px;
}

div.VideoPreviewBox {
    width: 300px;
    left: auto;
    right: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #1A2732;
    margin-top: 5px;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    padding-right: 6px;
    color: ivory;
    background-color: #51626F;
    cursor: hand;
}

div.VideoPreviewBox:hover {
    color: #1A2732;
    background-color: #8996A0;
}

div.VideoPreview {
    position: relative;
    float: left;
    margin-right: 10px;
}

div.VideoPreview img.FloatingPlayButton {
    position: absolute;
    top: 10px;
    left: 38px;
}

div.VideoPreviewTitle {
    font-family: Trebuchet MS, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 2px;
}

div.VideoPreviewDescription {
    font-family: Trebuchet MS, sans-serif;
    font-size: 8pt;
}

div.ImageContainerCentered {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.ImageContainerFloatedLeft {
    float: left;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
}

div.ImageContainerFloatedRight {
    float: right;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}

div.SidebarImageContainer {
    width: 100%;
    text-align: left;
}

h3 {
    color: #8996A0;
    color: ivory;
    color: #8996A0;
    color: ivory;
    color: #8F9CA6;
    color: F1E3BA;
    font-family: Trebuchet MS, sans-serif;
    font-size: 12pt;
    margin-bottom: 2px;
}

div.Sidebar {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    margin-left: 20px;
    padding-right: 8px;
    font-size: 10pt;
    color: #1A2732;
    color: ivory;
    border: solid 1px #1A2732;
    background-color: #51626F;
}

div.Sidebar a img {
    border: none;
    text-decoration: none;
}

div.EndorsementText {
    font-style: italic;
    font-size: 9pt;
    text-align: left;
    margin-top: 10px;
    padding-left: 18px;
    color: ivory;
}

div.EndorsementAttribution {
    padding-top: 10px;
    padding-left: 18px;
    text-align: right;
    # color: #E0DED8;
    color: ivory;
}

div.FeatureName {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 18px;
    font-weight: bold;
    # color: #AEA79F;
    color: ivory;
    color: #F1E3BA;
}

div.FeatureDescription {
    padding-left: 18px;
    # color: #E0DED8;
    font-size: 9pt;
    color: ivory;
}

div.Body {
    margin-top: 6px;
    margin-bottom: 10px;
    color: #E0DED8;
    color: ivory;
    font-size: 11pt;
}

div.TopBar {
    text-align: center;
    background-image: url("graphics/gradient.png");
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 10px;
    height: 32px;
    font-family: Trebuchet MS, sans-serif;
    font-size: 24pt;
    color: ivory;
}

div.UtilityMainColumn {
    top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}

div.DownloadLink {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
}

div.DownloadLink a {
    text-decoration: none;
    color: #63B1E5;
}

div.DownloadLink a:hover {
    text-decoration: underline;
}

div.WideOuterMost {
    width: 845px;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    color: #5b5b5b;
    font-family: Trebuchet MS, sans-serif;
    font-size: 11pt;
}

div.VideoSubhead {
    text-align: center;
    margin-top: 20px;
    font-family: Trebuchet MS, sans-serif;
    font-size: 18pt;
    color: #5b5b5b;
}

div.VideoContainer {
    text-align: center;
    margin-top: 20px;
}

a.MoreVideos {
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    font-weight: bold;
    display: inline;
    color: #06152E;
}

a.MoreVideos:hover {
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    display: inline;
    color: #black;
    background-color: #AACAE6;
}

div.VideoDescription {
    width: 805px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: justify;
    text-weight: bold;
}

div.PurchaseLink {
    padding-top: 6px;
    padding-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
}

div.PurchaseLink a {
    text-decoration: none;
    color: #63B1E5;
}

div.PurchaseLink a:hover {
    text-decoration: underline;
}


div.PurchaseDescription {
    font-size: 9pt;
    margin-left: 20px;
    margin-right: 20px;
    color: #E0DED8;
    color: ivory;
}

div.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity-80);
}

div.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid orange;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}
a.Link {
    text-decoration: none;
    color: #63B1E5;
}