@charset "UTF-8";
/* CSS Document */

/**********************************
*             Css Reset             *
**********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/**********************************
*            Generic            *
**********************************/


body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1d1d1d; background:#FFFFFF;}
textarea, input{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.cb{ clear:both;}
h1{ font-size:36px; color:#FFFFFF;}
h2{ font-size:20px;}
h2{ color:#1f325f; border-bottom:solid #1f325f 1px; padding-bottom:10px; margin:30px 0px 30px 0px;}
h3{ font-size:16px;}
h1,h2,h3,h4,h5,h6{ line-height:1.3;}

p{ margin:12px 0 0 0; line-height:1.2;}

a{ color:#455f9c;}

.error{ color:#990000;}
textarea{ font:Arial, Helvetica, sans-serif;}
#admin input[type^=text], input[type^=password]{ width:850px;}
.txtinput, .submit{ width:300px;border:1px solid #DDDDDD;color:#000000;font-size:12px;padding:8px 5px;}
.submit{ background:url(../images/header-bg.jpg) repeat-x center center; cursor:pointer;}

/**********************************
*            Main Style      div, ul, li{ border:dashed 1px #999999;}      *
**********************************/


/**** CONTAINER ****/

#container{ width:940px;  margin:20px auto; }

/**** HEADER ****/

#header{ height:60px; border-bottom:1px #f9f9f9 solid; background:#f9f9f9 url(../images/header-bg.jpg);}
#header #logo{ font-size:36px; float:left; margin:13px 0 0 0px;}
#header #logo a{ text-decoration:none; color:#000000; font-weight:bold;}
#header #flagCell{ position:absolute; margin:22px 0px 0px 430px;}

/**** MENU ****/

#menu{ float:right; height:27px; margin:17px 40px 0px 3px;  background:#49629e url(../images/menu-button-bg.jpg); color:#FFFFFF;  }
#menu ul{ }
#menu ul li{ float:left;}
#menu ul li a{  display:block; height:27px; line-height:27px; padding:0px 20px;  color:#FFFFFF; text-decoration:none;  font-size:13px; font-weight:bold;}
#menu ul li a.selected{ background:#8195ca; color:#FFFFFF;}
#menu ul li a:hover{ background:#eeeeee url(../images/menu-button-selected.jpg); color:#1d1d1d;}
#menu ul li a.hover{ background:#eeeeee; color:#1d1d1d;}
#menu ul li ul{ position:absolute; margin-top:0px; background:#FFFFFF url(../images/menu-drop-bg.png) center top repeat-x; display:none; z-index:1000; border:solid 1px #eeeeee; border-top:none;}
#menu ul li ul li{ display:block; margin:0; padding:0; float:none;}
#menu ul li ul li a{  color:#1d1d1d; font-size:12px;}
#menu ul li ul li a:hover{ color:#293a65;}
#menu #threats{ width:300px; margin-left:0px;}
#menu #threats li{ width:140px; float:left;}
#menu #threats li a{padding-left:28px; height:24px; margin:5px; background:url(../images/threat-icons.png) no-repeat left top;}

#menu #productsmenu{ width:280px;}

#menu #regionmenu{ margin-left:-67.5px; width:150px;}
#menu #regionmenu a{ background-repeat:no-repeat; background-position:center left; padding-left:30px;}


#menu #threats a#th-viruses{ background-position:0 0;}
#menu #threats a#th-keylogger{ background-position:0 -24px;}
#menu #threats a#th-idtheft{background-position:0 -48px;}
#menu #threats a#th-spyware{background-position:0 -72px;}
#menu #threats a#th-hacker{background-position:0 -96px;}
#menu #threats a#th-span{background-position:0 -120px;}

#menu #regionmenu a#co-australia{ background-image:url(../images/flags/australia_small.gif);}
#menu #regionmenu a#co-canada{ background-image:url(../images/flags/canada_small.gif);}
#menu #regionmenu a#co-hongkong{ background-image:url(../images/flags/hongkong_small.gif);}
#menu #regionmenu a#co-europe{ background-image:url(../images/flags/europe_small.gif);}
#menu #regionmenu a#co-india{ background-image:url(../images/flags/india_small.gif);}
#menu #regionmenu a#co-newzealand{ background-image:url(../images/flags/newzealand_small.gif);}
#menu #regionmenu a#co-singapore{ background-image:url(../images/flags/singapore_small.gif);}
#menu #regionmenu a#co-southafrica{ background-image:url(../images/flags/southafrica_small.gif);}
#menu #regionmenu a#co-unitedkingdom{ background-image:url(../images/flags/unitedkingdom_small.gif);}
#menu #regionmenu a#co-usa{ background-image:url(../images/flags/usa_small.gif);}

/**** OTHER ****/

.content{ background:#FFFFFF; }
.inner{ padding:10px;}
.main{}
.main .right{ width:240px; float:right;}
.main .left{ width:700px; float:left;}

.main .left h2{ color:#1f325f; border-bottom:solid #1f325f 1px; padding-bottom:5px; margin:30px 0px 30px 0px;}
.main .left  h3{ margin:20px 0px 20px 0px;}
.main .left ul{ list-style:disc; margin-bottom:10px;}
.main .left li{ margin:8px 0px 0px 20px; line-height:1.3;}
.main .left p { line-height:1.4;}
.main .left p img{ float:left; margin-right:20px;}
.main .left .inner{ margin-right:20px;} 

.text ul{ list-style:disc; margin:20px 0px 0px 0px}
.text ul li{ margin-left:13px; margin:3px 0px 0px 13px;}
.text p{}

/**********************************
*            Home Page            *
**********************************/
#home{}

#home #mainPromo{ height:300px;  background:url(../images/featured/ZAEXTREME-promo.jpg);}
#home #mainPromo #permaText{ float:left; width:219px;  color:#f9f9f9; padding-top:26px;}
#home #mainPromo #permaText h2{color:#FFFFFF; margin:0; border:none;}
#home #mainPromo #featured{ float:left; width:699px; height:300px; border-left:solid 2px #96a8d3; cursor:pointer;}
#home #mainPromo #featuredText{ color:#FFFFFF; margin:20px 0px 0px 30px;}
#home #mainPromo #featured h1{ text-indent:-9999px; height:37px; width:400px; background:url(../images/featured/promo-h1.png) no-repeat;}
#home #mainPromo #featured h2{ font-weight:normal; text-indent:-9999px; font-size:20px; height:24px; width:400px; background:url(../images/featured/promo-h2.png) no-repeat;  border:none; color:#FFFFFF; margin:5px 0 0 0;}
#home #mainPromo #featured ul{ list-style:disc; width:400px; margin-top:10px;}
#home #mainPromo #featured ul li{ margin:3px 3px 3px 0px; float:left; display:block; width:180px; list-style:disc; background:url(../images/bullet.png) no-repeat left -1px; padding-left:16px;}

#home .main{ margin-top:20px; margin-bottom:10px;}
#home .main #productsTable{}
#home .main #productsTable .product{ float:left; width:340px; margin:10px 0px; height:110px;}
#home .main #productsTable .product .image{ width:80px; float:left;}
#home .main #productsTable .product .text{ float:left; width:250px; padding:0 5px;}
#home .main #productsTable .product .text h3{ margin-top:5px; margin-bottom:10px;}
#home .main #productsTable .product .text h3 a{ text-decoration:none; color:#1d1d1d; line-height:1.3;}
#home .main #productsTable .product .text p{ margin-top:8px;}
#home .main #productsTable .product .text a.prodPageLink{ display:block; margin-top:5px;}
#home .main .left .inner{ margin-right:0px;}


#home .date{ font-style:oblique; color:#666666; font-size:10px; margin-top:5px;}

#home .grad{ background:url(../images/menu-drop-bg.png) repeat-x;}
#home #nonstatic{ margin:0px 0px;}
#home #nonstatic .left{ float:left; width:450px; }
#home #nonstatic .right{ float:right; width:450px; }
#home #awards{}
#home #awards .image{ float:left; width:80px;}
#home #awards .text{ margin-left:85px;}
#home #awards .text p{line-height:1.4;}
#home #awards h3{ margin-bottom:10px;}


#sidepoints{ margin-top:15px; background:url(../images/menu-drop-bg.png) repeat-x; border:solid 1px #e6e6e6;}
#sidepoints ul li{ margin:1px 0px 1px 0px; }
#sidepoints ul li a{ display:block; padding:9px 0px 9px 13px; text-decoration:none; font-weight:bold; color:#1d366f;}
#sidepoints ul li a:hover{ background:#d5d5d5;}
#sidepoints.right{ width:238px;}

#page{}
#page #headliner{ background:url(../images/headliner/headLiner-bg.jpg) no-repeat; height:150px;}
#page #headliner h1{ color:#FFFFFF; float:left; color:f9f9f9; padding:50px 0px 0px 40px; font-size:30px; width:440px; line-height:1.3; }
#page #headliner #prods{ float:right; margin:0px 20px 0px 0px; height:150px;}
#page #headliner #prods .prod{ float:left; width:80px; text-align:center; padding:25px 0px;}
#page #headliner #prods .prod.selected{ background:url(../images/productSelected.png) center center no-repeat;}
#page .main{ margin-top:20px;}


#product{ font-size:12px;}
#product #productSummary{}
#product #productSummary .image{ float:left; width:280px; float:left;}
#product #productSummary .text{ float:left; width:360px; padding-left:20px; padding-top:20px;}
#product #productSummary .text li{ margin:8px 0px 0px 13px;} 

#product .sideBarItem{ margin-botton:15px; background:url(../images/menu-drop-bg.png) repeat-x; border:solid 1px #e6e6e6;}
#product .sideBarItem ul li{ margin:1px 0px 1px 0px; }
#product .sideBarItem ul li a{ display:block; padding:9px 0px 9px 13px; text-decoration:none; font-weight:bold; color:#1d366f;}
#product .sideBarItem ul li a:hover{ background:#d5d5d5;}
#product .sideBarItem.right{ width:238px;}
#product #otherLinks{ margin-top:30px;}

#product div.screen{ margin:20px 0px;}


#product #priceBox #spanPrice{ text-align:center; font-size:16px; margin-bottom:20px;}
#product #priceBox #priceList{ margin:20px 0px;}
#product #priceBox #priceList ul{}
#product #priceBox #priceList ul li{ margin:5px 0px; padding:5px 0px 5px 30px;}
#product #priceBox #priceList ul li .radioButton{  float:left; margin:-1px 10px 0px 0px;}

#product #desc{ line-height:1.3; padding-right:30px;}
#product #desc h2{ color:#1f325f; border-bottom:solid #1f325f 1px; padding-bottom:10px; margin:30px 0px 30px 0px;}
#product #desc ul{ list-style:disc; margin-bottom:10px;}
#product #desc ul li{ margin:8px 0px 0px 20px;}

#product #prodPageList{}
#product #prodPageList li{ display:block; margin:15px 0px;}
#product #prodPageList li h3{ margin:10px 0px 10px 0px;}
#product #prodPageList li h3 a{ color:#1d1d1d;}
#product #prodPageList .image{ display:block; width:100px; float:left;}
#product #prodPageList .text{  margin-left:15px; float:left;}
#product #prodPageList .learnMore{ padding-top:10px; display:block;}

table#contactTable{ margin-top:30px;}
table#contactTable td{ vertical-align:middle; padding:4px 0; font-weight:bold;}
table#contactTable div{ padding-right:10px; line-height:1.3;}

#news #sidepoints{}
#news #sidepoints ul li{ padding-left:20px; padding:9px 0 9px 13px; font-weight:bold;}
#news #sidepoints ul li ul li{ padding:0;}

#news.inner h3{ margin:0;}


#admin { line-height:1.4;}
#admin a{ text-decoration:none;}

table#compareChart{ }
table#compareChart td{ padding:10px 5px; text-align:center; width:84px;}
table#compareChart td.firstCol{ text-align:right; width:180px; padding:10px 5px; font-weight:bold;}
table#compareChart thead td{}
table#compareChart thead td a{ line-height:1.3; text-decoration:none; font-weight:bold;}

table#compareChart tbody td{padding:10px 0px; border:solid 1px #e3e3e3;background:url(../images/menu-drop-bg.png) repeat-x;}
table#compareChart tbody td.firstCol{ border:none; background:none;}
table#compareChart tbody td.firstCol span{ float:right; padding:3px 0px 0px 10px;}
table#compareChart tbody td.firstCol a{ float:right;}

#compare #tipcontainer{ display:none;}

#cart{ border:solid 1px #e5e5e5;}

#rssLink{ background:url(../images/rss.png) no-repeat left center;padding-left:40px; display:block; line-height:40px; font-size:16px; font-weight:bold; text-decoration:none; color:#1d1d1d;}
#rssLink:hover{ text-decoration:underline;}

/**********************************
*            Footer            *
**********************************/


#footer{ margin-top:15px; text-align:right; border-top:1px solid #999999; padding-top:5px;}
#footer .left{ float:left; text-align:left;}
#footer .left a{ text-decoration:none;}