/* Styles required to alter print versions of pages. */
.ToPrintOnly {
	display: none;
}
.ToNotPrint {
}

/* Main Body style */
body {
	font-family: Verdana, Arial;
	font-size: 100%;
	background: #333333;
	color: #000000;
	margin: 2px;
	padding: 0;	
}

/* Links */
a:link { color: #0000FF; } 
a:visited { color: #000099; }
a:hover { color: #660066; }
a:active { color: #660066; }

a.header {
	padding-left: 0.1em;
	padding-right: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
}
a.header:link { color: #3366FF;  } 
a.header:visited { color: #3366FF;  }
a.header:hover { color: #000099; background-color: #99CCFF; }
a.header:active { color: #FFFFFF; background-color: #000099; }

/* Headers */
H1 {
	font-family: Arial, Helvetica;
	font-size: 14pt;
	font-weight: bold;
	display: inline;
}
H2 {
	font-family: Arial, Helvetica;
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
H2.h2white {
	color: #FFFFFF;
}
H2.h2red {
	color: #FF0000;
}
H2.h2blue {
	color: #0000CC;
}
H3 {
	font-family: Verdana, Arial;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
H4 {
	font-family: Arial, Verdana;
	font-size: 1em;
	font-weight: bold;
	color: #CC0000;
	margin: 0px;
	padding: 0px;
}
H5 {
	font-family: Verdana, Arial;
	font-size: 1.1em;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
H6 {
}

/* Text */
.textlarge {
	font-family: Verdana, Arial;
	font-size: 0.9em;
}
.textnormal {
	font-family: Verdana, Arial;
	font-size: 0.8em;
}
.textnormal2 {
	font-family: Verdana, Arial;
	font-size: 0.8em;
	color: #000099;
}
.textnormal3 {
	font-family: Verdana, Arial;
	font-size: 0.8em;
	color: #FF0000;
}
.textnormal4 {
	font-family: Verdana, Arial;
	font-size: 0.8em;
	color: #FFFFFF;
}
.textsmall {
	font-family: Verdana, Arial;
	font-size: 0.7em;
	font-weight: bold;
}
.textsmallred {
	font-family: Verdana, Arial;
	font-size: 0.7em;
	font-weight: bold;
	color: #FF0000;
}
.textsmall2 {
	font-family: Verdana, Arial;
	font-size: 0.7em;
}
.textsmallest {
	font-family: Verdana, Arial;
	font-size: 0.64em;
}
B, STRONG {
	font-weight: bold;
}
.notstrong {
	font-weight: normal;
}
I, EM {
 font-style: italic;
}
.TextHighlight1 {
	color: #0000CC; /* Blue */
}
.TextHighlight2 {
	color: #FF0000; /* Red */
}
.Caption {
	font-family: Verdana, Arial;
	font-size: 0.7em;
}
.quote {
	font: 0.7em Verdana, Arial;
	color: #000000;
	background: #FFFFCC center;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #000099;
	border-right: 0px solid #000099;
	border-bottom: 1px solid #000099;
	border-left: 0px solid #000099;
	padding: 3px 2px;
}

/* Paragraphs */
.ptop {
	margin-top: 0px;
}
.pbottom {
	margin-bottom: 0px;
}
.pboth {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Forms */
.buttonstyle {
	background-color: #003366;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 0.7em;
}
input, select, textarea { 
	font-family: Verdana, Arial;
	font-size: 0.8em;
}

/* Tables */
.table1 {
	border-collapse: collapse;
	border: 1px solid #666666;
	padding: 1px;
	margin: 1px auto;
	width: 98%;
}
.table1 td { 
	border: 1px solid #666666;
	width: 25%;
	font-size: 0.7em;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
}
.table1 .t1 { 
	border-bottom: 1px dashed #CCCCCC;
}
.table1 .t2 { 
	border-bottom: 1px dashed #CCCCCC;
	border-top: 1px dashed #CCCCCC;
	text-align: left;
	vertical-align: top;
}
.table1 .t3 { 
	border-top: 1px dashed #CCCCCC;
}
.table1 .tblank { 
	border-bottom: 0px hidden #CCCCCC;
	border-right: 0px hidden #CCCCCC;
}
.table2 {
	border-collapse: collapse;
	border: 1px solid #666666;
	padding: 0px;
	margin: 0px;
	width: 99%;
}
.table2 td { 
	border: 1px solid #666666;
	font-size: 0.8em;
	padding: 0.7em;
	padding-bottom: 1em;
	margin: 0px;
	text-align: left;
	vertical-align: top;
}
.table2 .t1 { 
	border-bottom: 1px dashed #CCCCCC;
	border-right: 1px dashed #CCCCCC;
	width: 46%;
}
.table2 .t2 { 
	border-top: 1px dashed #CCCCCC;
	border-right: 1px dashed #CCCCCC;
	width: 46%;
}
.table2 .t3 { 
	border-bottom: 1px dashed #CCCCCC;
	border-left: 1px dashed #CCCCCC;
	width: 54%;
}
.table2 .t4 { 
	border-top: 1px dashed #CCCCCC;
	border-left: 1px dashed #CCCCCC;
	width: 54%;
}
.table3 {
	border-collapse: collapse;
	border: 1px solid #666666;
	padding: 1px;
	margin: 1px auto;
	width: 92%;
}
.table3 th { 
	border: 1px dashed #CCCCCC;
	width: 32%;
	background: #FFFFCC;
	font-size: 0.7em;
	padding: 4px;
	text-align: right;
	vertical-align: middle;
}
.table3 td { 
	border: 1px dashed #999999;
	width: 68%;
	background: #FFFFFF;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
}
.table3 input, .table3 textarea {
	width: 325px;
}
.table3 input.check1 {
	width: 2em;
}

/* Other */
.InfoBox {
	padding: 2px;
}
.LinksHeader {
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
}
.csstitle { 
	font-family: Arial, Helvetica; 
	font-size: 14pt; 
	font-weight: bold;
}
.headertext {
	font: bold 0.8em "Courier New", Courier, mono;
	color: #000000;
	clear: both;
}
.striked {
	text-decoration: line-through;
}

/* Major Layout */
.Wrap {
	width: 758px;
	margin: 2px auto 4px;
	padding: 0px;
	border: 0px solid #000000;
	background: #FFFFFF;
}
.InnerWrap {
  /* InnerWrap needed to make sure the menus line up in Internet Explorer. Opera doesn't line up however. */
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;
}
#HeadBlock {
	border: 0px solid #000000;
	padding:0;
	margin:0;
	width: 100%;
	background: #CCCCFF url(../images/keyboardbg.gif);
}
.linksbar1 {
	font-family: Verdana, Arial;
	font-size: 0.7em;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 161px;
	background: #FFFFCC;
}
.linksbar2 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 1px;
	background: #FFFFCC;
}
.linksbar3 {
	font-family: Verdana, Arial;
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #FFFFCC;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 596px;
}
#MainLeft {
	vertical-align: top;
	text-align: center;
	background: #99CCFF;
}
.MainContent {
	width: 596px;
	vertical-align: top;
}
.MainContentWrap {
	margin: 5px;
	text-align: left;
	border: 0px solid #000000;
}
.Footer {
	border-top: 1px solid #000000;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	text-align: center;
	vertical-align: top;
	background: #FFFFCC;
	padding-bottom: 1px;
}

/* Minor Layout */
.TopLeft {
	vertical-align: middle;
	text-align: left;
	padding: 2px 15px;
}
.TopRight {
	vertical-align: middle;
	text-align: right;
	padding: 0 12px 0 0;
}
.SearchForm {
	margin: 0;
	padding: 0;
}
.SearchButton {
	float: right;
	border: 0;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}

/* Navigation Buttons */
a.NavigationButton {
	background: #99CCFF;
	display: block;
	margin: 0;
	padding: 0;
	width: 161px;
	height: 23px;
}
a.NavigationButton img {
	border: 0;
}

/* SubMenus */
/* The attributes  
visibility: hidden; display: none;  
have to be included in the style tag of the div in order to get the P7 autolayers code to work.*/
#MenuCloserRight {
position:absolute; width:600px; height:350px; z-index:2; left: 1; top: 1; 
}
#MenuCloserLeft {
position:absolute; width:50px; height:200px; z-index:1; left: 1; top: 1; 
}
#menusoftware {
position:absolute; left:400px; top:191px; width:161px; z-index:3; 
}
#menuepos {
position:absolute; left:405px; top:70px; width:161px; z-index:4; 
}
#menulibrary {
position:absolute; left:215px; top:245px; width:161px; z-index:5;
}
#menuwebdesign {
position:absolute; left:220px; top:155px; width:161px; z-index:6;
}
#menuteamexpert {
position:absolute; left:437px; top:199px; width:161px; z-index:7;
}
#menurepairsupgrades { 
position:absolute; left:285px; top:196px; width:161px; z-index:8;
}
table.payments {
	background: #000066;
	width: 95%;
	margin: 0 auto 1em auto;
}
th.paymentcell, td.paymentcell {
	background: #FFFFCC;
	padding: 8px;
}
form.paymentform {
	margin: 0;
}
.eposmessage {
	border-bottom: 1px solid #000000;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	margin-top: 0px;
	padding-bottom: 8px;
	padding-top: 2px;
}