/*
	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: 12px; }

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;
	width: 105px;
	font-size: 9px;
}

.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;
}

#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
{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin: 0px 20px;
}

.partnerBoxFinal, .galleryDivFinal, #clientLogoArea{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 Runciman
	12-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;}

#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;}

#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}