/* CSS Document */

.clear {
clear:both;
display:block;
}

#main-container {
width:809px;
margin-left:auto;
margin-right:auto;
}

#topbanner {
width:809px;
height:122px;
background:url(harryg-header.png) no-repeat;
}

#topbanner .left {
float:left;
width:200px;
}

#topbanner .right {
float:left;
text-align:right;
width:609px;
}

#topbanner .right .links {
text-align:right;
}

#topbanner .right .number {
width:589px;
padding-right:20px;
}

#topbanner .right .number p {
font:bold 150% Arial, Helvetica, sans-serif;
color:#003664;
height:1px;
}

#topbanner .right .number p span {
color:#c51e26;
}

#topbanner .right .disclaimer {
height:1px;
padding-right:20px;
padding-top:20px;
}

#topbanner .right .disclaimer p {
font:bold 70% Arial, Helvetica, sans-serif;
color:#fff;
}

#navigation {
width:809px;
padding-bottom:10px;
}

#but-detection_systems, #but-security_tags, #but-deactivators, #but-detachers, #but-clearance, #but-my_account  {
float:left;
}

#but-detection_systems a {
background:url(detection_system.png) 0 0 no-repeat;
display:block;
}

#but-security_tags a {
background:url(security_tags.png) 0 0 no-repeat;
display:block;
}

#but-deactivators a {
background:url(deactivators.png) 0 0 no-repeat;
display:block;
}

#but-detachers a {
background:url(detachers.png) 0 0 no-repeat;
display:block;
}

#but-clearance a {
background:url(clearance.png) 0 0 no-repeat;
display:block;
}

#but-my_account a {
background:url(my_account.png) 0 0 no-repeat;
display:block;
}

#but-detection_systems a:hover, #but-security_tags a:hover, #but-deactivators a:hover, #but-detachers a:hover, #but-clearance a:hover, #but-my_account a:hover {
background-position: 0 -25px;
}

#but-detection_systems a:active, #but-security_tags a:active, #but-deactivators a:active, #but-detachers a:active, #but-clearance a:active, #but-my_account a:active {
background-position: 0 -50px;
}