﻿/* ----------- */
/* ---------------------------------------- Advanced Barcoding Solutions - Main CSS */
/* ---------------------------------------- Copyright Advanced Barcoding Solutions 2007 */
/* ---------------------------------------- Site Structure Styles */

/* ---------------------------------------- Colours */
/* 
#394C7A - ABS Blue 
#808080 - ABS Gray
*/

/* ---------------------------------------- Common Elements */
* {
	font-family: "Arial Unicode MS",Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#808080;  	
	line-height:18px; 
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
a { 
	text-decoration : none; 
	color: #394C7A;
}
a:visited a:focus {
	text-decoration: none;
}
a:hover { 
	color: #394C7A; 
}
img { 
	margin: 0px;
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0px;
}
ul {
	font-size: 12px;
	font-weight: normal;
	list-style-position: inside;
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 9px 10px;
}

blockquote {
	float:right;
	width:200px;
	display: inline;
	background-color: silver;
	padding: 10px 10px 10px 10px;
}

/* ---------------------------------------- Page Wrapper/Structure Styles */
#welcome{
	text-align: center;
}
	#outerwrapper {
		width: 940px;
		text-align: left;
		margin: 0px auto 0px auto;
		padding: 28px 10px 10px 10px;
	}
		#columnwrapper {
			width: 928px;
			border: 1px silver solid;
			margin: 0px 0px 0px 0px;
			padding: 5px 5px 5px 5px;
		}
		#columnwrapper2 {
			width: 928px;
		}
		#columnwrapper3 {
			width: 928px;
		}

		#header {
			width: 940px;
		}
			#headerlogo {
				float: left ;	
			}
			#headercontent {
				float: right;
				line-height: 15px;
				text-align: right;
				padding: 30px 0px 0px 0px;
			}
			#headercontent a {
				line-height: 15px;
			}
			#headercontent img {
				vertical-align:middle;
			}		
	#footer {
		width: 940px;
		text-align: right;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
	}

/* ---------------------------------------- Navigation Styles */
#navigation {
	text-align: right;
	width: 940px;
}
    #navigation ul {
		list-style: none;
		padding: 0;
		margin: 0;
    }    
	#navigation li {
		float: right;
		border: 1px solid silver;
		border-bottom-width: 0;
		margin: 0;
    }    
	#navigation a {
		color: gray;
		text-decoration: none;
		display: block;
		padding: 0.24em 1em;
		width: 6em;
		text-align: center;
	}
	#navigation a:hover {
		color:#394C7A;
		border: none;
	}	
	
	/* -- Navigation Highlight Styles -- */
	#about #nav-about a {
		color: #394C7A;
		position: relative;
		top: 1px;
	}

	#welcome #nav-welcome a {
		color: #394C7A;
		position: relative;
		top: 1px;
	}
	#products #nav-products a {
		color: #394C7A;
		position: relative;
		top: 1px;
	}
	#services #nav-services a {
		color: #394C7A;
		position: relative;
		top: 1px;
	}
	#support #nav-support a {
		color: #394C7A;
		position: relative;
		top: 1px;
	}
	#news #nav-news a {
		color: #394C7A;
		position: relative;
		top: 1px;
	}
	#contact #nav-contact a {
		color: #394C7A;
		position: relative;
		top: 1px;
	}

/* ---------------------------------------- Table Styles */
.abstable {
	margin-left:10px;
	vertical-align: middle;
	width: 660px;
	border: none;
}
	.abstable th {
		color: #394C7A;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
		width: 50%;
	}
	.abstable tr {
		height: 18px;
		vertical-align: middle;
		width: 50%
	}
	.abstable td {
		height: 18px;
		vertical-align: top;
		width: 50%;
		
	}
	.abstable img {
		vertical-align: middle;
	}

/* ---------------------------------------- Template Specific Styles */

/* -- Welcome Template */
#t1_columnmain {
	width: 670px;
}
#t1_columnright {
	width: 253px;
	margin: 0px 0px 0px 0px;	
}

/* -- About Template -- */
#t2_columnmain {
	width: 928px;
}

/* -- Products/Services Menu Template -- */
#t3_columnleft {
	width: 306px;
}
#t3_columnmiddle {
	width: 306px;
}
#t3_columnright {
	width: 306px;
	margin: 0px 0px 0px 0px;	
}

/* -- Support Menu Template -- */
#t4_columnleft {
	width: 306px;
}
#t4_columnmiddle {
	width: 306px;
}
#t4_columnright {
	width: 306px;
	margin: 0px 0px 0px 0px;	
}
#t5_columnleft {
	width: 670px;
}
#t5_columnright {
	width: 253px;
	margin: 0px 0px 0px 0px;	
}
#t6_columnleft {
	width: 462px;
}
#t6_columnright {
	width: 461px;
	margin: 0px 0px 0px 0px;	
}

/* ---------------------------------------- Formatting Classes and Styles */
.clear {
	clear: both;
}
.column {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.columnheader {
	color: #394C7A;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 3px;
}
.columnheaderimg {
	padding-left: 3px;
	}
.columntext {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 3px;
}
.columntextindent {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 25px;
}
.highlight {	
	color:#394C7A;
}
.highlighte{
	color:#394C7A;
}

/* ---------------------------------------- List Specific Styles */
.abstextlist {
	font-size: 12px;
	font-weight: normal;
	list-style-position: inside;
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 9px 100px;
}

/* ---------------------------------------- Link Graphics and Styles */
.a_external {
	background: url('../images/icons/aoutside.gif') right top no-repeat;
	padding: 0px 10px 0px 0px;	
}
.a_external {
	background: url('../images/icons/aoutside.gif') right top no-repeat;
	padding: 0px 10px 0px 0px;	
}
.a_internal {
	background: url('../images/icons/aoutside.gif') right top no-repeat;
	padding: 0px;
}
.a_email {
	background: url('../images/icons/aemail.gif') right top no-repeat;
	padding: 0px 10px 0px 0px;	
}
.a_pdf {
	background: url('../images/icons/apdf.gif') right top no-repeat;
	padding: 0px 10px 0px 0px;	
}






