/* basic formatting */
body {
  background-color: #e9e9e9;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 71%; line-height: 1.3em; color: #333333; /*was .71em */
  margin:0;
  padding:0;
  background-image:url(pix3/wrap.gif);
  background-position:center;
  background-repeat:repeat-y; 
  }
  
@media screen and (max-device-width: 480px) { /*iPhone only*/

body {-webkit-text-size-adjust:122%;}

}

p,center,td,tr,table,div {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1em; line-height: 1.3em; color: #333333 
  }
  
img {
	border:none;
	}

h4 { font-size:1.5em;color:#ffffff }
h3 { font-size:1.4em;font-weight:bold;color:#003333;line-height:1.3em; }
h1 { font-size:1.3em;font-weight:bold;color:#003333;line-height:1.3em; }
h2 { font-size:1.2em;font-weight:bold;color:#003333;line-height:1.3em; }

form {margin:0;} 

a:link {color: #0033cc;} 
a:visited {color: #000099;} 
a:active {color: #990000;}
a:hover {color: #990000;}

.blnk { color: #003399; font-weight: bold }  /* bold links */
a.blnk:link { color: #003399; font-weight: bold }
a.blnk:hover { color: #cc0000; text-decoration: underline; font-weight: bold }

img, img a {
 border: 0px ;
 }

li {
  padding-bottom: 12px ;
  }

/* layout */

#whole {
  width: 770px; 
  background-color:#ffffff; 
  margin: 0 auto;
  }

#content {
  min-width: 740px ;  
  background-color: #fff ;
  overflow:hidden;
  position:relative;
  margin:0 auto;
  }
  
#maincol {
  display:inline;
  float: left ;
	width: 500px ;
	margin-left: 18px ;
  background-color: #fff ; 
  }

#fatmaincol {
	width:600px; 
	margin:0 auto 0 auto ;
}

#menucol {
  display:inline;
  float: right ;
  width: 200px ;
  margin-right: 15px ;
  margin-top: 4px ;
}

#smallmenus {
  display: none ;
  }

#foot {
  clear:both;
  width:710px; 
	margin-left:20px;
	border-top:1px solid #006666;
}

#storefoot {
  clear:both;
  width:710px; 
	margin-left:20px;
}

/* common styles */

.gotomobile {
	padding:2px;
	border: 2px double #003333;
	text-align: center;
	font-weight: bold;
	display:none;
	background-color: #99CCCC;
	}

.nobreak {
  white-space: nowrap
  }

.subhead { /* use with h2 or h3 */
  margin-top: 0px
  }

/* product sidebar boxes */

.lmlnk { color: #000000; text-decoration: none; font-weight: bold}
a.lmlnk:link { color: #000000; text-decoration: none; font-weight: bold }
a.lmlnk:visited { color: #000000; text-decoration: none; font-weight: bold }
a.lmlnk:hover { color: #990000; text-decoration: underline; font-weight: bold }

.dlnk { text-decoration: none; color: #000000 }
a.dlnk:link { text-decoration: none; color: #000000 }
a.dlnk:visited { text-decoration: none; color: #000000 }
a.dlnk:hover { text-decoration: underline; color: #990000 }

.wblnk { color: #ffffff; text-decoration: none; font-weight: bold }
a.wblnk:link { color: #ffffff; text-decoration: none; font-weight: bold }
a.wblnk:visited { color: #ffffff; text-decoration: none; font-weight: bold }
a.wblnk:hover { color: #ffffff; text-decoration: underline; font-weight: bold }


/* sidebar boxes and their elements  */

.sidebartable {
  width: 200px; 
  padding: 0px; 
  background-color: #f4f4f4 ;
  border: 2px solid #066;
  }

.sidebartable .sidebarboxtitle {
	background-color:#006666;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	padding: 4px 0 4px 6px;
	}

ul.sidebaritems {
  margin:0;
  margin-top:2px;
  padding:0;
  list-style-type:none;
}

.sidebaritems li {
  padding-left:17px;
  padding-bottom:8px;
  background:url(pix/dots.gif) no-repeat top left;  
}	
.sidebaritems li#last-item {
  padding-left:17px;
  padding-bottom:0px;
  background:url(pix/dots.gif) no-repeat top left;  
}


td.sidebar_compatdev {
  border-bottom:2px solid #006666;
  padding-bottom:4px;
  margin-bottom:4px;
  vertical-align: middle ;
  height: 21px ;
  background-image:none;
  font-weight:bold;
  text-indent:0px;
  text-align:center;
  line-height:1.4em;
} 

.sbtablespacer {
  margin: 7px ;
  }

.devhelpnote {
  text-align: center ; 
  padding-top: 4px ;
  }

/* catalog-style boxes and their elements */
.topbox {
	width:550px; 
	padding:0px; 
	border:3px double #006666;
}

.topbox td {
  border-top: 1px solid #669999 ;
  border-left: 1px solid #699 ;
}  

.topbox .tdl {
  border-top: 1px solid #669999 ;
  border-left: 0px solid #699 ;
}  

.titleinbox {
	background-color:#006666;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	padding-top:4px;
	padding-bottom: 4px;
	}

.taller {
  padding-top: 5px;
  text-align: center ;
}

.taller2 {
  padding-top: 2px ;
  }

.spacer {
	color: #003399; 
	text-decoration: none; 
	font-weight: bold;
	}
	
a.spacer:link, a.spacer:visited  { 
	color: #003399; 
	text-decoration: none; 
	font-weight: bold; 
	}
	
a.spacer:hover { 
	color: #cc0000; 
	text-decoration: underline; 
	font-weight: bold; 
	}

/* product tables */

.hardware caption {padding-bottom:3px;font-weight:bold;color:#003333;font-size:1.3em;}
.hardware {width:100%;}
.hardware td {border:1px solid #cccccc;padding-left:2px;padding-right:2px;}
.hardware th {text-align:center;color:#ffffff;font-weight:bold;background-color:#a0a0a0;}
.platform {background-color:#dedede;text-align:center;font-weight:bold;width:25%;}
.vista {font-weight:bold;color:#ff0000;}

/*current version info tables*/

.currver {width:75%;}
.currver td {border:1px solid #cccccc;padding-left:3px;text-align:center;}
.currver th {text-align:center;color:#ffffff;font-weight:bold;background-color:#a0a0a0;}
.verplat {background-color:#dedede;font-weight:bold;width:40%;}


/* product trial page download tables */

.trialtable {border-top:1px solid #006666;width:100%;margin-top:20px;}
.trialtable th {border:none;text-align:left;padding-top:6px;padding-bottom:4px;font-size:1.2em;font-weight:bold;color:#003333;}
.trialSubtitle {font-weight:normal;font-size:.8em;color:#000000;}
.osimagelink {padding-left:20px;width:11%;}
.ostextlink {margin-top:12px;margin-bottom:12px;width:22%;}
.horizontalline {border-top:2px solid #cccccc;}
.posimagelink {padding-left:40px;}
.blueline {border-top: 1px solid #066}


/*used on ewallet and listpro doorway pages*/
ul.sections {margin:0;padding:0;list-style-type:none;}
.sections li {display:inline;padding-right:20px;}
.sections li.currpage {color:#003399;font-weight:bold;}
.article {margin-left:20px;margin-right:40px;text-align:justify;}
.pblist li {margin-left:20px;margin-right:40px;padding-bottom:6px;}

/*eWallet iStorage page*/
.quote {width:85%;margin-left:35px;text-align:justify;}
.button {width:100%;text-align:center;font-weight:bold;}
.button img {border:none;margin-bottom:5px;}
.banner {text-align:center;}
.banner img {border:none;}


/*ewallet screenshot pages*/
.scrnshotlefttd {width:50%;} 
.scrnshotleftdev {padding-left:25px;padding-top:12px;}
.scrnshotfacetd {padding-left:30px;}
.scrnshotfacedev {padding-left:55px;padding-top:12px;}
.shots td {text-align:center;padding:7px;vertical-align:top;width:33%;} /*pocket pc*/
.captions {text-align:center;width:100%;} /*smartphone*/


/*ewi_supt3*/
.t1 { text-align: left; border: 1px solid #aaaaaa; padding: 1px 6px 1px 2px }
.te { border: 1px solid #aaaaaa; padding: 1px 5px 1px 2px }
.t2 { border: 1px solid #000000; padding: 1px 4px 1px 4px; background: #dddddd }
.tf { font-size: 9px; border: 1px solid #333333; padding: 1px 5px 1px 2px }
.ewitable1 {border: 1px solid #aaaaaa; border-collapse: collapse; border-spacing:0}
.ewitable2 {margin:15px;border: 1px solid #000000; border-collapse: collapse; border-spacing:0}


/*dockware features tables*/
.dwfeatstbl {border-collapse:collapse;}
.dwfeatstbl td, .dwfeatstbl th {border:1px solid #cccccc;border-collapse:collapse;}


/*freeware download pages*/
.fwtopline {border-top:1px solid #003333;margin-top:4px;}
.fwbtmline {border-bottom:1px solid #003333;}


/*inscribe pages*/
.lolinks td {padding-right:30px;padding-bottom:20px;text-align:left;}
#layout {display:none;}
#textentry { display:none; }
#features { display:none; }
#features { display:none; }
#review { display:none; }
#picture {display:block; }


/* misc specific */
.green {color:#008800;font-weight:bold;} /* ewallet, anywhere we need green text */
.hilite { background-color: #ffffd3; padding: 5px 2px 6px 6px; 
          font-weight: bold; border: 1px solid #000000; }
.box2 { border: solid 2px #008800; padding: 10px }
.featPad li { padding-bottom:5px }
.box1 { border: solid 1px #000000; padding: 5px }  /* register */
.indented { padding: 0 10px 0 20px }

.noliststyle li {list-style-type:none;padding-bottom:11px;} /*can replace any nested tables used to indent items, on reviews pages too*/
.nopad { padding-bottom: 0px } /* overwrites our normal */

ul.about-pg-list {margin:0;padding:0;}

.about-pg-list li {list-style-type:none;padding-bottom:11px;}

.emph {font-size:1.2em; line-height:1.5em;} /*used on pickcart*/
.redtext {color:#cc0000;} /*pickcart, anywhere we need red text*/

.purpletext {color:#9933ff;} /*purchinf*/

.bluetext {color:#0000ff;} /*reviews pages*/

.subt { margin: 0px 25px 0px 25px;} /*policy page*/

.pcent {text-align:center;} /*any paragraph that needs centered*/

.regcodebox { border:1px solid #000000;padding:5px;width:30%;margin-left:25%; } /*regcodes*/

.squarelist li {list-style-type:square;} /*forder*/

.nested li {list-style-type:disc;padding-top:5px;} /*upgrade info pages, anywhere we have nested lists*/

ul.nnn {  margin-bottom: -.6em; margin-top: .4em }   /* allsuites */
li.msp { padding-bottom: .4em; margin-left: -1.4em; font-weight: bold }
                                 
.tlnk { font-size: 13px; font-weight: bold; line-height: 17px; text-decoration: none; color: #003399 ;}
a.tlnk:link { text-decoration: none; color: #003399 }  
a.tlnk:hover { text-decoration: none; color: #990000 } 

td.redl {  /* redownload */
 padding: 8px 0 8px 0;
 text-align: center;
 width: 76px ;
 }

/*top newsbreak page, special list*/
.pictablelist {padding:0;margin:0;}
.pictablelist li {padding-bottom:2px;list-style-type:none;font-weight:bold;text-align:center;}


/*previous version page in unl*/
.upg {font-size:12px;font-weight:bold;}
a.upg:link {text-decoration:underline;color:#003399;}
a.upg:visited {text-decoration:underline;color:#003399;}
a.upg:hover {text-decoration:none;color:#cc0000;}
a.upg:active {text-decoration:none;color:#cc0000;}

/* images with borders, for 3rd party screenshots that need them */
.bordered {
	border: 1px solid black ;
	}

/* looks like plain text, but is live, used in product tables */
.textlnk { color: #333333 ; text-decoration: none; }
a.textlnk:link { color: #333333 ; text-decoration: none; }
a.textlnk:visited { color: #333333; text-decoration: none; }
a.textlnk:hover { color: #333333; text-decoration: none; }


	
/*STYLES FOR THE STORE*/

.buyconfid {
	text-align:center;
	width:710px;
	margin-left:20px;
	border-top:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	padding:7px;
	}
	
.reqd { 
  color: #cc0000; 
  font-weight: bold; 
}
	
/*special order form*/
#paytable { 
  display:none; 
  border:1px solid #000000; 
  width:60%; 
  background-color:#ffffd3; 
  padding:5px; 
  margin-top:15px; 
  }
  
#cctable { 
  display:none; 
  }
  
/*this class is used on our MultiItemU page, 
but also on our www site upgrade-from-email pages*/
.important { 
  border:2px solid #FF0000; 
  margin-left:10px; 
  padding:5px; 
  width:70%; 
  }
  
.important li {
  padding-bottom:0px;
  }