* {margin: 0px; padding: 0px; border: 0px}

body {margin: 0px; padding: 0px; font-family: arial; font-size: 85%}

h1 {font-size: 200%; color: #2158ea; font-family: arial}
h2 {font-size: 180%; font-family: arial}
h3 {font-size: 160%; font-family: arial}
h4 {font-size: 140%; font-family: arial}

div.page-break  { display:none; }


p.contactdetails {line-height: 50%}

ul.smallist li {margin-left: 20px; list-style: none; margin-top: 8px}

a:link {color: #3144ff; text-decoration: none; font-weight: bold}
a:visited {color: #3144ff; text-decoration: none; font-weight: bold}
a:hover {color: #b1d1ff; font-weight: bold}

div.dia {width: 200px; margin-left: auto; margin-right: auto}

div.container {width: 1000px; height: 100%; margin-left: auto; margin-right: auto}

div.printable {display: none}

div.titletopbar {position: relative; width: 1000px; height: 129px; background-color: #2254e7; color: #ffffff; font-family: arial; font-weight: bold; background-image: url('topbar.png'); z-index: -3}

div.titlebar {width: 1000px; height: 30px; background-color: #6565ff; background-image: url('./titlebarback.png'); color: #ffffff; font-family: arial; font-weight: bold; border-top: 1px solid white; border-bottom: 1px solid white}

div.topbar {position: relative; width: 999px; height: 126px; background-color: black; border: 1px solid black; border-left: 0px; z-index: 0}

div.menubar {position: relative; width: 1051px; margin-left: 0px; float: left; margin-bottom: -21px}

div.button {position: relative; float: left; margin-top: 0px; z-index: 5}

ul.menu {list-style:none; top: width: 460px; margin-left: 0px; float: left; margin-top: 0px; margin-right: 0px}
ul.menu * {margin-left: 0px; padding:0px; font-size: 95%}
ul.menu a {display:block; color: #000000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right: 0px; padding-left: 0px}
ul.menu li#surfacemenu {}
ul.menu li#recessedmenu {}
ul.menu li#suspendedmenu {}
ul.menu li#newmenu {}
ul.menu ul {position:absolute; top:128px; left: 14px; display:none; opacity:0; list-style:none; margin-left: 0px; border-top: 0px; width: 510px}
ul.menu ul#ledmenuul {position: absolute; left: -0px; background-image: url('./ledmenuback.png'); width: 613px; height: 385px}
ul.menu ul#surfacemenuul {position: absolute; left: -91px; background-image: url('./surfmenuback.png'); width: 625px; height: 393px}
ul.menu ul#recessedmenuul {position: absolute; left: -182px; background-image: url('./recmenuback.png'); width: 613px; height: 445px}
ul.menu ul#suspendedmenuul {position: absolute; left: -274px; background-image: url('./suspmenuback.png'); width: 530px; height: 278px}
ul.menu ul#newmenu {position: absolute; left: -380px; background-image: url('./newmenuback.png'); height: 300px}
ul.menu ul li {position:relative; border-top:none; margin-left:0px; border:0px solid #aaa; border: 0px solid #3144ff; margin-right: 11px; margin-bottom: 15px}
ul.menu ul li.dropdowntop {width: 507px; margin-right: 4px; margin-left: 20px; margin-bottom: 10px; font-size: 140%; font-weight: bold; margin-top: 15px; text-decoration: none}
ul.menu ul li a {display:block; width: 90px; height: 82px; padding-right: 0px; padding-left: 6px; padding-top: 0px; padding-bottom: 10px; margin-top: 0px; margin-left: 18px}
ul.menu ul li a:hover {margin-right: 0px; margin-left: 18px; color: #2158ea}
ul.menu ul ul {top:-0px; width: 507px; margin-right: 0px; margin-left: 10px}
a.menulink {border:0px solid #aaa; padding:0px; color: #ffffff; text-decoration: none; font-weight: bold; font-size: 100%}
ul.menu .menulink:hover, ul.menu .menuhover {margin-left: 0px}
ul.menu .topline {border-top:0px solid #aaa}

div#newmenu {height: 142px; top: -9px;}
div#homemenu {height: 149px; top: -20px;}
div#greenmenu {height: 142px; top: -9px;}

div#rightlinks {width: 161px; background-color: #000000; height: 150px; margin-top: -30px; float: left; border: 1px solid black; border-top: 0px; border-bottom: 0px}
div#rightlinks a:link {color: #ffffff; text-decoration: none; font-weight: normal}
div#rightlinks a:visited {color: #ffffff; text-decoration: none; font-weight: normal}
div#rightlinks a:hover {color: #ffffff; text-decoration: none; font-weight: normal}

div.content {width: 826px; background-repeat: repeat-x; float: right; padding: 0px; margin: 0px; border: 0px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 0px solid #2158ea}
div.content p {margin-top: 15px}

div.navbar {width: 100%; height: 50px; background-image: none; background-color: white; border-bottom: 0px solid #2158ea; color: #2158ea; margin-bottom: 0px}
div.prevbutton {width: 275px; border-right: 0px solid black; float: left; height: 26px; font-size: 110%; padding-left: 0px}
div.pageheader {width: 270px; border-right: 0px solid black; float: left; height: 26px; text-align: center; font-size: 180%; color: #2158ea; font-weight: bold}
div.nextbutton {width: 250px; float: right; height: 26px; text-align: center; font-size: 120%}
div.bottomnav {margin-bottom: 0px}
img.getpdf {position: relative; margin-left: 0px; margin-top: 5px; float: left; z-index: 1}
img.getldt {position: relative; margin-left: 0px; margin-top: 5px; margin-left: 10px; float: left; z-index: 1}

div#getpdfpopup {display: none; position: relative; left: -0px; top: 30px; z-index: 2}
div#getpdfpopup div {position: absolute}
div#getpdfpopup p {background-color: white; border: 1px solid black; padding: 5px}

div#getldtpopup {display: none; position: relative; left: -0px; top: 30px; z-index: 2}
div#getldtpopup div {position: absolute}
div#getldtpopup p {background-color: white; border: 1px solid black; padding: 5px}


div.ldtdownloadform {position: relative; width: 522px; margin-left: 200px; margin-right: auto; margin-top: 100px; background-color: #eeeeff; border: 1px solid #527dff; padding: 10px;}
div.ldtdownloadform p {padding: 10px; font-size: 110%; border-bottom: 0px}
div.ldtdownloadform form {width: 500px; padding: 10px; border-top: 0px}
div.ldtdownloadform form input {border: 1px solid black}
div.ldtdownloadform form input#submitbutton {height: 30px; padding: 3px; margin-top: 10px}
div.ldtdownloadform form button {height: 30px; border: 1px solid black; padding: 3px; margin-top: 10px}


div.agentnavbar {width: 100%; height: 50px; background-image: none; background-color: white; border-bottom: 0px solid #2158ea; color: #2158ea; margin-bottom: 10px}
div.agentprevbutton {width: 150px; border-right: 0px solid black; float: left; height: 26px; font-size: 110%; padding-left: 0px}
div.agentpageheader {width: 520px; border-right: 0px solid black; float: left; height: 26px; text-align: center; font-size: 200%; color: #2158ea; font-weight: bold}
div.agentnextbutton {width: 125px; float: right; height: 26px; text-align: center; font-size: 120%}


div.innercontent {width: 786px; background-color: #ffffff; padding: 20px; padding-bottom: 30px; font-size: 95%; text-align: justify}
div.innercontentindex {background-color: #ffffff; padding: 10px; padding-left: 15px; padding-top: 20px; font-size: 95%; text-align: justify}

div.range {float: left; width: 200px; height: 200px; border-bottom: 0px solid black; border-left: 0px solid black}

div.text {width: 400px; float: left}

div.images {float: right; width: 305px; margin-left: 20px; text-align: right; font-weight: bold; font-size: 120%; color: #2158ea}
div.image {margin-top: 30px; border: 0px inset #5986ea; padding-top: 10px; padding-right: 0px}
div.image img {width: 300px}
div.image img.magnify {width: 99px}
p.imagetitle {}


div.dimensions {border: 0px; margin-left: auto; margin-right: auto; margin-top: 40px; text-align: center}
div.dimensions h3 {font-size: 105%; margin-bottom: 10px}
div.dimensions img {margin-left: auto; margin-right: auto; margin-top: 30px}
table.dimensions {margin-left: auto; margin-right: auto; border-spacing: 0px; border: 0px solid black; border-collapse: collapse}
table.dimensions tr {border: 1px solid black; text-align: left}
table.dimensions th {padding: 7px; border: 0px; margin: 0px; text-decoration: underline; background-color: #527dff; color: #ffffff; text-align: }
table.dimensions td {padding: 7px; padding-left: 10px; padding-right: 10px; border: 0px; margin: 0px}
table.dimensions tr.oddline {background-color: #3144ff; color: #ffffff}
table.dimensions tr.evenline {background-color: #527dff; color: #ffffff}
table.dimensions tr.headerline {font-weight: bold; border: 0px; text-align: center}
table.dimensions tr.keyoddline {background-image: url('controlgearback.jpg'); border: 1px solid black; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; color: black}
table.dimensions span.keyheader {text-decoration: underline; font-weight: bold}
a.rangedetails {font-size: 95%; color: black; background-color: #ffffff; padding-left: 2px; padding-right: 2px; margin: 3px; margin-bottom: 5px; border: 1px solid #2153e7; line-height: 170%}
table.dimensions tr.diagram {border: 0px; background-color: #ffffff}
div.diagram {margin-left: auto; margin-right: auto}

table.dimensions tr.spacerline {display: none; border: 0px solid black; margin: 0px; height: 0px}

div.leftdimensions {border: 0px; margin-left: 30px; float: left; margin-top: 20px}
div.leftdimensions h3 {font-size: 105%; text-align: left; color: #000000; margin-bottom: 10px}
div.leftdimensions p {text-align: left; font-size: 90%; font-weight: bold}
div.leftdimensions img {float: right}

table.leftdimensions {border-spacing: 0px; border: 0px solid black; border-collapse: collapse}
table.leftdimensions tr {border: 1px solid black}
table.leftdimensions th {padding: 7px; border: 0px; margin: 0px; text-decoration: underline; background-color: #527dff; color: #ffffff}
table.leftdimensions td {padding: 7px; padding-left: 10px; padding-right: 10px; border: 0px; margin: 0px}
table.leftdimensions tr.oddline {background-color: #3144ff; color: #ffffff}
table.leftdimensions tr.evenline {background-color: #527dff; color: #ffffff}
table.leftdimensions tr.headerline {font-weight: bold; text-decoration: underline; border: 0px}
table.leftdimensions tr.headerline td {text-decoration: underline}
table.squish td {padding: 5px; border: 0px; margin: 0px; margin-right: 0px}


div.sidebar {width: 171px; background-color: #2158ea; float: left; font-size: 85%; padding-top: 0px; color: #000000; text-align: center; border-left: 1px solid black; border-bottom: 5px solid #2158ea; border-top: 5px solid #2158ea}
div.sidebar ul {list-style-type: none; margin-top: 0px; margin-bottom: 0px; border-left: 3px solid #2250c4; border-right: 3px solid #547be3; margin-left: 4px; margin-right: 4px}

div.sidebar li {margin-top: 0px; padding: 10px; margin-bottom: -0px}
div.sidebar li.oddnews {background-color: #ffffff; color: #000000; background-image: url('')}
div.sidebar li.evennews {background-color: #ffffff; color: #000000; background-image: url('')}
div.sidebar li h2 {background-color: none; color: #000000; font-size: 130%; margin-bottom: 0px; text-align: center}
div.sidebar li h3 {color: #2158ea; font-size: 105%; margin-bottom: 5px; text-align: center}
div.sidebar li.evennews h3 {color: #2158ea}

div.sidebar a:link {color: #000000; text-decoration: underline; font-weight: normal}
div.sidebar a:visited {color: #000000; text-decoration: underline; font-weight: normal}
div.sidebar a:hover {color: #000000; text-decoration: underline; font-weight: normal}
div.sidebar li.oddnews a:link {color: #000000; text-decoration: underline; font-weight: normal}
div.sidebar li.oddnews a:visited {color: #000000; text-decoration: underline; font-weight: normal}
div.sidebar li.oddnews a:hover {color: #000000; text-decoration: underline; font-weight: normal}

div.sidebar h3 a:link {text-decoration: none; font-weight: bold; padding-right: 10px; text-align: right; background-image: url('./sidebartop.png'); padding-top: 5px; padding-bottom: 5px; color: #ffffff; display: block; font-size: 95%}
div.sidebar h3 a:visited {text-decoration: none; font-weight: bold; padding-right: 10px; text-align: right; background-image: url('./sidebartop.png'); padding-top: 5px; padding-bottom: 5px; color: #ffffff; display: block; font-size: 95%}
div.sidebar h3 a:hover {text-decoration: none; font-weight: bold; padding-right: 10px; text-align: right; background-image: url('./sidebartop.png'); padding-top: 5px; padding-bottom: 5px; color: #ffffff; display: block; font-size: 95%}

div.sidebar h3.morenews {background-color: #3144ff; color: #ffffff; font-size: 110%; margin-top: 0px; text-align: center}
div.sidebar h3.morenews a:link {color: #000000; text-decoration: none; font-weight: normal; font-size: 110%}
div.sidebar h3.morenews a:visited {color: #000000; text-decoration: none; font-weight: normal; font-size: 110%}
div.sidebar h3.morenews a:hover {color: #ffffff; text-decoration: none; font-weight: normal; font-size: 110%}

div#printablebutton {background-color: #ffffff; color: #000000; padding: 5px; font-size: 80%; text-align: center; border-left: 2px solid #2158ea; border-bottom: 1px solid black; border-right: 0px}
div#printablebutton a {text-align: center; color: #000000; padding-top: 10px; padding-right: 8px}

div.catalogue {width: 151px; height: 144px; background-color: #cccccc; background-image: url('./catalogueback.png'); float: left; font-size: 81%; padding: 10px; padding-top: 15px; color: #ffffff; line-height: 180%; border-left: 1px solid black; margin-top: -0px}
a.catalogue:link {color: #ffffff; text-decoration: none; font-weight: bold}
a.catalogue:visited {color: #ffffff; text-decoration: none; font-weight: bold}
a.catalogue:hover {color: #d8d8d8; font-weight: bold}

div#searchbox1 {width: 155px; height: 81px; background-image: url('./searchboxback.png'); float: left; font-size: 86%; font-weight: bold; padding: 5px; color: #000000; line-height: 180%; margin-top: -0px; text-align: center}
div#searchbox1 input#searchbox {display: block; border: 1px solid #2158ea; width: 140px; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 10px; font-size: 110%}
div#searchbox1 input#searchbutton {display: block; border: 1px solid #2158ea; width: 55px; margin-top: 0px; margin-left: auto; margin-right: auto; font-size: 81%}

ul#morenews {list-style-type: none}
ul#morenews h3 {font-size: 120%; margin-bottom: 10px}
ul#morenews li {; margin-bottom: 10px}

table.agents {width: 510px; float: right; border-collapse: collapse; margin-top: 0px; background-color: #eeeeff; border: 1px solid #527dff; text-align: left}
table.agents td {margin: 10px; padding-bottom: 3px; padding-left: 10px}

div.agentleft {margin-left: 20px; float: left; width: 250px}
div.agentright {margin-right: 50px; float: right; width: 250px}
div.agentright ul {list-style-type: none}
div.agentright ul li {margin-top: 5px}

div.agentphoto {float: right; margin-left: 30px}

div#agent {}
div#agent h4 {color: #2158ea}

div.installedbutton {width: 171px; height: 28px; position: relative; top: -20px; left: 20px; z-index: 1; float: right; background-color: #809fff; background-image: url('installedbuttonback.jpg'); border-left: 1px solid black; border-bottom: 1px solid black}
a.installedbutton {color: #fff; font-weight: normal; font-size: 100%; margin-left: 10px; text-align: middle; position: relative; top: 5px}

/* Divs requiring fine adjustments (moved here so they can be overridden by printable.css */

div#leftimageraised1 {margin-top: -140px}
div#leftimageraised2 {margin-top: -0px}

ul.rangepoints {}
ul.rangepoints li {list-style-type: square; margin-bottom: 10px}

div.t5box {margin-left: 0px; margin-right: 0px; width: 500px; margin-bottom: 30px; margin-top: 0px; padding: 10px; float: left; text-align: left; background-color: #eeeeff; border: 1px solid #527dff}
div.t5boxcolumn {text-align: left; margin-top: 20px; width: 155px; margin-right:0px; margin-left: 10px; float: left; font-size: 90%}

/* Sidebar Buzzboost style */

div.feedburnerFeedBlock {background-color: none}
div.feedburnerFeedBlock p.date {color: #2158ea; font-size: 110%; margin-bottom: 5px; text-align: center; font-weight: bold}
div.feedburnerFeedBlock span.headline a {color: #2158ea; font-size: 110%; padding-bottom: 5px; text-align: center; font-weight: bold; text-decoration: none}
h2.feedTitle {width: 157px; margin-left: 4px; background-color: white; color: #000000; font-size: 135%; margin-bottom: 0px; text-align: center; border-left: 3px solid #2250c4; border-right: 3px solid #547be3; font-weight: bold; text-decoration: none}
div.feedburnerFeedBlock li {margin-top: 0px; padding: 8px; padding-bottom: 0px; margin-bottom: -0px; background-color: #ffffff; font-size: 100%}

h2.feedLinks {width: 157px; margin-left: 4px; background-color: white; color: #000000; font-size: 105%; margin-bottom: 0px; text-align: center; border-left: 3px solid #2250c4; border-right: 3px solid #547be3; text-decoration: none; padding-top: 10px; padding-left: 0px; padding-bottom: 5px; padding-top: 5px; border-top: 1px solid black}

h2.feedLinks img {margin-right: 5px; margin-left: 5px; vertical-align: text-bottom}

h2.feedLinks a:link {color: #2158ea; text-decoration: none; font-weight: bold}
h2.feedLinks a:visited {color: #2158ea; text-decoration: none; font-weight: bold}
h2.feedLinks a:hover {color: #548bfd; text-decoration: none; font-weight: bold}

div#creditfooter {display: none; width: 75px; margin-left: auto; margin-right: auto}

/* More News Page Buzzboost */

div.morenews div.feedburnerFeedBlock {background-color: none}
div.morenews div.feedburnerFeedBlock p.date {color: #000000; font-size: 115%; margin-bottom: 0px; text-align: left; font-weight: bold; padding-bottom: 5px}
div.morenews div.feedburnerFeedBlock span.headline {display: block}
div.morenews h2.feedTitle {width: 157px; margin-left: 4px; background-color: white; color: #000000; font-size: 135%; margin-bottom: 0px; text-align: center; border-left: 3px solid #2250c4; border-right: 3px solid #547be3; font-weight: bold; text-decoration: none}
div.morenews div.feedburnerFeedBlock li {list-style-type: none; margin-top: 10px; padding: 0px; margin-bottom: 10px; background-color: #ffffff}
div.morenews h2.feedLinks {width: 147px; margin-left: 4px; background-color: white; color: #000000; font-size: 105%; margin-bottom: 0px; text-align: left; border-left: 3px solid #2250c4; border-right: 3px solid #547be3; text-decoration: none; padding-top: 10px; padding-left: 10px}

div.morenews h2.feedLinks a:link {color: #000000; text-decoration: none; font-weight: bold}
div.morenews h2.feedLinks a:visited {color: #000000; text-decoration: none; font-weight: bold}
div.morenews h2.feedLinks a:hover {color: #000000; text-decoration: none; font-weight: bold}

div.morenews div#creditfooter {display: none; width: 75px; margin-left: auto; margin-right: auto}

img.allhficon {vertical-align: top; margin-top: 5px; margin-left: 25px; width: 100px}