/*
	Sysnet.co.uk Stylesheet
	CSS2.1
	Jackie McGhee
	Last Modified: 15/10/2004
*/

body{margin: 0px;padding: 0px;font-family:  Arial, Helvetica, sans-serif;background: #fff url(/p/bg-strip_01.gif) repeat-y;color: #555;}
body#popped{margin: 0px;padding: 0px;background-image: none;}
body#banner{background: #8d9daf url("/p/topbanner-bg.gif") 0% 100% repeat-x;color: #fff;margin-top: 2px;margin-left: 10px;}
a:link{color: #06c;text-decoration: none;background-color: transparent;}
a:visited{color: #039;text-decoration: none;background-color: transparent;}
a:active{color: #f90;text-decoration: none;background-color: transparent;}
a:hover{color: #090;text-decoration: none;background-color: transparent;}
h1, h2, h3, h4 { font-family: Myriad, "Trebuchet MS", "Gill Sans", "Century Gothic", "Bitstream Vera Sans", arial, helvetica, verdana, lucida, sans-serif; }
h1{font-weight: normal;font-size: 19px;margin: 0px 5px 5px 5px;}
body#popped h1{letter-spacing: 0em;font-size: 21px;}
h2{margin-top: 0px;margin-bottom: 5px;font-weight: normal;font-size: 15px;color: #000;}
h2.front{margin: 0px;font: normal 25px Arial, Helvetica, sans-serif;letter-spacing: -0.08em;color: #fff;background-color: #ccc;}
h3{margin-bottom: 5px;font-weight: normal;font-size: 13px;color: #000; clear:both;}
h3.dateline{margin: 0px;font-weight: normal;color: #900;background-color: transparent;font-size: 11px;}
h4{color: #600;font-weight: normal;font-size: 12px;margin: 10px 0px 0px;}
.galleryInfoBox h3{margin-bottom: 5px;font-weight: normal;font: 11px;color: #000;}
p { line-height: 1.5em; letter-spacing:.05em; }
p.smallp{font-size: 10px;margin: 0px;}
p.smallpCent{font-size: 10px;margin: 0px; text-align:center}
span.smallp{font-size: 10px;margin: 0px;}
td { font-size: 11px; }
body#popped p { font-size: 11px; }
fieldset{border: 1px solid #eee;margin-bottom: 10px;/*background-image: url(/p/fs-bg.gif);*/}
legend{background-color: #fff;color: #61778d;padding: 5px;border: 1px dotted #eee;}
input.submit{border: 1px dotted #ccc;font-weight: bold;font-size: 9px;font-family: inherit;color: #090;margin: 5px 0px;background-color: #fff;cursor: pointer;}
input.reset{border: 1px dotted #ccc;font-weight: bold;font-size: 9px;font-family: inherit;color: #900;margin: 5px 0px;background-color: #fff;cursor: pointer;}
dl{text-align: left;margin-left: 16px;font-size: 11px;}
dt{color: #000;background-color: transparent;}
dd strong{color: #000;background-color: transparent;}
dd ul{padding: 0px;list-style-position: outside;list-style: none;}
dl.noIndent, dl.noIndent dt, dl.noIndent dd{margin: 0;padding: 0;}
dl.noIndent dt { margin-bottom: 5px; }
strong.basketCase{color: #cf0;background-color: transparent;font-size: 12px;}
strong.really{color: #000;background-color: transparent;}
input.tf { font-size: 10px; }
table.basketDisplay{border: 1px solid #ccc;background-color: #eee;}
table.basketDisplay th{text-align: left;background-color: #7a8b9b;color: #fff;font-weight: normal;font-size: 11px;white-space: nowrap;}
table.basketDisplay td{background-color: transparent;text-align: right;/*white-space: nowrap;*/font-size: 11px;}
table.basketDisplay td.odd { background-color: #fff; }
table.basketDisplay td.odddesc{text-align: left;background-color: #fff;}
table.basketDisplay td.even { background-color: #edf1f5; }
table.basketDisplay td.evendesc{text-align: left;background-color: #edf1f5;}
table.basketDisplay td.nope{text-align: center;padding-top: 10px;background-color: #fff;}
table.basketDisplay td.totals { background-color: #fff; }
.fButton { cursor: pointer; }
.total{color: #000;background-color: transparent;}
.grandTotal{border-top: 3px double #ccc;color: #600;padding-top: 4px;}
div.huge{font-family: "Times New Roman", Times, serif;font-size: 120px;color: #f2e1b6;}
div.quoteHolder { background: url(/p/bq-left.gif) no-repeat; }
div.quoteHolder img.close{z-index: 1;float: right;margin-top: -15px;}
div.quoteHolder blockquote{padding-top: 20px;margin-top: 10px;color: #61778d;font-variant: small-caps;font-size: 15px;z-index: 2;position: relative;}
#masthead { margin-bottom: 0px; }
.movingArea{background-image: url(/p/menu-back.gif);width: 100%;}
#menu{background-color: #61778d;color: #9daebe;font-size: 11px;}
.menuItem{text-align: center;color: #61778d;background-color: #fff;width: 90px;}
.menuItem a.iAmHere:link, .menuItem a.iAmHere:visited, .menuItem a.iAmHere:active{color: #61778d;background-color: #fff;display: block;width: 90px;padding: 5px;}
.menuItem a:link, .menuItem a:visited, .menuItem a:active{color: #fff;background-color: #61778d;display: block;width: 90px;padding: 5px;}
.menuItem a:hover, .menuItem a.iAmHere:hover{color: #fff;background-color: #9daebe;display: block;width: 90px;padding: 5px;}
.basketNotice{white-space: nowrap;font-size: 10px;color: #fff;vertical-align: top;}
.basketNotice a:link, .basketNotice a:visited, .basketNotice a:active{color: #eee;background-color: transparent;}
.basketNotice a:hover{color: #fff;background-color: transparent;}
.bannerText{font-size: 12px;width: 100%;vertical-align: top;}
table.basketDisplay td.nope{text-align: center;padding-top: 10px;}
.bannerText h3{font: normal 13px Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", arial, helvetica, verdana, lucida, sans-serif;margin: 0px 5px 5px 10px;color: #fff;}
.bannerText ul{list-style-type: square;font-variant: small-caps;line-height: 130%;margin-bottom: 0px;}
.bannerText p{font-size: 11px;margin-left: 20px;margin-right: 80px;}
#homeBanner{background: url("/p/SysnetHomeBg.jpg") repeat-x;color: #fff;}
.homeBannerText{background: url("/p/SysnetHomeText3.jpg") top left no-repeat;width:487px;height:35px;font-size: 13px;letter-spacing:.03em;padding:115px 0 0 30px;color:#61778e;font-variant:small-caps;}

#salesBanner{background: url("/p/ibmservicesBg.jpg") repeat-x; color: #fff;}
.salesBannerText{background: url("/p/ibmservices-banner3.jpg") top left no-repeat; width:487px; height:150px;}
#newsBanner{background: url("/p/news-bannerBg.jpg") repeat-x; color: #fff;}
.newsBannerText{background: url("/p/news-banner2.jpg") top left no-repeat; width:487px; height:150px;}
#contactBanner{background: url("/p/contact-bannerBg.jpg") repeat-x; color: #fff;}
.contactBannerText{background: url("/p/contact-banner2.jpg") top left no-repeat; width:487px; height:150px;}

#mypenBanner{background: #4173a3 url("/p/banner-bg-mypen.jpg") top right no-repeat;color: #fff;}
#mdoBanner{background: #5f3119 url("/p/banner-bg-mdo.gif") top right no-repeat;color: #fff;}
#salesBanner a { color: #fff; }
#sysdoxBanner{background: #600 url("/p/banner-bg-sydox.gif") top right no-repeat;color: #fff;}
#companyBanner{background-color: #699;color: #fff;}
#label{font-size: 0.8em;margin: 5px;}
.label{text-align: right;font-size: 9px;width:nowrap;}
.label2{text-align: right;width: 300px;font-size: 10px;}
div.smallp{font-variant: normal;font-size: 10px;background-color: transparent;vertical-align: middle;}
#widgetZone{padding: 0px 10px 0px 10px;width: 200px;font-size: 10px;}
#widgetZone h2{font-size: 13px;font-weight: normal;color: #000;background-color: transparent;margin: 0px 2px;}
#galleryZone h2.news{font-size: 13px;font-weight: normal;letter-spacing: 0.5em;font-variant: small-caps;color: #666;background-color: transparent;margin: 0px 2px;}
#widgetZone p { margin-left: 3px; }
#widgetZone dl dd { margin-left: 10px; }
ul.context{margin: 0px;padding: 0px;list-style-type: none;}
ul.context li{font-size: 1.2em;margin: 0px;padding: 0px;}
ul.context li a{display: block;border: 1px dotted #ccc;padding: 2px;margin: 0px;}
ul.context li ul.subContext{font-size: 9px;list-style-type: none;padding: 0px 3px 0px 0px;margin: 0px 0px 3px 0px;background-color: #eee;border-left: 1px dotted #ccc;border-right: 1px dotted #ccc;}
ul.context li ul.subContext li { padding: 3px 0px; }
ul.context li ul.subContext a:link, ul.context li ul.subContext a:visited, ul.context li ul.subContext a:active, ul.context li ul.subContext a:hover{border: 0px;padding: 0px;}
#typeWidget{margin-bottom: 0px;border-bottom: 0px dotted #ccc;}
#synthWidget table td{border: 1px dotted #CCC;background-color: #fff;color: #000;}
#synthWidget table td.finder{border: 0px;background-color: #fff;color: #000;text-align: right;}
#synthWidget input.submit{border: 1px dotted #ccc;font-weight: bold;font-size: 10px;color: #090;margin: 0px 25px 0px 0px;padding: 5px 10px;background-color: #fff;cursor: pointer;}

#factWidget, .factWidget
{
	border: 1px solid #ccc;
	background-color: #fc9;
	margin-bottom: 20px;
}

#factWidget p, .factWidget p
{
	margin: 0px;
	padding: 5px 5px 2px 18px;
	color: #000;
	background: #eee url(/p/icon-info-grey.gif) no-repeat 2px 5px;
}

.widgetContainer
{
	padding: 5px;
	border: 1px dotted #ccc;
	margin-bottom: 10px;
}

#contentZone
{
	padding: 0 20px;
	width: 602px;
	font-size: 13px;
	float:left;
	line-height:1.2em;
	margin:0px;
}

#contentZone a, #contentZone img
{
	border:none;
}

#galleryZone
{
	text-align: center;
	margin-left:644px;
	vertical-align:top;
	font-size: 13px;
	vertical-align:top;
}

#galleryZone2
{
	text-align: center;
}


#galleryZone img
{
	margin: 5px;
	border: 1px solid #666;
}

#galleryZone img.readMore
{
	border: 0px;
	margin: 0px;
}

#galleryZone img.partner{border:0px;margin:10px;}
#galleryZone img, #galleryZoneFinal img{border:0px;}

#galleryZone h2
{
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.2em;
	font-variant: small-caps;
	color: #666;
	background-color: transparent;
	margin: 8px 0px;
}

.galleryInfoBox
{
	font-size: 11px;
	background-color: #eee;
	border: 1px dotted #ccc;
	padding: 0px 5px;
	text-align: left;
	margin-left: 14px;
	margin-bottom: 2px;
}

.galleryFTable
{
	float: left;
	border: 1px dotted #ccc;
	padding: 2px;
	text-align: left;
	width: 200px;
	height: 70px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#footer
{
	margin: 20px 10px 0px 10px;
	padding: 5px 0px 20px 0px;
	border-top: 3px double #ccc;
	background-color: #fff;
	font-size: 10px;
}

#notice { white-space: nowrap; }

#sdt
{
	text-align: right;
	width: 100%;
}

#newsBox
{
	text-align: left;
	margin: 5px 0px 0px 8px;
	border: 1px solid #ccc;
	padding: 5px;
}

.newsItem { font-size: 11px; }

.dateLine
{
	font-size: 10px;
	font-weight: bold;
	color: #f60;
	background-color: transparent;
}

.newsItem p { margin: 0px 0px 10px 0px; }

span.budget
{
	color: #900;
	background-color: transparent;
}

.newsItem
{
	text-align: left;
	border-bottom: 1px solid #eee;
	margin: 0px 10px 5px 10px;
	padding: 5px;
}

.hDateline
{
	color: #900;
	background-color: transparent;
	border-bottom: 1px solid #ccc;
	display: inline;
}

.hHeadline { margin-top: 5px; }
.centered { text-align: center; }

.homeBox
{
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

.boxMe, .boxMeBig
{
	margin: 0px 0px 20px 0px;
	padding: 8px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff url(/p/fs-bg.gif) repeat-x;
	list-style-position: inside;
	color: #000;
	font-size: 11px;
	clear:both;
	line-height: .5em;
}

.boxMeBig{text-align: center;}

.boxMeBig ul, .boxMe ul
{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 100%;

}

.boxMeBig ul li, .boxMe ul li { display: inline; }

.boxMeLeft
{
	padding: 8px;
	float: left;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff url(/p/fs-bg.gif) repeat-x;
	width: 265px ;
	height: 140px;
	color: #000;
	font-size: 11px;
	line-height: .5em;
	margin-bottom:20px;
}

.boxMeRight
{
	padding: 8px;
	float: right;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff url(/p/fs-bg.gif) repeat-x;
	width: 265px ;
	height: 140px;
	color: #000;
	font-size: 11px;
	line-height: .5em;
	margin-bottom:20px;
}

.fRight
{
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	padding: 0px;
	border:0px;
}

.fRightB
{
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	float: right;
	padding: 0px;
}

.fLeftB
{
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	padding: 0px 0px 0px 0px;
}
.fLeft
{ 
	float: left; 
}

.homeGallery
{
	margin-bottom: 10px;
	font-size: 11px;
	font-family: "Trebuchet MS", "Gill Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
}

#penBox
{
	border: 1px solid #000;
	margin-left: 18px;
	background: #e1b37b url("/p/box-1-bg.jpg") no-repeat 0% 100%;
	text-align: right;
	color: #630;
}

div#penBox h2
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 2px 5px 0px 0px;
	padding: 0px;
	color: #630;
	background-color: transparent;
	font-variant: normal;
	letter-spacing: 0em;
	font-size: 19px;
}

div#penBox p { margin-right: 5px; }

div#penBox img
{
	margin: 0px;
	border: 0px;
}

div#penBox a:link, div#penBox a:visited, div#penBox a:active
{
	color: #630;
	background-color: transparent;
	font-weight: bold;
}

div#penBox a:hover
{
	color: #960;
	background-color: transparent;
}

#hardwareBox
{
	border: 1px solid #8d9daf;
	margin-left: 18px;
	background: #e1b37b url("/p/box-2-bg.jpg") no-repeat 100% 100%;
	text-align: left;
	color: #61778d;
}

div#hardwareBox h2
{
	margin: 10px 0px 0px 5px;
	padding: 0px;
	color: #61778d;
	background-color: transparent;
	font-variant: normal;
	letter-spacing: 0em;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
}

div#hardwareBox p { margin-left: 5px; }

div#hardwareBox img
{
	margin: 0px;
	border: 0px;
}

div#hardwareBox a:link, div#hardwareBox a:visited, div#hardwareBox a:active
{
	color: #61778d;
	background-color: transparent;
	font-weight: bold;
}

div#hardwareBox a:hover
{
	color: #8d9daf;
	background-color: transparent;
}

#softwareBox
{
	border: 1px solid #642838;
	margin: 0px 20px;
	background: #e1b37b url("/p/box-3-bg.jpg") no-repeat 0% 100%;
	text-align: right;
	color: #642838;
}

div#softwareBox h2
{
	margin: 5px;
	padding: 0px;
	color: #642838;
	background-color: transparent;
	font-variant: normal;
	letter-spacing: 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
}

div#softwareBox p 
{ 
	margin: 5px;
}

div#softwareBox img
{
	margin: 0px;
	border: 0px;
}

div#softwareBox a:link, div#softwareBox a:visited, div#softwareBox a:active
{
	color: #642838;
	background-color: transparent;
	font-weight: bold;
}

div#softwareBox a:hover
{
	color: #9f4059;
	background-color: transparent;
}

#penpointBox
{
	border: 1px solid #8d9daf;
	margin-left: 18px;
	background: #ccc url("/p/box-4-bg.jpg") no-repeat 0% 100%;
	text-align: right;
	color: #25384e;
}

div#penpointBox h2
{
	margin: 10px 5px 0px 5px;
	padding: 0px;
	color: #25384e;
	background-color: transparent;
	font-variant: normal;
	letter-spacing: 0em;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
}

div#penpointBox p { margin-right: 5px; }

div#penpointBox img
{
	margin: 0px;
	border: 0px;
}

div#penpointBox a:link, div#penpointBox a:visited, div#penpointBox a:active
{
	color: #25384e;
	background-color: transparent;
	font-weight: bold;
}

div#penpointBox a:hover
{
	color: #61778d;
	background-color: transparent;
}

#nokiaBox
{
	border: 1px solid #333;
	margin-left: 18px;
	background: #fff url("/p/box-5-bg.jpg") no-repeat 100% 100%;
	text-align: left;
	color: #333;
}

div#nokiaBox h2
{
	margin: 10px 0px 0px 5px;
	padding: 0px;
	color: #000;
	background-color: transparent;
	font-variant: normal;
	letter-spacing: 0em;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
}

div#nokiaBox p
{
	margin-left: 5px;
	width: 220px;
}

div#nokiaBox img
{
	margin: 0px;
	border: 0px;
}

div#nokiaBox a:link, div#nokiaBox a:visited, div#nokiaBox a:active
{
	color: #333;
	background-color: transparent;
	font-weight: bold;
}

div#nokiaBox a:hover
{
	color: #666;
	background-color: transparent;
}

#smartformBox
{
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-left:20px;
	margin-right:20px;
	background: #ccc url("/p/box-6-bg.jpg") no-repeat 0% 100%;
	text-align: right;
	color: #666;
}

div#smartformBox h2
{
	margin: 10px 5px 0px 5px;
	padding: 0px;
	color: #444;
	background-color: transparent;
	font-variant: normal;
	letter-spacing: 0em;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
}

div#smartformBox p { margin-right: 5px; }

div#smartformBox img
{
	margin: 0px;
	border: 0px;
}

div#smartformBox a:link, div#smartformBox a:visited, div#smartformBox a:active
{
	color: #444;
	background-color: transparent;
	font-weight: bold;
}

div#smartformBox a:hover
{
	color: #666;
	background-color: transparent;
}

#mdoBox
{
	border: 1px solid #630;
	margin-left: 18px;
	background: #e1b37b url("/p/box-7-bg.jpg") no-repeat 0% 100%;
	text-align: right;
	color: #630;
}

div#mdoBox h2
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 2px 5px 0px 0px;
	padding: 0px;
	color: #300;
	background-color: transparent;
	font-variant: normal;
	letter-spacing: 0em;
	font-size: 19px;
}

div#mdoBox p
{
	margin-left: auto;
	margin-right: 5px;
	width: 220px;
}

div#mdoBox img
{
	margin: 0px;
	border: 0px;
}

div#mdoBox a:link, div#mdoBox a:visited, div#mdoBox a:active
{
	color: #600;
	background-color: transparent;
	font-weight: bold;
}

div#mdoBox a:hover
{
	color: #900;
	background-color: transparent;
}

#penmailBox
{
	border: 1px solid #333;
	margin-left: 18px;
	background: #fff url("/p/box-9-bg.jpg") no-repeat 100% 100%;
	text-align: left;
	color: #333;
}

div#penmailBox h2
{
	margin: 10px 0px 0px 5px;
	padding: 0px;
	color: #000;
	background-color: transparent;
	font-variant: normal;
	letter-spacing: 0em;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
}

div#penmailBox p
{
	margin-left: 5px;
	width: 220px;
}

div#penmailBox img
{
	margin: 0px;
	border: 0px;
}

div#penmailBox a:link, div#penmailBox a:visited, div#penmailBox a:active
{
	color: #333;
	background-color: transparent;
	font-weight: bold;
}

div#penmailBox a:hover
{
	color: #666;
	background-color: transparent;
}

#snagmasterBox
{
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-left:20px;
	margin-right:20px;
	background: #fff url("/p/box-8-bg.jpg") no-repeat 100% 100%;
	text-align: left;
	color: #333;
}

div#snagmasterBox h2
{
	margin: 10px 0px 0px 5px;
	padding: 0px;
	color: #000;
	background-color: transparent;
	font-variant: normal;
	letter-spacing: 0em;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
}

div#snagmasterBox p
{
	margin-left: 5px;
	width: 220px;
}

div#snagmasterBox img
{
	margin: 0px;
	border: 0px;
}

div#snagmasterBox a:link, div#snagmasterBox a:visited, div#snagmasterBox a:active
{
	color: #333;
	background-color: transparent;
	font-weight: bold;
}

div#snagmasterBox a:hover
{
	color: #666;
	background-color: transparent;
}

#nokiaBoxWithFilofax
{
	border: 1px solid #333;
	margin-left: 18px;
	background: #fff url("/p/box-11-bg.jpg") no-repeat 100% 100%;
	text-align: left;
	color: #333;
}

div#nokiaBoxWithFilofax h2
{
	margin: 10px 0px 0px 5px;
	padding: 0px;
	color: #000;
	background-color: transparent;
	font-variant: normal;
	letter-spacing: 0em;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
}

div#nokiaBoxWithFilofax p
{
	margin-left: 5px;
	width: 220px;
}

div#nokiaBoxWithFilofax img
{
	margin: 0px;
	border: 0px;
}

div#nokiaBoxWithFilofax a:link, div#nokiaBoxWithFilofax a:visited, div#nokiaBoxWithFilofax a:active
{
	color: #333;
	background-color: transparent;
	font-weight: bold;
}

div#nokiaBoxWithFilofax a:hover
{
	color: #666;
	background-color: transparent;
}

#downloadsBox
{
	border: 1px solid #333;
	margin-left: 18px;
	background: #fff url("/p/box-5-bg.jpg") no-repeat 100% 100%;
	text-align: left;
	color: #333;
}
div#downloadsBox h2{margin: 10px 0px 0px 5px;padding: 0px;color: #000;background-color: transparent;font-variant: normal;letter-spacing: 0em;font-size: 19px;font-family: Arial, Helvetica, sans-serif;}
div#downloadsBox p{margin-left: 5px;width: 220px;}
div#downloadsBox img{margin: 0px;border: 0px;}
div#downloadsBox a:link, div#downloadsBox a:visited, div#downloadsBox a:active{color: #333;background-color: transparent;font-weight: bold;}
div#downloadsBox a:hover{color: #666;background-color: transparent;}
#ndwsBox{border: 1px solid #3c4a57;margin-left: 18px;background: #61778e url("/p/ndws-ad.jpg") no-repeat 0% 100%;text-align: right;color: #eee;}
div#ndwsBox h2{font-family: Arial, Helvetica, sans-serif;margin: 2px 5px 0px 0px;padding: 0px;color: #fff;background-color: transparent;font-variant: normal;letter-spacing: 0em;font-size: 19px;}
div#ndwsBox p { margin-right: 5px; }
div#ndwsBox img{margin: 0px;border: 0px;}
div#ndwsBox a:link, div#ndwsBox a:visited, div#ndwsBox a:active{color: #eee;background-color: transparent;font-weight: bold;}
div#ndwsBox a:hover{color: #fff;background-color: transparent;}
#penpixBox{border: 1px solid #b3b6b4;margin-left: 18px;background: #fff url("/p/penpix-ad.gif") no-repeat 100% 100%;text-align: left;color: #333;}
div#penpixBox h2{margin: 10px 0px 0px 5px;padding: 0px;color: #000;background-color: transparent;font-variant: normal;letter-spacing: 0em;font-size: 19px;font-family: Arial, Helvetica, sans-serif;}
div#penpixBox p{margin-left: 5px;width: 220px;}
div#penpixBox img{margin: 0px;border: 0px;}
div#penpixBox a:link, div#penpixBox a:visited, div#penpixBox a:active{color: #333;background-color: transparent;font-weight: bold;}
div#penpixBox a:hover{color: #666;background-color: transparent;}
.productBox{font-size: 11px;border-bottom: 1px solid #eee;padding: 0px 0px 10px 0px;margin: 0px 0px 10px 0px;}
.productFloat{color: #000;background-color: transparent;font-size: 11px;float: left;margin-right: 5px;clear: right;}
.productDesc { padding-top: 5px; }
.readMore{text-align: right;font-size: 11px;font-variant: normal;}
.downLow{vertical-align: text-bottom;margin-bottom: -3px;}
#wOT { margin-left: 10px; }
span.mandatory{background-color: transparent;color: #f60;font-weight: bold;}
.partnerBox, .galleryDiv, #clientLogoArea{border-bottom: 1px dotted #ccc;padding-bottom: 10px;margin: 0px 20px;}
.partnerBoxFinal, .galleryDivFinal {border:0px; padding-bottom: 10px; margin: 0px 20px;}
#mainProducts{margin-left: 0;padding-left: 0;}
#mainProducts dt{padding-bottom: 5px;border-bottom: 1px solid #eee;}
#mainProducts dd{padding: 0px 0px 5px 5px;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.quickNav { white-space: nowrap;padding: 0 5px;}
.quickNav a:link, .quickNav a:visited, .quickNav a:active {font-weight: bold;color: #eee;background-color: transparent;text-decoration: none;}
.quickNav a:hover{color: #fff;}

#shopLabel { background: #f90 url("/p/quicknav-bg-shop.gif") repeat-x;}
#sysdoxLabel { background: #600 url("/p/quicknav-bg-sysdox.gif") repeat-x; }
#mypenLabel { background: #095ba5 url("/p/quicknav-bg-mypen.gif") repeat-x; }
#mdoLabel { background: #5f3119 url("/p/quicknav-bg-mdo.gif") repeat-x; }
#snagLabel { background: #61778d url("/p/quicknav-bg-snagmaster.gif") repeat-x; }
#pen2pcLabel { background: #666666 url("/p/quicknav-bg-pen2pc.gif") repeat-x; }
#dpsLabel { background: #666666 url("/p/quicknav-bg-digitalPenSuite.gif") repeat-x; }

.quickNavDark {white-space: nowrap;padding: 0 5px;}
.quickNavDark a:link, .quickNavDark a:visited, .quickNavDark a:active {font-weight: bold;color: #666666;background-color: transparent;text-decoration: none;}
.quickNavDark a:hover{color: #000000;}
/*Added CSS elements by Fraser Runciman12-11-04*/
#ibmBox{border: 1px solid #000;margin-left: 18px;background: #e1b37b url("/p/box-14-bg.jpg") no-repeat 0% 0%;text-align: right;color: #036;}
div#ibmBox h2{font-family: Arial, Helvetica, sans-serif;margin: 2px 5px 0px 5px;padding: 0px;color: #fff;background-color: transparent;font-variant: normal;letter-spacing: 0em;font-size: 19px;}
div#ibmBox p { margin-right: 5px; margin-left: 5px; }
div#ibmBox img{margin: 0px;border: 0px;}
div#ibmBox a:link, div#ibmBox a:visited, div#ibmBox a:active{color: #036;background-color: transparent;font-weight: bold;}
div#ibmBox a:hover{color: #000;background-color: transparent;}
.fLeftmid {float: left; margin-top: 10px;margin-right: 10px;margin-bottom: 5px;padding: 8px 8px 8px 0px;}
#christmasBanner{background-color: #d5e5f9;text-align: left;}
/*sup{line-height: 100%;}*/
.boxWidget{border: 1px solid #ccc;background-color: #fc9;margin:0px 0px 20px 0px;padding:0px;}

.boxWidget p{margin: 0px;padding: 0px;color: #000;background-color: #eee;}
.toplink{text-align:center;font-size: 9px;}
.boxheadWidget{border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 0px;border-left: 1px solid #ccc;background-color: #fc9;margin:0px;padding:5px;width:180px;}
.boxbodyWidget{border-top: 0px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;margin: 0px;padding: 5px;color: #000;background-color: #eee;width:180px;}
#content-box{width: 250px;border: 1px dotted #ccc;padding:0px;margin:0px 0px 10px 0px;}
#content-box p{width: 250px;font-weight: normal;font-size: 11px;color: #069;padding:0px;margin:10px;}
#content-box b{font-weight: normal;font-size: 11px;color: #000;padding:0px;margin:0px;}

#gallery-text{width: 400px;border: 1px dotted #ccc;padding:0px;margin:0px 0px 10px 0px;}
#gallery-text p{font-weight: normal;font-size: 11px;color: #069;padding:0px;margin:10px;}
.galleryInfoBoxCenter{font-size: 11px;background-color: #eee;border: 1px dotted #ccc;padding: 5px 10px;text-align: center;margin:4px 14px 20px 14px;}
#galleryZone2 img{margin:0px 14px 0px 14px;border: 1px solid #666;}
#galleryZone2 img.readMore{border: 0px;margin: 0px;}
#galleryZone2 img.partner{border: 0px;margin: 10px;}
#galleryZone2 h2{font-size: 13px;font-weight: normal;font-variant: small-caps;color: #666;background-color: transparent;margin: 0px 2px;}

#newsBanner{background:url(/p/nb_gradient.jpg); height:150px;}
#newsBanner div{background:url(/p/nb_fade.jpg) no-repeat; background-position:35% 0%; height:150px; overflow:hidden;}

#homepageBanner{background:url(/p/hp_gradient.jpg); height:150px;}
#homepageBanner div{background:url(/p/hp_fade.jpg) no-repeat; background-position:35% 0%; height:150px; overflow:hidden;}
#homepageBanner div.hp_info{background: url("/p/hp_info.png") top left no-repeat;width:647px;height:150px;font-size: 13px;letter-spacing:.04em;padding:115px 0 0 220px;color:#384555;font-variant:small-caps; font-weight:bold; text-shadow:0 1px 1px #e2e2e2}

#contactBanner{background:url(/p/cb_gradient.jpg); height:150px;}
#contactBanner div{background:url(/p/cb_fade.jpg) no-repeat; background-position:35% 0%; height:150px; overflow:hidden;}

#productBanner{background:url(/p/p_gradient.jpg); height:150px;}
#productBanner div{background:url(/p/p_fade.jpg) no-repeat; background-position:35% 0%; height:150px; overflow:hidden;}

#productBanner_lotusphere{background:url(/p/p_gradient_lotusphere.jpg); height:150px;}
#productBanner_lotusphere div{background:url(/p/p_fade_lotusphere.jpg) no-repeat; background-position:35% 0%; height:150px; overflow:hidden;}
#productBanner_lotusphere div.pb_info{background: url("/p/p_info_lotusphere.png") top left no-repeat;width:624px;height:150px;font-size: 15px;padding:92px 0 0 226px;color:#000;}
#productBanner_lotusphere div.pb_info a, #productBanner_lotusphere div.pb_info img{border:0 none};

#sfcBanner{background:url(/p/dpb_sky.jpg); no-repeat; background-position:9% 0%; height:150px; overflow:hidden;}
#sfcBanner div{background:url(/p/dpb_grass.png) no-repeat; background-position:18% 0%; height:150px; overflow:hidden;}

.pdfLink {margin:10px; text-align:center; font-size:10px; color:#666; float:left; width:30%}
.pdfLinkSidebar {width:100%}
.pdfLink a span {padding:0; display:block; text-decoration:underline;}
.pdfLink strong, .pdfLink span strong, .pdfLink a span strong {font-weight:bold; color:#09C}
.pdfLink a:link, .pdfLink a:active, .pdfLink a:visited {color:#666; text-decoration:underline;}
.pdfLink a:hover, .pdfLink a span:hover, .pdfLink span a:hover {text-decoration:none; cursor:pointer}

#clientLogoArea {width:90%}
#clientLogoArea img {border:0px none}

/*New nav*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

.menu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; width:100%; height:22px; position:relative; z-index:2; background:#61778d; line-height:2em; border-bottom:1px solid #fff;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:110px; text-align:center; color:#fff; background:#61778d; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:right; position:relative}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#9daebe;} /*top menu hover*/
.menu ul li:hover ul {display:block; position:absolute; top:22px; left:0; width:110px;}
.menu ul li:hover ul li a {background:background:#9daebe; width:200px; margin-right:-45px; background:rgba(157,174,190,0.75); color:#fff; padding-bottom:6px} /*Dropdown state*/
.menu ul li:hover ul li a span {line-height:.7em; font-weight:bold}
.menu ul li:hover ul li:hover a {background:#61778d; background:rgba(97,119,141,0.75); color:#fff;} /*Dropdown hover state*/
.menu ul li:hover ul li ul {display: none;}

.menu ul li a.homeLink, .menu ul li a.homeLink:visited {display:block; text-decoration:none; width:30px; text-align:center; color:#fff; background:#603; overflow:visible}
.menu ul li a.homeLink:hover {color:#fff; background-color:#603;}

.spacer{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; background-color:#61778d; color:#9daebe; line-height:1.9em;}
#menu .spacerNote{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; background-color:#603; color:#fff; padding-left:10px;}

/*End new nav*/

/*Dec2010 Additions*/
.ibmPartnerBox, #galleryZone .galleryDivFinal .lotusAd img, #galleryZone .galleryDivFinal .ibmPartnerBox img {padding:0px; margin:0px; text-align:left}
.ibmPartnerBox p {color:#113f68; font-size:13px; line-height:1.4em; margin:8px; padding:0; letter-spacing:.01em}
.ibmPartnerBox p strong{font-size:14px; line-height:1em; padding-bottom:4px;}
.ibmPartnerBox th{background-color:#113f68;}
.divider{background-color:#d5d5d5; padding:0px; margin:0px}
#galleryZone .galleryDiv .homePartnerClientBox img, .lotusAd, .lotusAd td img {padding:0px; margin:0px;}
.slideshow { height: 67px; width: 150px; margin: auto }
#galleryZone .galleryDiv .homePartnerClientBox .slideshow img { padding: 0px; border: 1px solid #fff; background-color: #eee;}
.homePartnerClientBox, .homePartnerClientBox td, .homePartnerClientBox td h2, .homePartnerClientBox td p{vertical-align:top;}
.homePartnerClientBox p{color:#0079c2; font-size:13px; line-height:1.4em; margin:0; padding:8px; letter-spacing:.01em;}
.lotusAd{background:url(/p/lotusAdStretch.png) repeat-x; height:80px;}
.lotusAd th{background:url(/p/lotusAd.png) no-repeat; height:80px;}
.lotusAd td{background:none; background-color:#fff;}
.lotusAd td.lotusAdFooter{background:none; background-color:#fc3;}
#galleryZone .galleryDivFinal .lotusAd th h2 {color: #963;font-variant: normal; letter-spacing: 0em;font-family: Arial, Helvetica, sans-serif;font-size: 19px;}
.lotusAd td p {color:#545454; font-size:13px; line-height:1.4em; margin:8px; padding:0; letter-spacing:.01em}
.lotusAd p a {color:#c60}
.lotusAd p a:hover {color:#f60}

.xmas{background:url(/p/xmasBanner2011.jpg) no-repeat; width:600px; height:154px; margin:0px; padding:0px; text-align:center; color:#fff;}
.xmas p {font-size:11px; margin:0px 60px; line-height:normal; letter-spacing:normal}
.xmas p:first-child {font-size:15px; font-weight:bold; padding:55px 0 6px 0}
/**/