/*
 CSS Hack to get similar sized relative fonts working in most browsers 
*/

/*/*/a{}
body, body p, body INPUT, body TEXTAREA {
  font-size: xx-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-small;
  font-size: 76%;
}
html>body, html>body p, html>body INPUT, html>body TEXTAREA {
    font-size: small;
}
p {
  margin: 1em 0;
  padding: 0;
}

HTML {
   overflow: -moz-scrollbars-vertical;
}
body {
	margin: 0;
	padding: 0;
    text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #4C4A4A;
	background-color: #fff;
}
* HTML #body
{
  font-size: .98em;
}
.r 
{
  clear:both;
  display:block;
  margin:0;
  padding:0;
  height:1px;
  line-height:1px;
  font-size:1px;
}
A 
{
	color: #07526E;
	text-decoration: none;
}
UL, UL LI 
{
	margin: 0;
	padding: 0;
	list-style: none;
}
UL LI 
{
	margin-left: 15px;
	padding-left: 10px;
	background: url(../Images/bullet.gif) no-repeat left 4px;
}
UL LI A 
{
	font-weight: bold;
}
H2 
{
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}
A IMG 
{
	border: none;
}
#textsizes 
{
	position: absolute;
	left: 50%;
	top: 25px;
	width: 370px;
}
#textsizes A
{
	display: block;
	float: right;
	width: 17px;
	height: 17px;
	margin-left: 3px;
}
#breadcrumb 
{
	color: #115772;
	margin-top: -15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#breadcrumb .home
{
	margin-left: 5px;
}
#breadcrumb SPAN
{
	padding: 0 5px;
}
#breadcrumb .selected
{
	font-weight: bold;
}
#content 
{
	width: 394px;
}
#home #content
,#zonedefense #content
{
	width: auto;
}
#content H2.section 
{
	background: #0D7BC1 url(../Images/home-title.gif) no-repeat top left;
	color: #fff;
	line-height: 2em;
	padding-left: 10px;
}
H3 
{
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}
H4 
{
	margin: 0;
	padding: 0;
	font-size: 1em;
}
H4 
{
	color: #03689C;
}
H4 SPAN
{
	background: url(../Images/bullet-blue-right.gif) no-repeat center right;
	padding-right: 10px;
}
H5 
{
	margin: 0;
	padding: 10px 0;
	font-size: 1em;
}
#content H2
{
	background: url(../Images/page-title.gif) no-repeat top left;
	color: #fff;
	line-height: 2em;
	padding-left: 10px;
}
#content H3 
{
	background: #CFE5F2;
	color: #006A9E;
	padding-left: 10px;
	width: 383px;
	line-height: 1.8em;
}
#content H3 SPAN
{
	background: url(../Images/bullet-blue-right.gif) no-repeat center right;
	padding-right: 10px;
}

.button 
{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	display: block;
	background: url(../Images/button-left.gif) no-repeat center left;
}
.button SPAN
{
	display: block;
	padding: 0 10px 0 20px;
/* using height instead of line-height causes IE to use the 
   full width of the button instead of the float width (i.e. size of the text)*/
	line-height: 27px; 
	background: url(../Images/button-right.gif) no-repeat center right;
}
.more 
{
	background: url(../Images/bullet-blue.gif) no-repeat center left;
	padding-left: 7px;
	font-weight: bold;
	margin-top: .5em;
	display: block;
}
.top 
{
	background: url(../Images/bullet-blue-up.gif) no-repeat center left;
	padding-left: 10px;
	font-weight: bold;
	margin-top: .5em;
	display: block;
}

#body {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 818px;
    margin-top: 18px;
    background: url(../Images/header.gif) no-repeat;
    padding-top: 101px;
}
#innerbody
{
    background: url(../Images/footer.gif) no-repeat bottom center;
    padding-bottom: 28px;
}
#aspnetForm 
{
	margin: 0;
	padding: 0 0 22px 22px;
    background: url(../Images/background.gif) repeat-y;
}
#menu 
{
	float: left;
	width: 175px;
}
#menu UL, #menu LI
{
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	width: 175px;
}
#menu LI A 
{
	font-weight: normal;
	font-size: 90%;
	line-height: 20px;
	color: #0B577C;
	display: block;
	padding-left: 10px;
	border-top: solid 1px #B7C9D4;
}
#menu LI#m1 A 
{
	border-top: none;
}
#menu LI LI A 
{
	padding-left: 20px;
}
#menu LI LI LI A 
{
	padding-left: 30px;
}
#menu LI.active A
{
	font-weight: bold;
	background: url(../Images/bullet-blue.gif) no-repeat left center;
}
#menu LI LI.active A
{
	background-position: 10px center;
}
#menu LI LI LI.active A
{
	background-position: 20px center;
}
#menu LI.active LI A
{
	color: #0B577C;
	font-weight: normal;
	background: none;
}

#menu .print, #menu .email
{
	display: block;
	color: #5F5F5F;
	font-weight: bold;
	line-height: 18px;
	margin-left: 20px;
	font-size: .85em;
}
#menu .print
{
	margin-top: 20px;
}
#menu .print IMG, #menu .email IMG
{
	vertical-align: text-bottom;
	margin-right: 4px;
}
#sidebar 
{
	background: url(../Images/sidebar-top.gif) no-repeat left top;
	font-size: 85%;
	float: right;
	margin: 0 15px 3em 0;
}
HTML>BODY #sidebar
{
	/*IE <=6 automagically includes a right margin so we dont need it*/
	margin-right: 30px;
}
#sidebar .inner
{
	background: url(../Images/sidebar-bottom.gif) no-repeat left bottom;
	padding: 8px;
	width: 142px;
}
#sidebar .button 
{
	margin-top: 20px;
	background: url(../Images/sidebar-button-left.gif) no-repeat center left;
}
#sidebar .button SPAN 
{
	background: url(../Images/sidebar-button-right.gif) no-repeat center right;
	padding-top: 10px; /* problem for countries that wrap on 2 lines */
	height: 27px;
	line-height: 12px;
	cursor: pointer;
}
#sidebar H4 
{
	margin: 20px 0 10px 0;
	padding: 0;
	color: #81BF46 !important;
}
#sidebar .alsoconsider H4
{
	margin-bottom: 0;
}
#sidebar H4 SPAN
{
	/*bbackground: url(../Images/bullet-green-right.gif) no-repeat center right;*/
	/*ppadding-right: 10px;*/
	background: none;
}
#sidebar .wheretobuy h4 
{
	margin-top: 0;
}
#sidebar .wheretobuy UL
{
	margin-top: .4em;
}
#sidebar .wheretobuy LI
{
	margin-left: 0;
	padding-left: 10px;
}
#content 
{
	margin-left: 185px;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-bottom: 4em;
	border-left: solid 1px #DBDBDB;
	min-height: 400px;
}
#content
{
	font-size: 90%;
}
#content P
{
	font-size: 100%;
}
A:hover
{
	text-decoration: underline;
}
* HTML #content
{
	height: 400px;
}
#footer 
{
	border-top: solid 1px #DBDBDB;
	color: #A1ACB1;
	margin-left: 195px;
	float: left;
	padding: 3px 5px;
	width: 555px;
}
* HTML #footer
{
	/*very weird: pixels only seem half as wide in IE <=6?? */
	margin-left: 100px;
}
#footer A 
{
	color: #07526E;
}
.section 
{
	background: url(../Images/section-top.gif) no-repeat top left;
}
.section .inner 
{
	background: url(../Images/section-bottom.gif) no-repeat bottom left;
	padding: 10px 0;
}
.section H4 SPAN
{
	margin-left: 10px;
}
.section H4 SPAN
{
	color: #79C730;
	/*bbackground-image: url(../Images/bullet-green-right.gif);*/
	background: none;
}

#home .home-feature 
{
	width: 277px;
	margin-top: 23px;
	margin-bottom: 20px;
	float: left;
}
#home .home-feature .content
{
	padding: 5px 10px;
}
#home .home-feature .content DIV
{
	margin-bottom: 1em;
}
#home #home-solutions
{
	margin-right: 10px;
}
#home #home-glossary .button
{
	margin-top: 1em;
	float: right;
}

#home .home-subfeature
{
	float: left;	
}
#home .home-subfeature H3
{
	display: inline;
	padding: 0 10px;
	font-size: 100%;
	color: #4C9701;
	/*background: url(../Images/bullet-green-right.gif) no-repeat right 6px;*/
	background: none;
}
#home .home-subfeature .content
{
	margin-top: 10px;
	height: 157px;
	padding-top: 10px;
	padding-left: 10px;
}
#home .home-subfeature .content DIV
{
	margin-bottom: 1em;
	padding-right: 10px;
}
#home #home-products .content
{
	width: 277px;
	background: url(../Images/home-products.gif) no-repeat top left;
}
#home #home-wheretobuy .content
{
	width: 267px;
	background: url(../Images/home-wheretobuy.gif) no-repeat top left;
}

.productlist
{
	border-collapse: collapse;
	margin-top: 1em;
}
.productlist TH 
{
	padding: 20px 20px 10px 0;
	border-top: 1px solid #B7C9D4;
	border-bottom: 1px solid #B7C9D4;
}
.productlist TD
{
	color: #4C4A4A;
	border-top: 1px solid #B7C9D4;
	border-bottom: 1px solid #B7C9D4;
	padding: 15px 0;
}
.productlist TD H4
{
	color: #333;
}
.productlist TD A
{
	display: block;
	margin-top: 10px;
	color: #006A9E;
	font-weight: bold;
	background: url(../Images/bullet-blue.gif) no-repeat center left;
	line-height: .9em;
}
.productlist H4, .productlist DIV, .productlist A
{
	padding-left: 6px;
}
.productlist LI 
{
/*
	font-weight: bold;
	color: #81BF46;
*/
	background-position: left 4px;
}
#solution .productlist H4, #otherproducts .productlist H4
{
	margin-bottom: 10px;
}
#otherproducts .productlist TH, #otherproducts .productlist TD
{
	border-top: none;
}
.intro 
{
	padding: 1em;
}

.categorylist 
{
	border-collapse: collapse;
	margin-top: 1em;
}
.categorylist TD
{
	vertical-align: top;
}
.categorylist TD.c1
{
	border-right: solid 1px #DBDBDB;
}
.categorylist .button
{
	white-space: nowrap;
	float: left;
}
.categorylist TD H4
{
	margin-bottom: 1em;
}
.categorylist TD.c1 DIV
{
	margin: 10px 0; 
	padding-right: 1em;
}
.categorylist TD.c2
{
	padding-left: 10px;
}
.categorylist TD.c2 DIV
{
	margin: 10px 0 10px 15px;
}
.categorylist TD.c2 .button
{
}
.categorylist TD.otherproducts
{
	padding-top: 20px;
}
.categorylist TD.otherproducts DIV
{
	margin-bottom: 10px;
}
#product #intro
{
	height: 171px;
}
HTML>#product #intro
{
	min-height: 171px;
	height: auto;
}
#product #intro IMG 
{
	margin: 38px 21px 38px 27px;
	position: absolute;	
}
#product #intro H4
{
	margin: 10px 0 5px 230px;
}
#product #intro H4 SPAN
{
	color: #666;
	background: url(../Images/bullet-grey-right.gif) no-repeat center left;
	padding-left: 10px;
}
#product #intro UL
{
	margin-left: 230px;
}
#product #intro LI A
{
	color: #40A13A;
}
#product #spec	
{
  height: 40px;
}
#product #spec .button
{
	float: right;
}
#product #awards
{
	border-top: solid 1px #B7C9D4;
	border-bottom: solid 1px #B7C9D4;
}
#product #awards IMG
{
}
/* Needed cause of the sidebar floating on the right */
#product #zonedefence .inner
{
	padding-bottom: 45px;
}
#product #zonedefence .r
{
	clear: left;
}
/* *** */
#product #zonedefence TABLE
{
	margin-top: 10px;
}
#product #zonedefence LI 
{
	float: left;
	background: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
#product #zonedefence LI H5
{
	text-align: center;
	font-weight: bold;
	color: #62635E;
	width: 123px;
}
#product #zonedefence LI DIV
{
	width: 123px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #F7F7F7;
	color: #696966;
}
#product #zonedefence .IPS
{
	margin-left: 2px;
}
* HTML #product #zonedefence .IPS
{
	margin-left: 1px;
}
#product #zonedefence .AV
{
	margin: 0 11px 0 10px;
}
#product #zonedefence .button
{
	margin: 10px 10px 0 0;
	clear: left;
	float: right;
}
* HTML #product #zonedefence .button
{
	margin-right: 5px;
}

#solutions #intro
{
	margin: 10px 0;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 40px;
}
#solutions #recommended-solutions IMG
{
	margin-left: 4px;
}
#solutions H4
{
	color: #4C4A4A;
}

#solution #intro
{
	margin: 10px 0;
	padding-left: 10px;
	padding-right: 40px;
}
#solution #other
{
	padding: 20px 0 10px 10px;
	font-weight: bold;
	color: #81BF46;
}

#features .feature
{
	border-bottom: solid 1px #B7C9D4;
	padding: 1em .5em;
}
#features .feature H4
{
	color: #666;
	color: #333;
	margin-bottom: .4em;
}

.featuredesc, .desc
{
	padding: 10px 10px 3em 10px;
}
.desc UL
{
	margin: 1em 0;
}
.desc UL UL
{
	margin: 0;
}
.featuredesc H4, .desc H4
{
	color: #666;
	color: #333;
	margin: 1em 0 .5em 0;
}
.desc A,.featuredesc A
{
	font-weight: bold;
}
#netdefendcentre #content .button
{
	float: right;
}

#glossary #desc UL
{
	margin-bottom: 3em;
}
.keyfeature A.top
{
	font-weight: bold;
	display: block;
	margin: 1em 0;
}
.keyfeature H4 
{
	color: #666;
	margin-bottom: .2em;
}

#emailform 
{
	margin-top: 2em;
}
#emailform th
{
	padding-right: 10px;
	vertical-align: top;
}
#emailform .text
{
	width: 230px;
}
#emailform textarea
{
	width: 230px;
	height: 100px;
}
#emailform .submit
{
	text-align: right;
}
.validator, .error
{
	display: block;
	color: Red;
}
#utm #desc UL
{
	margin: 10px 0;
}
#utm #desc LI
{
	display: block;
	height: 42px;
}
#utm #desc IMG
{
	float: right;
}
#partnerpluslogo
{
	margin-top: 1em;
	text-align: center;
}

@media print {
  .noprint 
  {
    display: none;
  }
}