/* elements */

html, body {background-color : #DCDCDC;font-family: Verdana,Arial,Helvetica;font-size : 11px;line-height : 150%;margin : 0px;}
a:link, a:visited, a:active {color : Blue;text-decoration: none;}
a:hover {color : Red;text-decoration: underline;}
b, strong {font-weight : bold;}
td, th {font-size:11px;line-height: 1.5;}
img {border: 0px; padding: 0px; margin: 3px;}
select, textarea, input {font-size: 11px;}
h1 {font-size:130%;}
h2 {font-size:110%;}
h3 {font-size:105%;}
h4 {font-size:100%;}
h5 {font-size:100%;}
h6 {font-size:100%;}
h1,h2,h3,h4,h5,h6 {margin-top: 10px;margin-bottom: 2px;  letter-spacing : -1px;}
ul li {margin-bottom:3px;}
p {margin-top: 15px; margin-bottom:10px;}

.thumbnail {position: relative;z-index: 0;cursor:pointer;}
.thumbnail:hover {background-color: transparent;z-index: 50;}
.thumbnail span {position: absolute;background-color: white;padding: 5px;left: -5000px;border: 1px solid silver;visibility: hidden;color: black;text-decoration: none;}
.thumbnail span img {border-width: 0;padding: 0px;}
.thumbnail:hover span {visibility: visible;top: 50px;left: -200px;}

/* new classes */
.box3 {border:1px #DDDDDD solid;border-top:5px #DDDDDD solid;padding:10px;background-image: url(/images/boxgradient_grey.jpg);background-repeat: repeat-x;}
.box1 {width: 198px;border: 1px silver solid;}
.box2 {width:139px;}
.box1, .box2 {margin: 5px;padding: 15px;font-size : 80%;background-image: url(/images/boxgradient_grey.jpg);background-repeat: repeat-x;float: left;position: relative;overflow: hidden;}
.box1 ul, .box2 ul {margin: 10px 10px 20px 30px;padding: 0px;}
.box_title {margin: -15px -15px 5px -15px;padding : 10px 5px 10px 5px;background-color : #DDDDDD;color : #444444;text-align: center;}
.topleft {top:0px;left:0px;}
.topright {top:0px;right:0px;}
.bottomleft {bottom:0px;left:0px;}
.bottomright {bottom:0px;right:0px;}
.topleft, .topright, .bottomleft, .bottomright {position:absolute;}
.centered {text-align: center;}
.centeredtitle {font-weight: bold;text-align:center;font-size: 110%;}
.button {padding:3px 6px 3px 6px;background-color:silver;font-weight:bold;letter-spacing: -1px;color:white;border-right:1px black solid;border-bottom:1px black solid;text-align:center;margin:10px 0px 10px 0px}
.button a:link, .button a:visited, .button a:active, .button a:hover {color: white; text-decoration: none;}
.button1 {padding:3px 6px 3px 6px;margin: 10px;background-color : #EA888D;font-weight:bold;letter-spacing: -1px;color:white;border-right:1px black solid;border-bottom:1px black solid;}
.button1 a:link, .button1 a:visited, .button1 a:active, .button1 a:hover {color: white; text-decoration: none;}
.button2 {padding:3px 6px 3px 6px;margin: 10px;background-color : #8EBFE4;font-weight:bold;letter-spacing: -1px;color:white;border-right:1px black solid;border-bottom:1px black solid;}
.button2 a:link, .button2 a:visited, .button2 a:active, .button2 a:hover {color: white; text-decoration: none;}
.button3 {padding:3px 6px 3px 6px;margin: 10px;background-color : #E8B668;font-weight:bold;letter-spacing: -1px;color:white;border-right:1px black solid;border-bottom:1px black solid;}
.button3 a:link, .button3 a:visited, .button3 a:active, .button3 a:hover {color: white; text-decoration: none;}
.button4 {padding:3px 6px 3px 6px;margin: 10px;background-color: silver;font-weight:bold;letter-spacing: -1px;color:white;border-right:1px black solid;border-bottom:1px black solid;}
.button4 a:link, .button4 a:visited, .button4 a:active, .button4 a:hover {color: white; text-decoration: none;}
.tickitem {background-image:url(/securitygateway/images/red_tick.jpg);background-repeat:no-repeat;padding-left:30px;}

/* new table classes */
.pricetable {border:1px solid #000000;border-collapse : collapse; }
.pricetable TH {background-color:#000000;color:white;padding:5px;}
.pricetable TD {padding:5px;background-color:#FFFFFF;}
.pricetable .altrow {background-color:#EEEEEE;}

/* old classes */

.h1 {letter-spacing:-1px; font-size:20px; color:black; font-weight:bold; margin: 0px;	padding: 0px;  text-align : center; }
.h2 {letter-spacing:-1px;font-size:18px; color:black; font-weight:bold;margin:0px; padding: 0px;}
.h3 {letter-spacing:-1px;font-size:14px; color:black;font-weight:bold;margin:0px; padding: 0px;}
.h4 {font-size:12px; font-weight:bold;margin: 10px 0px -18px 0px; padding: 0px;  text-decoration : underline;  font-style : italic;  }
.insetleft1 {margin: 0px 0px 0px 20px;}
.insetleft2 {margin: 0px 0px 0px 40px;}
.insetboth1 {margin: 0px 20px 0px 20px;}
.insetboth2 {margin: 0px 40px 0px 40px;}
.question {	font-style : italic; font-weight : bold; font-size : 12px; color : #0000CD;}
.testimonial P {font-size: 10px; font-style: italic;}
.smalltext {font-size : 10px;}
.productmenu {font-weight : bold;}
.submenuitem {font-size: 10px;}
.productsubmenu {font-weight : bold; margin-bottom : -15px;	background : #666666; border : 2px solid white;	padding : 3px 3px 3px 3px;}
.productsubmenu a:link, .productsubmenu a:visited {color: white;}
.productsubmenu a:hover{color: red; text-decoration : none;}
.footer {font-size : 10px; margin-left : 5px; margin-right : 5px; color : White;}
.footer a:link, .footer a:visited, .footer a:visited {font-size : 10px;	margin-left : 5px; margin-right : 5px; color : White;}
.infomessage { padding: 5px;margin: 20px 150px 20px 150px; text-align : center;      border : 2px solid Blue;  color : Black;     }
.errormessage { padding: 5px;margin: 20px 150px 20px 150px; text-align : center;      border : 2px solid Red;  color : Black;     }
.highlightbig  {font-size: 50px;color: red;font-weight : bold;line-height: 1;   }
.highlightsmall {font-size: 16px;color: red;font-weight : bold;line-height: 1;}
.highlightfeature {font-size: 12px;color: black;font-weight : bold;  font-style : italic; }
.highlightsmallprint {font-size: 10px;color: #666666; ;line-height: 1;}
.highlightbox {	border-bottom : 1px solid blue;	border-right : 1px solid blue;	border-left : 1px solid blue;	border-top : 10px solid blue;}
.highlightboxred {	border-bottom : 1px solid #FF0852;	border-right : 1px solid #FF0852;	border-left : 1px solid #FF0852;	border-top : 10px solid #FF0852;}

.sidemenubox {width:138px;margin:20px 0px 20px 0px;padding:5px;border: 1px solid grey;  background-color : #FFFFFF;  font-size : 10px;  line-height : 1.3;}
.sidemenubox ul {text-align: left;list-style-type:circle;}
.sidemenubox li {line-height:1.1;}
.sidemenubox img {text-align:center;  display : inline; }
.sidemenubox .title {padding: 3px;font-weight : bold;text-align:center;  color : Black; }

/* table styles here */

TABLE.zswtable {border: 1px solid Black; background-color: White;}

TABLE.style1 {background-color: White;border: 1px solid black;}
TABLE.style1 TH {color:White; background-color: #666666;padding: 2px;}
TABLE.style1 TD {padding: 1px;}

TABLE.infogrid {background-color: #666666;}
TABLE.infogrid TH {background-color: #666666; font-size: 11px; color: White; padding: 2px;}
TABLE.infogrid TD {background-color: White; font-size: 11px; padding: 1px;}

TABLE.grid1 {}
TABLE.grid1 TH {font-size: 11px;}
TABLE.grid1 TD {font-size: 11px; border-top: 1px solid #DCDCDC;  padding : 3px;  background-color : #F0F8FF; }

TABLE.grid2 {}
TABLE.grid2 TH {font-size: 11px;}
TABLE.grid2 TD {font-size: 11px; border-top: 1px solid #DCDCDC;  padding : 3px;  background-color : #FFE4E1; }

TABLE.orderitems {}
TABLE.orderitems TD {font-size: 10px; background-color : White;  }

.TableWarning {background-color : #E6E6FA;border : 1px solid Red;}
.TableWarning TD {padding : 2px;}
.TableWarning TH {color : White;background-color : Red;padding : 2px;}

TABLE.disptab {background: #CCCCCC;}
TH.disptab {font-size: 8pt;font-weight: bold;color: black;background: #CCCCCC;}
TD.disptabrow {font-size: 8pt;color: black;background: #FFFFFF;}
TD.disptabaltrow {font-size: 8pt;color: black;background: #FFFF99;}

TABLE.trainingtopics {background-color: white;border: 1px solid lightgrey;}
TABLE.trainingtopics TH {color: black; background-color: white; padding: 2px;  font-style : italic;  font-size : 12px; }
TABLE.trainingtopics TD {padding: 2px; font-size : 11px; }

TABLE.trainingtopics1 {background-color: #EEEEEE;border: 1px solid Black;}
TABLE.trainingtopics1 TH {color: White; background-color: #666666; padding: 2px;  font-style : italic;  font-size : 12px;  }
TABLE.trainingtopics1 TD {padding: 2px; font-size : 11px; }

TABLE.resellerappform {}
TABLE.resellerappform TD {padding: 5px;}
TABLE.resellerappform TD.field {color: black;font-size: 11px;  font-weight : bold;}
TABLE.resellerappform TD.value {font-size: 12px; background-color : #FFFACD;}
TABLE.resellerappform TD.note {font-size: 10px; background-color : #FFFACD;}

TABLE.ppoverview {border : 1px solid Black;}
TABLE.ppoverview TH {font-size: 10px; background-color : black;  text-align : left;  vertical-align : top;color: white;  border-bottom : 1px solid Black;}
TABLE.ppoverview TD {font-size: 10px; background-color : #FFFACD;  text-align : left;  vertical-align : top;border-bottom : 1px solid Black;  padding : 3px; }

TABLE.salesleads {font-size: 10px; border : 1px solid Black;}
TABLE.salesleads TH {font-size: 10px; border-bottom: 1px solid Black;}
TABLE.salesleads TD {font-size: 10px; border-bottom: 1px dashed Black;}

.generalgrid {border-right : 1px solid Black; border-top : 1px solid Black;text-align:left;}
.generalgrid TH, .generalgrid TD {font-size: 10px; border-left:1px solid black;border-bottom:1px solid black;padding : 3px; vertical-align : top;}
.generalgrid TH {background-color: black; color: white;}
.generalgrid TD {background-color: white; color: black;}

DIV#maincontent {
	border : 1px solid #DCDCDC;	
	margin : 0px;
	width : 600;
	height : 100px;
	background-color : #B0E0E6;
	padding : 5px;
	}

DIV#featureitem {
	float: left;
	border : 1px solid #DCDCDC;
	margin : 0px;
	width : 100;
	height : 50px;
	background-color : #EE82EE;
	padding : 5px;
	}

DIV#featureitem1 {
	float: right;
	border : 1px solid #DCDCDC;
	margin : 0px;
	width : 100;
	height : 50px;
	background-color : #EE82EE;
	padding : 5px;
	}

/* styles for BackupAssist */

.backupassist h2 {
	color: rgb(0, 124, 194);
	font-size: 14px;
}

div.ba_boxLinks {
	float:left;
	display: block;
	width: 180px;
	height: 76px;
	color:white;
	text-align: left;
	text-decoration : none;
}

div.ba_boxLinks .title {
	font-weight:bold;
	font-size:10px;
	margin: 5px 0px 0px 55px;
}

div.ba_boxLinks .text {
	font-size:9px;
	margin: 0px 5px 0px 55px;
}

div.ba_boxLinks#tour {
	background: url(/backupassist/images/tourButton.png) no-repeat top left;
}

a div.ba_boxLinks#tour:hover {
	background: url(/backupassist/images/tourButton-Hover.png) no-repeat top left;
}

div.ba_boxLinks#download {
	background: url(/backupassist/images/downloadButton.png) no-repeat top left;
}

a div.ba_boxLinks#download:hover {
	background: url(/backupassist/images/downloadButton-Hover.png) no-repeat top left;
}
div.ba_boxLinks#buy {
	background: url(/backupassist/images/buyButton.png) no-repeat top left;
}

a div.ba_boxLinks#buy:hover {
	background: url(/backupassist/images/buyButton-Hover.png) no-repeat top left;
}

div.ba_highlights {
	margin: 10px;
	border:1px #DDDDDD solid;
	padding:10px;
	background-image: url(/images/boxgradient_grey.jpg);
	background-repeat: repeat-x;
}

div.ba_highlights .ba_header {
	padding: 5px;
	margin: -6px;
	background-color : #990033;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

ul.ba_ticks {
	list-style-image: url(/backupassist/images/greenTick.gif);
}

div.ba_faq .faq {
	color:blue;
	font-size: 14px;
	padding: 3px;
}

div.ba_faq .abc {
	color:blue;
	text-decoration : none;
}

div.ba_faq .faq_list {
	list-style-type : none;
}

div.ba_faq img {
	margin:5px 5px 0px 0px;
}

div.backupassist h1 {
		color:#004891;
		font-size:26px;
}

/* styles for MailStore */

div.mailstore h1 {
	font-family: Arial, Helvetica, sans-serif;
    color: #686868;
    font-size: 24px;
    margin-bottom: 6px;
    padding-bottom: 6px;
	font-weight: normal;
	letter-spacing:-1px;
	line-height : 20px;
}

div.mailstore h2 {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	margin-top : 15px;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 3px solid #cbcbcb;
}

div.mailstore hr {
    border:solid #686868 1px;
    background-color: #686868;
    height:2px;
}

div.mailstore ul.check li
{
	display: block;
	list-style-type: none;
	background-image: url(/mailstore/images/check_11.png);
	background-repeat: no-repeat;
	padding: 0px 0px 2px 25px;
	margin: 0px;
	margin-bottom: 3px;
	border-bottom: solid 1px #e5e5e5;
}

div.mailstore div.hrow 
{
	background-image: url(/mailstore/images/bg_hrow.png);
	height: 15px;
	width: 100%;
	margin-bottom: 5px;
}

div.mailstore li.changelog span.type {
background-color:#707070;
color:White;
font-size:9px;
font-weight:bold;
margin-right:4px;
padding:1px 4px;
}

div.mailstore .productdbox {
	border: 1px solid #dddddd;
	background-color:#dddddd;
	padding:5px;
	color:#444444;
}

div.mailstore .productdbox a {
	color:#444444;
}

div.mailstore #mcmenu
{
	padding: 0;
	background: #F8F8F8;
	border-bottom: solid 1px #D3D3D3;
}

div.mailstore #mcmenu li
{
	margin:0px;
	float: none;
	display: block;
	border-left: solid 1px #D3D3D3;
	border-right: solid 1px #D3D3D3;
	border-top: solid 1px #D3D3D3;
}
			
div.mailstore #mcmenu li a
{
	color: #404040;
	display: block;
	padding: 2px 2px 2px 10px;
	text-decoration: none;
	margin: 0px -1px 0px -1px; /* IE6 */
}
			
div.mailstore #mcmenu li a:hover
{
	background: #E0E0E0;
}

div.mailstore #mcmenu li ul
{
    margin: 0;
	padding: 0;
	background: #FFFFFF;
	border-top: solid 1px #D3D3D3;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

div.mailstore #mcmenu li ul li
{
	float: none;
	display: block;
	border-style: none;
}

div.mailstore #mcmenu li ul li a
{
	font-size: 10px;
	line-height: 13px;
	color: #000000;
	display: block;
	padding: 5px 4px 5px 30px;
	text-decoration: none;
	margin: 0px -1px 0px -1px; /* IE6 */
}
			
div.mailstore #mcmenu li ul li a:hover
{
	background: #e0e0e0;
}