/*Visibadge 2007*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Removes border from images */
img { border: 0; padding:0; }




body {
	font: 72% Arial, sans-serif;
	background: url(sitegraphics/bg.jpg) repeat-x 0 0 #666;
	color: #333;
}

p {
	line-height: 1.5em;
	margin-bottom: 1.2em;
}

a:link, a:visited {
	text-decoration: none;
	color: #333;
}
a:active, a:hover {
	color: #333;
	text-decoration: underline;
}

.redbold {
	font-weight:bold;
	color:#DF1515;
}

.bold {
	font-weight:bold;
}

/*software download tables*/

table {
	margin: 20px 0 20px 0;
}

td {	
	
}
td p {
	margin:3px;
}

/*-------------------------*/

.colouredcell {
	background:#E8E8E8;
}
	
.imagemargin {
	margin: 10px 0 10px 0;
}

.advantagestext {
	height: 270px;
}

.fullfeatureslink {
	display:block;	
	background:url(sitegraphics/navcontent_arrow.gif) 4px 4px no-repeat;
	margin-top: 40px;
	padding-left: 10px;
}
	

/*----------PAPER INDEX-----------*/

.paperindextext {
	float:left;
	width:190px;
}

#paperindexbuttons {
	float:left;
	width:310px;
	
}
#paperindexbuttons li {
	display: block;
	float: left;
	width: 82px;
	margin: 0 0 0 6px;	
	padding: 0 0 10px 0;
	text-align: center;	
}

#paperindexbuttons a:link, #paperindexbuttons a:visited {	
	display: block;
	width: 82px;
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;
	color: #333;
}

/*----------OTHER INDEX'S-----------*/

.homeindextext {
	float:left;
	width:280px;
	height:260px;
}
#homeindexbuttons {
	float:left;
	margin-top:40px;
	width:220px;
	height:240px;	
}
#homeindexbuttons li {
	display: block;
	float: right;
	width: 82px;
	margin: 0 3px 0 12px;	
	padding: 0 0 10px 0;
	list-style:none;
	text-align: center;		
}

#homeindexbuttons a:link, #homeindexbuttons a:visited {	
	display: block;
	width: 82px;
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;
	color: #333;
}

#homepanels {
	margin-top:10px;
}

.homepanel {
	float:left;
	margin:0px 10px 10px 0;
	width:160px;
	height:220px;
}

.homepanelnomargin {
	float:left;
	margin:0 0 10px 0;
}
	

#indexbuttons a:link, #indexbuttons a:visited {
	display: block;
	width: 110px;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
	color: #333;
}

#indexbuttons {
	display:block;
	width:500px;
	height:auto;
}

#indexbuttons ul {	
}	
#indexbuttons li {
	display: block;
	float: left;
	width: 110px;
	margin: 0 0 0 20px;
	padding-bottom: 10px;
	text-align: center;	
}
#indexbuttons a:link, #indexbuttons a:visited {
	display: block;
	width: 110px;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
	color: #333;
}
#indexbuttons img {
	margin-bottom: 5px;
}

#map {
	overflow:hidden;

}
	
/*----------TEXT CLASSES FOR COLOUR CODE---------*/

.paper { color:#DF1515; }

.electronic { color:#FF720B; }

.acc { color:#FFB70A; }

.printers { color:#299B33; }

.advantages { color:#63B2C3; }

.idsystems { color:#8048A7; }

.italics { font-style: italic; }

.bold { font-style: bold; }

/*--------------------WRAPPER--------------------*/

#wrapper {
	width: 750px;
	margin: 0 auto;
	border-top: 0;
	border-right: 5px solid #474747;
	border-bottom: 5px solid #474747;
	border-left: 5px solid #474747;
	background-color: #FFF;
}

/*--------------------TOPBANNER--------------------*/

#topbanner {
	width: 750px;
	height: 115px;
	background: url(sitegraphics/bg_topbanner.jpg) 0 0;
}

/*------------------MAIN NAVIGATION----------------*/

#navMain {
	clear: both;
	margin-left: 15px;
}
#navMain li, #navMain a {
	display: block;
	float: left;
	width: 115px;
	height: 31px;
	margin-right: 5px;
	background-image: url(sitegraphics/navmain.gif);
	text-indent: -1976px;
	overflow: hidden; 
}

#navMain a:hover { background-image: none; }

#navMain-paper a { background-position: 0px 0px; }
#navMain-electronic a { background-position: -115px 0px; }
#navMain-accessories a { background-position: -230px 0px; }
#navMain-printers a { background-position: -345px 0px; }
#navMain-advantages a { background-position: -460px 0px; }
#navMain-idsystems a { background-position: -575px 0px; }

#navMain-paper { background-position: 0px -31px; }
#navMain-electronic { background-position: -115px -31px; }
#navMain-accessories { background-position: -230px -31px; }
#navMain-printers { background-position: -345px -31px; }
#navMain-advantages { background-position: -460px -31px; }
#navMain-idsystems { background-position: -575px -31px; }

/*--------------------SUB NAVIGATION--------------------*/

#navSub {
	width:300px;
	float: right;
	margin: 60px 20px 0 0;
}
#navSub li {
	display: block;
	float: left;
	margin-left: 15px;
	text-transform: uppercase;
}
#navSub a:link, #navSub a:visited {
	font-weight: bold;
	color: #FFF;
}
#navSub a:active, #navSub a:hover {
	color: #FFB70A;
}

/*--------------------CONTENT WRAPPER--------------------*/

#contentWrapper {
	width: 710px;
	padding: 20px;
}
#contentWrapper h1 {
	font-weight: normal;
	font-size: 190%;
	margin-bottom: 0.5em;
}
#contentWrapper p {
	font-size: 110%;
}
#contentWrapper ul {
	margin: 0 0 1.2em 2em;
}
#contentWrapper li {
	margin-bottom: 0.85em;
}

/*--------------------CONTENT NAVIGATION--------------------*/

#navContent {
	margin-top: 10px;
	padding: 10px;
	background: url(sitegraphics/bg_navcontent.gif) repeat-x 0 0;
}
#navContent h1 {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 130%;
}
#navContent ul {
	margin: 0 0 0 0.8em;
}
#navContent li {
	margin-bottom: 0.75em;
	padding-left: 8px;
	background: url(sitegraphics/navcontent_arrow.gif) no-repeat 0 50%;
}

/*--------------------CONTENT COLUMN--------------------*/

#contentColumn {
	width: 180px;
	float: right;
}
#contentColumn .securitlogo {
	margin-bottom: 10px;
}
#contentColumn .copyright {
	font-size: 90%;
}
#addressColumn {
	margin: 10px 0 15px 0;
	padding-top: 20px;
	border-top: 1px solid #CFCFCF;
}
#addressColumn h1 {
	margin-bottom: 0.05em;
	font-weight: bold;
	font-size: 130%;
}
#addressColumn p {
	margin-bottom: -0.2em;
	font-size: 100%;
}
#addressColumn .caption {
	font-weight: bold;
}

/*--------------------SPECIFIC CONTENT SECTIONS--------------------*/

#contentPaperSystemsIndex {
	float: left;
	width: 500px;
}
#contentPaperSystemsIndex h1 {
	color: #DF1515;
}
#contentPaperSystemsIndex h2 {
	color: #DF1515;
	font-size:120%;
	margin-bottom:10px;
}
#contentPaperSystems {
	float: left;
	width: 500px;
}
#contentPaperSystems h1 {
	color: #DF1515;
}
#contentPaperSystems h2 {
	color: #DF1515;
	font-size:110%;
	margin-bottom:10px;
}
#contentPaperSystems li {
	padding-left: 10px;
	background: url(sitegraphics/bullet_papersystems.gif) no-repeat 0 0.4em;
}
#contentElectronicIndex {
	float: left;
	width: 500px;
}
#contentElectronicIndex h1 {
	color: #FF720B;
}
#contentElectronicIndex h2 {
	width:130px;
	display:inline;	
	color: #FF720B;
	font-size:120%;
	margin-bottom:10px;
	margin-right:110px;
}
#contentElectronicIndex h2 .inlineheader {
	width:150px;
	display:inline;	
	color: #FF720B;
	font-size:120%;
	margin:0 0 10px 0;	
}
#contentElectronic {
	float: left;
	width: 500px;
}
#contentElectronic h1 {
	color: #FF720B;
}
#contentElectronic h2 {	
	color: #FF720B;
	font-size:120%;
	margin-bottom:10px;
}
#contentElectronic li {
	padding-left: 10px;
	background: url(sitegraphics/bullet_electronic.gif) no-repeat 0 0.4em;
}
#ElectronicAdvantagesBox {	
	padding:40px 0 0 0px;
	background:url(sitegraphics/bg_featurebox.gif) 0 0 no-repeat;
	float: right;
	height: 140px;
	width: 242px;	
}
#ElectronicAdvantagesBox ul {
	list-style:none;
}
#ElectronicAdvantagesBox .advantagesleft {	
	margin: 0px;
	padding-left:10px;
	float:left;	
}
#ElectronicAdvantagesBox .advantagesright {
	margin: 0px;
	padding-right:10px;
	float:right;	
}
#ElectronicAdvantagesBox li {
	height:19px;
	width:100px;
	display:block;
	background: url(sitegraphics/navcontent_arrow.gif) no-repeat 0px 10px;
	margin: 0 0 0 0;	
	padding: 8px 0 8px 7px;	
}
#ElectronicAdvantagesBox li a {	
	font-size: 95%;	
	padding:0;
}	
#contentAccessoriesIndex {
	float: left;
	width: 500px;
}
#contentAccessoriesIndex h1 {
	color: #FFB70A;
}

#contentAccessories {
	float: left;
	width: 500px;
}
#contentAccessories h1 {
	color: #FFB70A;
}
#contentAccessories li {
	padding-left: 10px;
	background: url(sitegraphics/bullet_accessories.gif) no-repeat 0 0.4em;
}
#contentPrintersIndex {
	float: left;
	width: 500px;
}
#contentPrintersIndex h1 {
	color: #299B33;
}
#contentPrintersIndex h2 {
	color: #299B33;
	font-size:120%;
	margin-bottom:10px;
}
#contentPrinters {
	float: left;
	width: 500px;
}
#contentPrinters h1 {
	color: #299B33;
}
#contentPrinters h2 {
	color: #299B33;
	font-size:120%;
	margin-bottom:10px;
}
#contentPrinters li {
	padding-left: 10px;
	background: url(sitegraphics/bullet_printers.gif) no-repeat 0 0.4em;
}

#contentAdvantages {
	float: left;
	width: 500px;
}
#contentAdvantages h1 {
	color: #63B2C3;
}
#contentAdvantages h2 {
	color: #63B2C3;
	font-size:120%;
	margin-bottom:10px;
}
#contentAdvantages li {
	padding-left: 10px;
	background: url(sitegraphics/bullet_advantages.gif) no-repeat 0 0.4em;
}
#contentIdsystems {
	float: left;
	width: 500px;
}
#contentIdsystems h1 {
	color: #8048A7;
}
#contentIdsystems li {
	
	background: url(sitegraphics/bullet_idsystems.gif) no-repeat 0 0.4em;
}

/*-------------------------------------------FORMS------------------------------------------*/

#contactusform {
	width: 450px;
	margin: 0 0 20px 0;
	padding: 2em;
	border: 1px solid #BBB;	
}

#contactusform h1 {
	margin: 0;
	padding: 0 0 0.2em 0;
	font-size: 115%;
	color: #03CA00;
}
#contactusform p {
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 1.2em;
}
#contactusform .caption {
	display: block;
	margin: 0.5em 0 0 0;
	padding: 0;
	color: #9B7B3D;
}
#contactusform .mandatory {
	color: #DF1515;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
label {
	display: block;
	font-weight: bold;
	font-size: 100%;
}
input {
	width: 99%;
	margin: 2px 0 8px 0;
	padding: 1px;
	border: 1px solid #999999;
}
#checkboxandlabel {
	width: 99%;
	margin-bottom: 0em;
}
#checkboxandlabel label {
	font-weight: normal;
}

.numberinputfield {
	width: 50px;
}

.inlinelabel {
	display:inline;
	width: 165px;
}
.inlinelabelbold {
	font-weight:bold;
	display:inline;
	width: 165px;
}
.checkbox {

	width: 15px;
	border:0;
}
textarea {
	width: 99%;
	margin: 2px 0 8px 0;
	border: 1px solid #999;
}
select {
	width: 50%;
	margin: 2px 0 8px 0;
	border: 1px solid #999;
}
.sendform {
	display: block;	
	margin: 10px 0 0 0;
	text-align: center;
}
.sendbutton {
	clear:both;
	width: 70px;
	border: 1px solid #999;
}

/*-------------------CAPTCHAS-------------------*/

#captchaError 				{ display:none; font-size:11px; } 

#captchaError p				{ color:#cc0000; } 

.captcha                    { margin-bottom: 8px; }

.captchaInput               { width: 173px; }



/*--------------------FOOTER--------------------*/

#getquote {
	 border-top: 1px solid #CFCFCF;
	 margin-top: 10px;
	 padding-top: 10px;	 
}

#footer {
	clear: both;
	margin-bottom: 25px;
	background-color: #FFF;
}

.imageleft {
	float: left;
	margin: 0 15px 15px 0;
}
.imageright {
	float: right;
	margin: 0 15px 0 15px;
}