@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{margin:0px; padding:0px}
:focus{outline:0} 
body{background:url(images/bck-home.png) repeat-x 0px 0px; font-family:Arial; text-align:center; cursor:default; zoom:100%}
a img {border:none; margin:0px; padding:0px}
th, td, tr {vertical-align:top}
#container{width:910px; margin:0px auto; text-align:left}

.topsection{position:relative; height:99px; width:910px; clear:both}
	.topsection h1{
	position: absolute;
	top: 35px;
	left: 160px;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	color:#B7C5D5;
	letter-spacing:-1px;
	font-weight:bold;
	width: 471px;
}
	.logo{position:absolute; top:20px; left:40px; z-index:1}
	.shoppingcart{display:none; position:absolute; top:15px; right:232px; z-index:2; width:250px; height:70px; padding:3px 10px 0px 10px; background:#f5f5f5}
	.shoppingcart h2{font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#3E5373; margin:3px 0px 0px 0px; padding:0px}
	.shoppingcart p{font:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; color:#555; margin:5px 0px 0px 2px; padding:0px}
	.shoppingcart input{float:left; margin:7px 0px 0px 5px; padding:0px; width:12px; height:12px;}
	.shoppingcart span{float:left; font:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; color:#555; margin:5px 0px 0px 0px; padding:0px}
	.shoppingcart label{float:left; font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; letter-spacing:0px; color:#555; margin:5px 0px 0px 6px; padding:0px}
	.cartbuttons{position:absolute; top:10px; right:10px; width:78px;}
	.cartbuttons img{margin:8px 0px 0px 0px}

	.contact{position:absolute; top:15px; right:0px; z-index:3; width:215px; height:70px; padding:3px 10px 0px 10px}
	.contact h2{font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#003366; margin:3px 0px 0px 0px; padding:0px}
	.contact p{font:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; font-weight:bold; color:#555; margin:5px 0px 0px 2px; padding:0px}

	.navbar{position:absolute; top:73px; left:10px; width:650px; height:26px; z-index:4;}
	.mainnav{position:relative; padding:0px; margin:0px; height:26px; list-style:none; float:left}
	.mainnav li{list-style-type:none; float:left; margin:0px 2px 0px 0px}
	.mainnav li a{float:left; display:block; color:#0D436F; text-decoration:none; font-size:11px; font-weight:bold; padding:0px 0px 0px 10px; height:26px; line-height:26px; text-align:center; cursor:pointer; background:url(images/nav-left.gif) no-repeat center left}
	.mainnav li a b{float:left; display:block; padding:0px 10px 0px 0px; line-height:26px; background:url(images/nav-right.gif) no-repeat center right}
	.mainnav li a:hover{color:#0D436F; line-height:26px; background:url(images/nav-left.gif) no-repeat bottom left}
	.mainnav li a:hover b{color:#0D436F; line-height:26px; background:url(images/nav-right.gif) no-repeat bottom right}

/* MW modified - added current-cat class */

  #current a, ul.mainnav li.current-cat a{float:left; display:block; color:#272F3F; text-decoration:none; font-size:11px; height:26px; line-height:26px; padding:0px 0px 0px 10px; text-align:center; background:url(images/nav-left.gif) no-repeat top left; list-style:none}
	#current a b,ul.mainnav  li.current-cat a b{float:left; display:block; color:#272F3F; text-decoration:none; font-size:11px; height:26px; line-height:26px; padding:0px 10px 0px 0px; text-align:center; background:url(images/nav-right.gif) no-repeat top right; list-style:none}
	
	#support a{float:left; display:block; color:#272F3F; text-decoration:none; font-size:11px; height:26px; line-height:26px; padding:0px 0px 0px 10px; text-align:center; background:url(images/nav-support-lhs.gif) no-repeat top left; list-style:none}
	#support a b{float:left; display:block; color:#272F3F; text-decoration:none; font-size:11px; height:26px; line-height:26px; padding:0px 10px 0px 0px; text-align:center; background:url(images/nav-support-rhs.gif) no-repeat top right; list-style:none}

.marketingarea{position:relative; height:405px; width:910px; clear:both; background:url(images/marketing-banner.jpg) no-repeat 0px 25px}

	.welcometext{
	position:absolute;
	top:287px;
	left:20px;
	height:65px;
	width:300px
}
	.welcometext p{color:#fff; font:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px}
	.welcometext p a{color:#99CCFF; text-decoration:underline}
	.welcometext p a:hover{color:#fff; text-decoration:underline}
	.panel-one{position:absolute; top:100px; right:395px; height:65px; width:160px}
	.panel-one h1{color:#0F5084; font:Arial, Helvetica, sans-serif; font-size:28px; line-height:28px; letter-spacing:-2px}
	.panel-one ul{position:absolute; top:95px; left:3px; margin:0px; padding:0px}
	.panel-one li{display:block; width:150px; background:url(images/bullet-blue.gif) no-repeat 0px 2px; font-weight:bold; font:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#333; padding:0px 0px 0px 15px}
	.panel-one li a{color:#333; text-decoration:none}
	.panel-one li a:hover{color:#333; text-decoration:underline}
	.buynow1 {position:absolute; top:121px;	left:150px;	margin:0px;	padding:0px; z-index:5}
	.freedownload{position:absolute; top:174px; left:27px; margin:0px; padding:0px; text-align:center}
	.freedownload p{font-size:10px; color:#666; font:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
	.freedownload p a{font-size:10px; color:#FF6600; font:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:underline;}
	
	.panel-two{position:absolute; top:20px; right:20px; height:65px; width:240px}
	.panel-two ul{position:absolute; top:65px; left:4px; margin:0px; padding:0px}
	.panel-two li{display:block; width:150px; background:url(images/bullet-grey.gif) no-repeat 0px 2px; font-weight:bold; font:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#2B394C; padding:0px 0px 0px 15px}
	.panel-two li a{color:#2B394C; text-decoration:none}
	.panel-two li a:hover{color:#2B394C; text-decoration:underline}
	.buynow2 {position:absolute; top:128px; left:5px; margin:0px; padding:0px;  z-index:6}
	.price2 {
	position:absolute;
	top:128px;
	left:146px;
	margin:0px;
	padding:5px;
	background:#fff;
	border-bottom:1px solid #BEC8D1;
	border-right:1px solid #BEC8D1;
	font:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:18px;
	font-weight:bold
}

	.panel-three{position:absolute; top:105px; right:20px; height:65px; width:240px}
	.panel-three ul{position:absolute; top:150px; left:5px; margin:0px; padding:0px}
	.panel-three li{display:block; width:150px; background:url(images/bullet-grey.gif) no-repeat 0px 2px; font-weight:bold; font:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#333; padding:0px 0px 0px 15px}
	.panel-three li a{color:#2B394C; text-decoration:none}
	.panel-three li a:hover{color:#2B394C; text-decoration:underline}
	.buynow3 {position:absolute; top:214px; left:5px; margin:0px; padding:0px;  z-index:7}
	.price3 {
	position:absolute;
	top:214px;
	left:136px;
	margin:0px;
	padding:5px;
	background:#fff;
	border-bottom:1px solid #BEC8D1;
	border-right:1px solid #BEC8D1;
	font:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:18px;
	font-weight:bold
}
	.year {font-size:12px; margin:0px 0px 0px 3px}
	
.bpanelarea{height:200px; width:910px; clear:both}

	.bpanel1{float:left; height:200px; width:242px; background:#ECF1F6; margin:0px 15px 0px 0px}
	.bpanel1 h2{font:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-1px; color:#3E5373; margin:10px 0px 15px 15px}
	.eightpics{width:214px; height:142px; padding:0px 0px 0px 14px; margin:0px}
	.onepic{width:70px; height:70px; float:left; margin:0px 1px 1px 0px; padding:0px}
	.onepic img{cursor:pointer}
	.tip{width:270px; height:170px; padding:15px; color:#111; background:url(images/tooltip.gif) no-repeat top left; font:Arial, Helvetica, sans-serif}
	.tip h2{font-size:16px; line-height:18px; letter-spacing:-1px; margin:0px 0px 10px 0px; padding:0px}
	.tip h3{font-size:14px; line-height:16px; letter-spacing:-1px; margin:0px 0px 5px 0px; padding:0px}
	.tip p{font-size:11px; line-height:14px; letter-spacing:0px; margin:0px; padding:0px}
	.tip image{padding:0px 0px 0px 20px}
	#jHelperTipAttrContainer{background:#FFFFCC;border:1px solid #FF3333; color:#333; display:none}
	#jHelperTipContainer{display:none; z-index:90}
	.downloadwindow{width:300px; height:90px; padding:15px; color:#111; background:#fff; border:10px solid #272E3E; font:Arial, Helvetica, sans-serif; text-align:center}
	.downloadwindow h2{font-size:16px; line-height:18px; letter-spacing:-1px; margin:0px 0px 10px 0px; padding:0px}
	.downloadwindow h3{font-size:14px; line-height:16px; letter-spacing:-1px; margin:0px 0px 5px 0px; padding:0px}
	.downloadwindow p{font-size:11px; line-height:14px; letter-spacing:0px; margin:0px; padding:0px}
	.downloadwindow a{color:#0066CC; text-decoration:underline}
	.downloadwindow a:hover{color:#003366; text-decoration:none}
	.downloadwindow image{padding:0px 0px 0px 20px}	
	
	div.dwnfrm {width:310px;height:110px;background:#a9bcd6 url(images/bck-downlad-window.gif) repeat-x;padding:10px}
	div.dwnfrm h2{font-size:16px;}
	div.dwnfrm .inputhld {text-align:left}
	input#idfname {margin-right:10px;padding:2px;color:#3D5679;font-size:12px;width:140px;border:1px solid #3d5679;border-right:1px solid white;border-bottom:1px solid white;}
	input#idfemail {padding:2px;color:#3D5679;font-size:12px;width:140px;border:1px solid #3d5679;border-right:1px solid white;border-bottom:1px solid white;}
  div.dwnfrm .radioholder {padding:15px 0 0 5px;text-align:left;font-weight:bold;font-size:12px;color:#3D5679}
	div.dwnfrm .bttholder {text-align:right}
	
	.bpanel2{float:left; height:200px; width:188px; background:#ECF1F6; margin:0px 0px 0px 0px}
	.bpanel2 h2{font:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-1px; color:#3E5373; margin:10px 0px 15px 15px}	
	#gallery{width:166px; height:142px; padding:0px 0px 0px 12px; margin:0px}
	#gallery img{padding:0px; margin:0px;}
	#gallery p{padding:0px; margin:0px; font:Arial, Helvetica, sans-serif; font-size:10px; color:#333; font-weight:bold;}
	
	.bpanel3{float:left; height:200px; width:217px; background:url(images/bck-data-transfer.jpg) top left no-repeat; margin:0px 0px 0px 15px}
	.bpanel3 h2{font:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-1px; color:#3E5373; margin:10px 0px 15px 15px}	
	.bpanel3 p{list-style-type:square; margin:0px; padding:0px 15px 0px 15px; font:Arial, Helvetica, sans-serif; font-size:11px;}
	.bpanel3 a{color:#0066CC; font-weight:bold; text-decoration:underline}
	.bpanel3 a:hover{color:#003366; font-weight:bold; text-decoration:none}

	.bpanel4{float:left; height:200px; width:217px; background:url(images/bck-online-training-support.jpg) top left no-repeat; margin:0px 0px 0px 15px}
	.bpanel4 h2{font:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-1px; color:#3E5373; margin:10px 0px 10px 15px}	
	.bpanel4 p{list-style-type:square; margin:0px; padding:0px 15px 0px 15px; font:Arial, Helvetica, sans-serif; font-size:11px;}
	.bpanel4 a{color:#0066CC; font-weight:bold; text-decoration:underline}
	.bpanel4 a:hover{color:#003366; font-weight:bold; text-decoration:none}

.footer{width:890px; height:50px; border-top:2px solid #ACC6DF; padding:10px; margin:10px 0px 20px 0px; clear:both}
	.footer h2{float:right; font-weight:normal; font:Arial, Helvetica, sans-serif; font-size:11px; color:#3E5373; margin:0px}	
	.footer p{float:left; font:Arial, Helvetica, sans-serif; font-size:11px; color:#3E5373; margin:0px}	
	.footer span{margin:0px 0px 0px 20px}
	.footer a{color:#0099CC; text-decoration:underline}
	.footer a:hover{color:#003366; text-decoration:none}