﻿body { font-family: Helvitica, Arial; font-size: 0.8em; margin: 0; }

H1 { font-size: 1.3em; color: #003399; font-weight: 700; }
H1 STRONG { font-weight: bold; font-size: 1.2em; }
H2 { font-size: 1.1em; color: #565555;  margin: 0; padding: 0; }
H3 { font-size: 1.2em; color: #003399;  margin: 0; padding: 0; }

/*768px*/
#document { width: 970px; border-right: solid 1px #bbb; background-image: url(../../App_Themes/default/images/bg_lines.jpg); background-position: right top; background-repeat: repeat-y; }
#document .pageheading { float: left; width: 752px; height: 99px; background-color: #002877; background-image: url(../../App_Themes/default/images/topstrap.gif); background-position: right top; background-repeat: no-repeat; }
#document .pageheading DIV { margin: 30px 0 0 37px; color: #fff; font-size: 1.95em; font-family: Arial; }
#document .pageheading DIV .sub { margin: 8px 0 0 0; font-size: 0.6em; }
#document .login { float: left; width: 218px; height: 100px; background-image: url(../../App_Themes/default/images/logo.gif); background-position: center 25px; background-repeat: no-repeat; }
#document .login DIV { margin: 8px 0px 0px 0px; text-align: center; }
#document .menu { float: left; width: 970px; height: 35px; font-size: 1.1em; background-image: url(../../App_Themes/default/images/menuBg.gif); background-repeat: repeat-x; }
#document .menu UL { list-style: none; margin: 0px 0px 0px 27px; padding: 0px; }
#document .menu UL LI { float: left; height: 35px; border-right: solid 1px #bbb; }
#document .menu UL LI.home { width: 77px; }
#document .menu UL LI.prod { width: 167px; text-align: center; }
#document .menu UL LI.keyc { width: 117px; text-align: center; }
#document .menu UL LI.down { width: 107px; text-align: center; }
#document .menu UL LI.supp { width: 167px; text-align: center; }
#document .menu UL LI.cont { width: 107px; text-align: center; }
#document .menu UL LI.term { width: 167px; text-align: center; border-right: none; }
#document .menu UL LI:hover { background-color: #000; }
#document .menu UL LI A { color: black; display: block; padding: 9px 10px 0px 10px; text-decoration: none; }
#document .menu UL LI:hover A { color: #fff; }
#document .menu UL.prodsubmenu { float: left; z-index: 1000; margin: 0; background-image: none; background-color: #E7E4E4; position: relative; height: 72px; width: 168px; left: 0; top: 10px; }
#document .menu UL.prodsubmenu LI { float: none; text-align: left; border-top: solid 1px #bbb; }
#document .menu UL.prodsubmenu LI A { padding: 10px 0 0 22px; color: #000; }
#document .menu UL.prodsubmenu LI:hover A { color: #fff; }
#document .menu UL.keycsubmenu { z-index: 1000; float: left; margin: 0; background-image: none; background-color: #E7E4E4; position: relative; height: 108px; width: 168px; left: 0px; top: 10px; }
#document .menu UL.keycsubmenu LI { float: none; text-align: left; border-top: solid 1px #bbb; }
#document .menu UL.keycsubmenu LI A { padding: 10px 0 0 24px; color: #000; }
#document .menu UL.keycsubmenu LI:hover A { color: #fff; }
#document .infoheading { float: left; width: 752px; height: 140px; background-color: #002877; background-image: url(../../App_Themes/default/images/bottomstrap.gif); background-position: right top; background-repeat: no-repeat; }
#document .infoheading DIV { margin: 30px 10px 0px 37px; color: #fff; font-size: 1.2em; }
#document .infoheading STRONG { font-size: 1.1em; }
#document .infoheading UL { float: left; margin: 0; font-size: 0.8em; padding: 0 40px 0 20px; }
#document .infoheading UL LI { padding: 0 0 5px 0; }
#document .infoheading H1 { font-size: 1.1em; font-weight: normal; color: #fff; padding: 0; margin: 0; }
#document .submenu { float: left; width: 218px; height: 140px; background-color: #767A7D; background-image: url(../../App_Themes/default/images/headbg1.jpg); line-height: 0.98em; }
#document .submenu H2 { padding: 15px 0 0 8px; font-size: 1em; }
#document .submenu UL { margin: 10px 0px 0px 20px; padding: 0 0 0 0px; list-style-image: url(../../App_Themes/default/images/item_bullet.jpg); }
#document .submenu UL LI { padding: 2px 0 2px 0; }
#document .submenu UL LI A { font-size: 0.9em; text-decoration: none; }
#document .content { float: left; width: 753px; }
#document .content A { text-decoration: none; }
#document .content UL.nums { list-style-type: decimal; list-style-image: none; }
#document .content UL.arrows { list-style-image: url(/App_Themes/default/images/bullet.gif); }
#document .content UL { margin: 0 0 0 20px; padding: 0; }
#document .content UL LI { padding: 5px 0 5px 0; }
#document .content UL.Home LI { font-size: 1.3em; }
#document .content UL.Features STRONG { font-size: 1.1em; }
#document .content .errors UL { list-style-type: none; width: 450px; padding: 0px; margin: 0px 0px 20px 0px; }
#document .content .errors UL LI { padding: 0px 0px 4px 0px; }
#document .content .pad { margin: 45px 30px 0px 37px; }
#document .content .prodUser { float: right; }
#document .content .form { width: 660px; display: block; }
#document .content .form .errors { width: 500px; }
#document .content .form .label { float: left; display: table-cell; width: 200px; }
#document .content .form .field { float: left; display: table-cell; width: 460px; }
#document .content .form .keyfield { float: left; display: table-cell; width: 660px; padding: 5px 0 5px 0; }
#document .content .form .field INPUT { font-family: Georgia; width: 200px; }
#document .content .form .key INPUT { width: 40px; }
#document .content .form .postcode INPUT { width: 40px; }
#document .content .form .rList INPUT { width: auto; }
#document .content .form .button INPUT { font-family: Helvitica, Arial; }
#document .content .form .button INPUT.request { float: left; margin: 0 0 0 112px; width: 180px; }
#document .content .form .button INPUT.clear { float: right; margin: 0 29px 0 0; width: 130px; }
#document .content .addresses TD { padding: 0 50px 0 0; }
#document .content .siteMap { list-style-image: url(/App_Themes/default/images/bullet.gif); }
#document .content .rightimage { float: right; text-align: right; margin: 0 0 5px 40px; }
#document .content .rightimage IMG { margin: 0 0 3px 0; }
#document .content .softicons { padding: 20px 0 0 50px; }
#document .content .techspec UL LI { padding: 0; }
#document .rightpanel { float: left; width: 217px; text-align: justify; }
#document .rightpanel .pad { margin: 45px 0px 0px 0px; }
#document .rightpanel UL { list-style-type: decimal; list-style-image: none; }
#document .rightpanel .rightdownload { margin: 0 0 20px 3px; }
#document #UpperRight { padding: 0 10px 0 10px; }
#document #UpperRight H1 { font-size: 1.3em; }
#document #UpperRight H2 { font-size: 1.1em; }
#document #LowerRight { height: 257px; padding: 87px 0 0 0; }
#document #LowerRight IMG { margin: 0 0 0 0; padding: 0 0 5px 3px; display: block; }
#document .footer { float: left; width: 970px; height: 35px; display: table-cell; border-top: solid 1px #bbb; background-color: #fff; }
#document .footer DIV { padding: 8px 0px 0px 37px; }
#document .footer DIV A { color: #565555; text-decoration: none; }

.keycodetable { width: 600px; margin: 10px auto 0 auto; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.keycodetable2 { width: 600px; margin: 0 auto; }
.keycodetable TD.white { border-top: 1px solid #000; border-left: 1px solid #000; }
.keycodetable TD { text-align: center; padding: 3px 0 5px 0; }
.keycodetable2 TD { padding: 3px 0 2px 0; }
.keycodetable TD.blue { background-color: #000080; color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.keycodetable TD.top { border-top: 1px solid #000; }
.keycodetable TD.left { border-left: 1px solid #000; }
