@import url("common.css");

html, body{

color: black;text-align: center;font-family: arial;

margin:0px;padding: 0px;

}

#container{

text-align: left;width: 780px;margin-left: auto;margin-right: auto;position:relative;padding-bottom:0px;margin-bottom:0px;padding-top:0px;
}

#header{

height: 75px;position: relative;

}

#header .logo{

margin-top: 25px;float: left;clear: both;

}

#header .strap{

float: left;clear: both;margin-top: 0px;

}

#login{

display: inline;position: absolute;top: 37px;right: 0px;font-size: 12px;

}

.login input{

}

#login .submit{

background: #000000;color: #ffffff;width: 25px;

}

#index-splash{

position: relative;height: 210px;margin: 5px 0px 0px 0px;

}/* commented backslash hack \*/#index-splash {
z-index: -1;
}/* end hack */html>body #index-splash {
z-index: 0;
}




#index-news{

position: absolute;width: 220px;background: #ababab;color: #ffffff;top: 0px;right: 
0px;height: 210px;
overflow: hidden;

}
#index-news {

z-index:1;

}/* end hack */

html>body #index-news {

z-index: 1;

}

#index-news a{

color: #ffffff;background: transparent;
padding: 0px 10px 0px 0px;}

#index-news a:hover{

text-decoration: underline;

}

#index-news h1{

margin: 0px;padding: 10px 10px 0px 10px;font-size: 14px;font-weight: normal;
}

#index-news h2{

margin: 0px;padding: 0px 10px 0px 10px;font-size: 11px;
}

#index-news h3{

margin: 12px 0px 0px 0px;padding: 0px 10px 0px 10px;font-size: 11px;
}

#index-boxes{
position: relative;
width: 100%;
height: 170px;
margin: 5px 0px 10px 0px;
font-size: 11px; line-height:12px;
padding: 0px 0px 20px 0px;
}

#index-boxes div{
width: 195px;
height:180px;
position: relative;
float: left;
background: url(../images/style/bluedots.gif) repeat-y top right;
}
#index-boxes div.last{
background: transparent;
}
#index-boxes h2{
background: #9aa8b7;
color: #ffffff;
text-indent: 10px;
font-size: 12px;
line-height: 25px;
padding: 0px;
margin: 0px;
}
#index-boxes ul{
margin: 10px 0px 8px 0px;
padding: 0px;
}
#index-boxes li{ color:#666666;
margin: 0px 5px 6px 25px;
padding: 0px;
list-style-image: url(/images/style/reddot.gif);
}
#index-boxes p{
margin: 8px 10px 8px 10px;
padding: 0px;
}
#index-boxes .learnmore{ margin-top:10px;position: absolute;bottom: 0px;left: 10px;}
#index-boxes a{
color: #FF0000; text-decoration:none;
}
#index-boxes a:hover{
color: #ff0000; text-decoration:underline;
}

/*Index page stuff below ere*/

#topbar{

margin: 5px 0px 5px 0px;

height: 116px;position: relative;

}

#topbarproducts{

background: #C8C8C8 url(/images/style/products.jpg)  no-repeat;

margin: 5px 0px 5px 0px;

height: 116px;position: relative;

}

/* commented backslash hack \*/

#topbarproducts {

z-index: -1;

}/* end hack */

html>body #topbarproducts {

z-index: 1;

}

#topbarcorporate{

background: #C8C8C8 url(/images/style/corporate.jpg)  no-repeat;

margin: 5px 0px 5px 0px;

height: 116px;position: relative;

}

/* commented backslash hack \*/

#topbarcorporate {

z-index: -1;

}/* end hack */

html>body #topbarcorporate {

z-index: 1;

}

#topbarpartners{

background: #C8C8C8 url(/images/style/partners.jpg)  no-repeat;

margin: 5px 0px 5px 0px;

height: 116px;position: relative;

}

/* commented backslash hack \*/

#topbarpartners {

z-index: -1;

}/* end hack */

html>body #topbarpartners {

z-index: 1;

}

#topbarresearch{

background: #C8C8C8 url(/images/style/research.jpg)  no-repeat;

margin: 5px 0px 5px 0px;

height: 116px;position: relative;

}

/* commented backslash hack \*/

#topbarresearch {

z-index: -1;

}/* end hack */

html>body #topbarresearch {

z-index: 1;

}

#topbarservices{

background: #C8C8C8 url(/images/style/services.jpg)  no-repeat;

margin: 5px 0px 5px 0px;

height: 116px;position: relative;

}

/* commented backslash hack \*/

#topbarservices {

z-index: -1;

}/* end hack */

html>body #topbarservices {

z-index: 1;

}

#topbarsupport{

background: #C8C8C8 url(/images/style/support.jpg)  no-repeat;

margin: 5px 0px 5px 0px;

height: 116px;position: relative;

}

/* commented backslash hack \*/

#topbarsupport {

z-index: -1;

}/* end hack */

html>body #topbarsupport {

z-index: 1;

}

/* commented backslash hack \*/

#topbar {

z-index: -1;

}/* end hack */

html>body #topbar {

z-index: 1;

}

#threepillars{

border-top: 1px solid #ffffff;width: 780px;position: relative;margin-bottom: 20px;z-index: 1;margin-top: 0px;padding-top: 0px;

}/* commented backslash hack \*/#threepillars {

z-index: -1;

}/* end hack */html>body #threepillars {

z-index: 1;

}

#threepillars p{

padding: 0px;margin: 12px 5px 12px 5px;

}

#teaching{

float: left; width: 165px;margin-right: 5px;margin-top: 0px;
z-index:1;
-z-index:-1;

}

#practice{

float: left; width: 173px;margin-left: 5px;margin-top: 0px;position: relative;
z-index:1;
-z-index:-1;

}

#practice h2{

font-size: 12px;line-height: 15px;font-weight: bold;margin: 15px 5px 5px 5px;padding: 0px;position: relative;

}

#practice.news p{

margin: 8px 0px 8px 5px;font-weight: bold;

}

#practice.news a{

font-weight: normal;

}

#practice h4{

margin: 5px 0px 5px 5px;padding: 0px;font-size: 11px;font-weight: normal;

}

#practice div{

background: #e3e3e3;border: 1px solid #a8a8a8;margin: 8px 0px 12px 0px;

}

#practice h3{

position: relative;font-size: 11px;

}

#threepillars #practice .links{

margin: 0px 0px 8px 5px;

}

#threepillars #practice .links a{

color: #ff0000;

}

#enlightenment{

float: left; width: 600px;margin: 0px 0px 50px 2px;

}

#enlightenment h1{

background: #9aa8b7;color: #ffffff;margin: 0px;padding: 0px;line-height: 25px;font-size: 12px;text-indent: 5px;z-index: 0;font-weight: normal;margin-top:1px;

}

#enlightenment h1 a{

color: #ffffff;

}

#enlightenment h2{

color: #000000;margin: 8px 5px 8px 5px;padding: 0px;line-height: 15px;font-size: 12px;font-weight: bold;

}

#enlightenment h3{

color: #000000;margin: 8px 5px 8px 5px;padding: 0px;line-height: 12px;font-size: 11px;font-weight: bold;

}

#enlightenment .news h4{

color: #000000;margin: 0px 5px 0px 5px;padding: 0px;line-height: 12px;font-size: 12px;font-weight: normal;

}

#enlightenment .news h4 a{

color: #000000;

}

#enlightenment p{

margin-top: 9px;

}

#teaching h1{

background: #d30303;color: #ffffff;margin: 0px;margin-top:1px;padding: 0px;line-height: 25px;font-size: 12px;text-indent: 5px;z-index: 0;

}

#practice h1{

background: #9aa8b7;color: #ffffff;margin: 0px;margin-top:1px;padding: 0px;line-height: 25px;font-size: 12px;text-indent: 5px;z-index: 0;font-weight: normal;

}

#teaching ul{

margin: 0px 0px 35px 0px;padding: 0px;

}

#teaching li{

padding: 0px;list-style-type: none;line-height: 25px;display: inline;

}

#teaching li a{

color: #ffffff;background: #d30303;display: block;padding: 5px 5px 5px 5px;line-height: 15px;margin: 1px 0px 1px 0px;

}

#teaching a{

color: #000000;

}

#teaching p{

font-weight: bold;margin-left: 0px;

}

#teaching a:hover{

text-decoration: underline;

}  

#practice a{

color: #B50606;

}

#practice a:hover{

text-decoration: underline;

}

#practice a.learn{

color: #374C93;

}

#enlightenment blockquote{

margin: 8px 10px 8px 5px;background: #ebe9ea;color: #000000;padding: 10px;

}

#enlightenment blockquote h2{

margin: 0px 10px 8px 5px;line-height: 14px;padding: 0px;font-size: 12px;color: #F8390F;font-weight: bold;

}

#enlightenment ul{

color: #293E85;margin: 8px 10px 8px 0px;padding: 0px;

}

#enlightenment ul li{

padding: 0px;list-style-image: url(/images/style/bluebullet.gif);

color: #000000;

line-height: 14px;

margin: 0px 10px 0px 20px;

}

.promo{

margin: 8px 0px 8px 0px;

border: 0px;

padding: 0px;

}

#enlightenment .promo h1{

background: transparent;color: #000000;text-transform: uppercase;margin: 3px 5px 0px 5px;text-indent: 0px;line-height: 18px;font-size: 14px;font-weight: bold;

}

#enlightenment .promo h2{

background: transparent;color: #9BA8B8;margin: 0px 5px 8px 5px;font-size: 14px;line-height: 13px;

}

#enlightenment .promo h2 strong{

color: #ff0000;font-size: 14px;

}

#enlightenment .promo ul{

float: left;

margin-top: 0px;

}

#enlightenment .promo li{

margin: 5px 5px 5px 20px;

color: #000000;

font-weight: bold;

list-style-image: url(/images/style/bluebullet.gif);

background:  url(/images/style/promobg.gif) top left no-repeat;

line-height: 20px;

padding: 0px;

width: 305px;

}

#enlightenment .promo a{

color: #ff0000;

}

#enlightenment .promo a:hover{

text-decoration: underline;

}

#enlightenment .promo .buttons{

}

.buttons img{

margin-left: 8px;

}

.webtrust{

position:relative;top: 5px;text-align: center;

}

#menu{
background: #ff0000;
height: 25px;
margin:0px;
padding:0px;
width:780px
}

#nav{
padding:0px;
margin:0px;
background:#ff0000;
width:780px;
list-style: none;
border:0px;
}

#nav{
padding:0;margin:0;background:#ff0000;
}
#nav ul {

padding:0px;
margin:0px;
z-index:99;
overflow:visible;
position: relative;
border: 1px solid #c0c0c0;
background:#ffffff;
width:150px;
}

#nav li{
margin:0px;
padding:0px;
position: relative;  
display:inline;
line-height: 25px;
float: left;
z-index:99;


}/* end hack */
html>body #nav li{
margin:0px;
padding:0px;
position: relative;  

line-height: 20px;
 


}

#nav a {
margin:0px;
padding:0px 10px 0px 10px;
text-decoration:none;
color: #ffffff;
padding: 0px 0px 0px 0px;
line-height: 25px;
float: left;
width:60px;
}
#nav li li{
background:#ffffff;
}
#nav li ul a{
color: #000000;background: #efefef url(/images/style/reddot.gif) no-repeat 4px 9px; width: 160px; border-right: 1px solid #c0c0c0;z-index:99;padding: 2px 10px 2px 15px;line-height: 15px;position: relative;
}

#nav li ul a:hover{
color: #000000;background: #efefef url(/images/style/reddot.gif) no-repeat 4px 9px;
}
#nav li ul a img{
position: absolute;top: 5px;right: 5px;
}
#nav a:hover, #nav li:hover{
}
#nav ul li:hover, #nav ul li a:hover{
background:#C0C0C0 url(../images/style/reddot.gif) no-repeat 4px 9px;
}
#nav ul ul, #nav ul ul ul{
display:none;position:absolute;left: 185px;top: auto;background: #ffffff;color: #000000;z-index:99;
}
#nav ul{
display:none;position:absolute;top:25px;left: 0px;background: #ffffff;z-index:99;width: 185px;padding: 0px;
}/* non-IE browsers see this */#nav ul li>ul, #nav ul ul li>ul{
margin-top:-1.4em;background: #ffffff;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
display:block;z-index:99;
}li>ul {
top: auto;left: auto;
}/* Win IE only \*/* html #nav li{
float:left;
}/* end holly hack */ div#flashcontent {
 z-index: 1; 
}

#footer{

clear: both;width: 426px;margin-left: auto;margin-right: auto;text-align: center;

}

#footer ul{

margin: 0px;padding: 0px;text-align: left;

}

#footer li{

margin: 0px;padding: 0px 13px 0px 0px;line-height: 25px;display: inline;font-size: 11px;

}

#footer a{

color: #000000;

}

#footer a:hover{

text-decoration: underline;

}

#footer p{

margin: 0px 0px 20px 0px;padding: 0px;text-align: left;color: #999999;

}

#footer p a{

color: #999999;

}

#footer.index{

margin: 20px 0px 0px 0px;

width: 100%;

position: relative;

}

#footer.index ul{

text-align: center;

}

#footer.index a{

color: #999999;

}

#footer.index p{

text-align: center;

}

#footer.index .webtrust{

position: absolute;

top: -10px;

left: 150px;

}

#login{

top: 5px;right: 5px;

}

#login form{

margin: 0px;padding: 0px;

}

#breadcrumbs{

position: absolute;color: #ffffff;bottom: 5px;left: 300px;

}

#breadcrumbs a{

color: #ffffff;

}

#breadcrumbs a:hover{

text-decoration: underline;

}

#breadcrumbs{

bottom: 4px;left: 259px;color: #ffffff;font-size: 12px;

}

#breadcrumbs a{

color: #fffffff;font-weight: normal;

}

h1.ptitle{

position: absolute;color: #ffffff;font-size: 16px;left: 260px;top: 10px;margin: 0px;padding: 0px;font-weight: normal;

}

#regionselector{

position: absolute;right: 0px;bottom: -5px;

}

.news{

margin-top: 0px;

}

.freebies{

width: 100%;

}

.freebies td{

vertical-align: top;color: #000000;background: #f0f0f0;padding: 10px;

}

.freebies th{

vertical-align: top;text-align: left;background: #edf1fd;color: #000000;font-weight: bold;width: 120px;padding: 10px;font-size: 13px;

}

.freebies th img{

margin-left: auto;margin-right: auto;text-align: center;padding-top: 10px;

}

.freebies td img{

padding-top: 10px;

}

.table{

margin: 8px 5px 8px 5px;

width: 415px;

}

.table thead th{

background: #9AA8B7;

color:#ffffff;

}

.table th, .table td{

border: 1px solid #A8A8A8;

padding: 3px;

text-align: center;

}

.table tbody th{

background: transparent;

}

.table tr:hover{

background: #E3E3E3;

}

.highlight{

color: #de0303;

}

#teaching li ul a{

background: #8C0000;

}

#teaching li ul{

margin: 0px;

}



#loginName{

background: url(/images/style/username.gif);

}

#loginName:focus{

background: #ffffff;

}

#loginPassword{

background: url(/images/style/password.gif);

}

#loginPassword:focus{

background: #ffffff;

}



#dvHdr, .jargonhead{

background: #D30303;

color: #ffffff;

width: 180px;

line-height: 20px;

padding: 0 5px 0 5px;

border: 1px solid #cccccc;

position: relative;

z-index: 99;

}



.jargonbody{

background: #ffffff;

padding: 5px;

width: 180px;

border: 1px solid #cccccc;

position: relative;

z-index: 99;

}



a.inline{

color: inherit;

}


.ifree{
padding: 0px 0px 5px 10px;
vertical-align: middle;
}

.freebtn{
vertical-align: middle;
margin: 0px 0px 5px 10px;
text-decoration:none;
}
.ifree a .freebtn{
text-decoration:none;
}

.ifree a:hover .freebtn{
text-decoration:none;
}


.reda{
padding-left:5px;
display:none;
}

#index-boxes a.ifree{
color: #666666;
text-decoration:none;
vertical-align: middle;
padding:0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
}

#index-boxes a.ifree:hover{
color: #333333;
text-decoration:underline;
}

.imprve{
padding-right:5px;
}

#index-boxes a.imprve{
color: #666666;
text-decoration:none;
}

#index-boxes a.imprve:hover{
color: #333333;
text-decoration:underline;
}

.isupport{
padding-right:1px;
}

#index-boxes a.isupport{
color: #666666;
text-decoration:none;
}

#index-boxes a.isupport:hover{
color: #333333;
text-decoration:underline;
}

#index-boxes a.iprice{
color: #666666;
text-decoration:none;
}

#index-boxes a.iprice:hover{
color: #333333;
text-decoration:underline;
}
.indexev {
	background-image: url(/images/comodo_bannerHA.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:555px;
	height:210px;
	position:relative;
}
a.bbb_buy:hover{
background-image: url(/images/bbb_buy_hot.jpg);
}
a.bbb_learn:hover{
background-image: url(/images/bbb_learn_hot.jpg);
}
a.bbb_buy, .bbb_buy{
display:block;
background-image: url(/images/bbb_buy.jpg);
background-repeat: no-repeat;
width:48px;
height:18px;
position:absolute;left:295px;top:176px;
z-index:100;
}
a.bbb_learn, .bbb_learn{
display:block;
background-image: url(/images/bbb_learn.jpg);
background-repeat: no-repeat;
width:48px;
height:18px;
position:absolute;left:345px;top:176px;
z-index:100;
}