@media print { 
 body {font-size: 13px !important; border: none !important;}
 div#head {display: none !important;}
 ul#menu  {display: none !important;}
 address img {visibility: visible !important;}
}


div.header p.tagline,div.header p.phone,p img,blockquote{margin: 0; padding: 0; border: none;}


html,div.header{margin: 0; padding: 0; }


body,table{padding: 0; border: none;}

html,body { font-size: 100%; height: 100%; min-height: 100%; color: #000;}
html {width: 100%; background: #bfcfe5 url("../img/html.png") repeat;}
body {margin: auto; width: 49em; font-family: Helvetica,Arial,sans-serif; border-left: 0.125em solid #069; border-right: 0.125em solid #069; background-color: #fff;}

html > body {height: auto;}

div.header {font-size: 1em; height: 7.813em; min-height: 7.813em; width: 48.75em; border: 0.125em solid #fff; background: #fff url("../img/div_header_bg.png") bottom repeat-x; margin-bottom: 1em;}
div.header div.brand {background: transparent url("../img/bg_head.png") top repeat-x;}
div.header div.brand p {font-size: 0.875em; margin: 0 0.083em; padding: 3.583em 0 1.5em 0; color: #fff;font-family: Verdana, Arial; font-weight: bold;}
div.header div.brand p img {float: left; margin: -2.167em 12em 1.167em 1.5em; border: none;}
div#menu {clear: both; font-size: 0.923em; min-height: 1.833em; height: 1.833em; width: 45em; padding: 0 1.25em 0.066em 1.25em; margin:  0; color: #029;}
div#menu ul {font-size: 1em; font-family: Arial; list-style-type: none; padding: 0;}
div#menu ul li {float: left; font-size: 1em !important; display: block; padding: 0; line-height: 1.833em; margin: 0 0 0 0.066em;}
div#menu ul li a {display: block; padding: 0 0.733em; color: #000;}
div#menu ul li span {display: block;padding: 0 0.733em; cursor: default;}
div#menu ul li ul {z-index: 100; font-size: 1em; display: none; position: absolute; padding: 0 !important; border-top: 0.066em solid #fff; color: inherit;}
div#menu ul li ul li {float: none; white-space: nowrap; margin-left: 0; border-bottom: 0.066em solid #fff;}
div#menu ul li ul li span {color: #fff; background-color: #0473c6;}
div#menu ul li.self span {color: #fff; background-color: #3ea1f0;}
div#menu ul li.self a {color: #fff !important; background-color: #3ea1f0 !important;}
div#menu ul li.self ul {color: #fff; background-color: #fff;}
div#menu ul li.self ul li span {color: #fff; background-color: #0473c6;}
div#menu ul li.show a {color: inherit; background-color: #fd5;}
div#menu ul li.show a:hover {color: inherit; background-color: #ffec88;}
div#menu ul li.show ul {display: block !important;}


h1,h2,h3,p,address,ul,ol,address,th,td{margin: 0; border: none; }

/* BACKGROUND TRANSPARENT */
h1,h2,h3 {background-color: transparent;}
/* Mid Blue */
h1,h2,h3 {color: #0473c6;}
h1,h2,h3 {font-weight: normal; font-family: Georgia,Utopia,Palatino,serif; }
h1 {font-size: 1.563em; line-height: 1em; padding: 0.44em 1.68em 0.08em 1.68em;}
h2 {font-size: 1.313em; line-height: 1em; padding: 0.571em 2em 0.238em 2em;}
h3 {font-size: 1.063em; line-height: 1em; padding: 0.765em 2.471em 0.353em 2.471em;}
a:link,a:visited {text-decoration: none;}
a:hover,a:focus,a:active {text-decoration: underline;}
small {font-size: 0.9em;}
abbr {color: #060;}
acronym {color: #600;}
strong {font-weight: bold;}
em {font-style: italic; color: #ff7f33;}
address {clear: both; font-size: 0.75em; line-height: 1.333em; padding: 0.666em 3.5em;}
address img {display: block; visibility: hidden;}
p {font-size: 0.875em; line-height: 1.429em; padding: 0.714em 3em;}
p img {display: inline;}
p label {position: absolute;}
p input,
p textarea,
p select,
p span.tab {margin-left: 6.587em;}
blockquote {quotes: none; color: #369; background-color: #f0f3ff;}
blockquote p {text-indent: -0.357em;}
ul,ol {list-style-position: outside; font-size: 0.875em; padding: 0.714em 3em;}
ul {list-style-type: circle;}
ol {list-style-type: decimal;}
li {font-size: 1em; line-height: 1.429em;}
ul.att {list-style-type: none;}



/* Must fix ! Table then two class types then colour classes*/
table.numbers {border: double #ccc;}
table.numbers tr td {text-align: right;}
.tight {padding: 0; text-align: center; vertical-align: middle;}
.blue {color: #0a47a3; background: transparent;}
.o td {background: #f0f0f0 !important;}
.e td {background: #fafafa;}
.center {text-align: center !important;}
.bottom {vertical-align: bottom;}
table {font-size: 0.875em;background-color: #fff;margin: 0.643em 2.286em;}
th {font-size: 1.143em; font-weight: normal; padding: 0.25em 0.75em; background-color: #6c3; color: inherit; border-top: 1px solid #fff; border-left: 1px solid #fff;}
td {font-size: 1em; padding: 0.357em 0.714em; background-color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.orange {color: #e83; background: transparent;}
table.orange {border: none;}
table.orange ul.blue {font-size: 1em; margin: 0; padding: 0; width: 14em; list-style-type: none;}
table.orange ul.blue li {font-size: 1em; margin: 1.286em 0; padding-left: 1em; background: url("../img/sprite1.png") 0 0 no-repeat;}
table.orange ul.blue li ul {font-size: 1em; margin: 0 0 0 0.365em; padding: 0; list-style-type: none;}
table.orange ul.blue li ul li {font-size: 1em; margin: 0;}
table.case {padding: 0 0 0.75em 2em; margin: 0;}
table.case tr td {padding: 1px 16px; text-align: center !important; vertical-align: bottom;}
table.case tr.grop td {border-bottom: 1px solid #000;}
.fl {float: left; z-index: 99; background-color: #fff;}
.fr {float: right; z-index: 99; background-color: #fff;}
div.fl {margin: 0.5em 1.5em 0.5em 0; padding: 0 0 0 2em;}
div.fr {margin: 0.5em 0 0.5em 1.5em; padding: 0 2em 0 0;}
p.fl {margin-right: 1.5em !important; padding-right: 1.5em !important;}
p.fr {margin-left: 1.5em !important; padding-left: 1.5em !important;}
div.news {display: block; overflow: auto; width: 100%; clear: both; margin: 0; padding: 0.714em 0;}
div.news p {margin-left: 9em !important; padding: 0.357em 3em 0.357em 3em !important; white-space: wrap;}
div.news p img {float: left; vertical-align: top; margin-left: -9em; padding: 0.286em; border: 1px solid #abd; background-color: #fff;}
.bg_blue {background-color: #e5f0ff;}
.db {display: block;}
.cb {clear: both;}
.cl {clear: left;}
.cr {clear: right;}
.ir img{float: left; margin-right: 16px; vertical-align: top;}
.nb {border: none !important;}
.nf {background-color: transparent !important; text-align: center !important;}
.pdf {font-size: 0.85em; background: transparent url("../img/sprite1.png") 100% -658px no-repeat; color: #999; padding-right: 18px;}
.indent {margin-left: 40px;}
.source {text-align: right; font-style: italic;}
.photo {padding: 12px; border-top: none; border-right: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-bottom: 2px solid #f3f3f3; background: #fff url("../img/photo.png") bottom center no-repeat;}
#revMenu {float: right; border: 1px solid #69f; padding: 10px 26px; margin: 12px 0px 12px 20px;}

/* Custom image sizes */
img#AbergeldieHeader {width: 50em; height: 15em;}
img#Anabelle {width: 290px; height: 170px;}
img#BatchFacility {width: 24.286em; height: 20.357em;}
img#changeDB {width: 536px; height: 138px;}
img#Costings {width: 536px; height: 262px;}
img#currentUser {width: 345px; height: 246px;}
img#EmployeeMaintenance {}
img#ESSInterface {width:536px; height:323px;}
img#ESSManagerEnquire {width:536px; height:187px;}
img#ESSManagerNo { width:536px; height:201px;}
img#ESSManagerYes {width:536px; height:337px;}
img#ESSWeb {width: 328px; height: 240px;}
img#ExportTypes {width: 172px; height: 95px;}
img#filter1 {width: 182px; height:22px;}
img#filter2 {width: 303px; height:69px;}
img#filter3 {width: 73px; height:76px;}
img#filter4 {width: 269px; height:203px;}
img#gensol {width: 183px; height: 56px;}
img#hexOptions {width: 24.571em; height: 25.5em;}
img#HRMenu {width: 536px; height: 403px;}
/* img.icon45 {width: 45px; height: 45px;} */
img#ImportExport {width: 450px; height: 328px;}
img#locationMap {width: 420px; height: 460px;}
img#login2 {width: 360px; height: 130px;}
img#maintainSecurity {width: 536px; height: 402px;}
img#MasterFile {width: 536px; height: 403px;}
img#masterfile1 { width: 536px; height: 402px;}
img#MFAllReport {width: 536px; height: 403px;}
img#MFEnquire {width: 536px; height: 180px;}
img#MFWizard {width: 536px; height: 403px;}
img#newReports {width: 536px; height: 215px;}
img#oldReports {width: 536px; height: 191px;}
img#ParametersCodes { width: 515; height: 274;}
img#PayrunPerformance { width: 536px; height: 262px;}

address img#footer {width: 13em; height: 4em;}

img#PedestrianFootbridge,
img#PedestrianFootbridgeBlakehurst {width: 25em; height: 17em;}
img#peterfrankl {width: 216px; height: 216px;}
img#peterfranklptyltd {width: 304px; height: 64px;}
img#pplus204 {width: 536px; height: 403px;}
img#pplus31 {width: 536px; height: 403px;}
img#reportsMenu {width: 536px; height: 403px;}
img#ReportWriter {width: 542px; height: 224px;}
img#Result {width: 320px; height: 199px;}
img#rew {width: 536px; height: 382px;}
img#rollback {width: 536px; height: 403px;}
img#Sunnyfield {width: 243px; height: 84px;}
img#Tony {width: 330px; height: 210px;}
img#Updates {width: 344px; height: 245px;}
img#vblogo {width: 290px; height: 416px;}
img#vbbus {width: 700px; height: 280px;}
img#wordMF {width: 536px; height: 398px;}
img#WorkRoundTable {width: 192px; height: 112px;}