/*
everything related to the layout and appearance of typography should go in here.

only em should be used for fonts.

due to reset.css, 1.2 em = 12px, 1.5em = 15px, works all os' and all browsers.
*/

body, form, input, label, select {
	font-family: Lucida Sans Unicode,Lucida Grande,Arial,Verdana,Helvetica,sans-serif;
}

form, input, label, select {
	font-family: Lucida Sans Unicode,Lucida Grande,Arial,Verdana,Helvetica,sans-serif;
	font-size: 1.2em;
}

h1 {
	font-weight: bold;
	font-size: 1.6em;
}

h2 {
	font-weight: bold;
	font-size: 1.4em;
}

h3 {
	font-weight: bold;
	font-size: 1.3em;
}

p {
	font-size: 1.2em;
}

h1, h2, h3, p {
	margin: 10px 0 1em 0;	/* using em for bottom margin so heading tags get more margin (its inherited from parent). */
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}	

	ul, ol {
		margin: 10px 10px 10px 30px;
		font-size: 1em;
	}

		ul li, ol li {
			margin: 0 0 0 30px;
		}

strong {
	font-weight: bold;
}

i {
	font-style: italic;
}

#pageNav ul {
	font-size: 1.2em;
}

#subNav {
	font-size: 1.2em;
	color: #000;
	}	

	#subNav a {
		color: #666;
		}

	#subNav a:hover {
		text-decoration: underline;
		}

#mainBar h1 {
	margin: 0 0 10px 0;
	font-weight: normal;
	color: #0063be;
	font-size: 2em;
	}
	
#mainBar h2 {
	color: #999;
	font-size: 1.2em;
	}

#mainBar  h3 {
	margin: 0;
	padding: 0;
	}
	
#mainBar p {
	margin-top: 0;
	padding: 0;
	font-size: 1.2em;
	}

.newsBox h2 { 
	font-size: 1.4em; 
	color: #000;
	font-weight: normal;
	color: #0063be;
	}
	
.newsBox a {
	text-decoration: none;
	color: #000;
	}

	.newsBox a:hover {
		text-decoration: underline;
		color: #000;
		}	

#sideMenu h2 {
	margin: 0;
	padding: 0 0 5px 0;
	color: #0063be;
	font-weight: normal;
	background: url('/images/template/menu/arrow-down.png') no-repeat;
	border-bottom: 1px dashed #ccc;
	}
	
	#sideMenu li a{
		color: #999;
		text-decoration: none;
		display: block;
		font-size: 13px;
		}
			
	#sideMenu li a:hover{
		color: #0063be;
		text-decoration: none;
		}

	#sideMenu .selected { 
		color: #0063be;
		}
		
		#subMenu {
			margin: 0 !important;
			padding: 0 !important;
			}	
		#subMenu li {
			margin: 5px 0;
			text-indent: 15px;
			}
		
		#subMenu li a {
			font-size: 12px;
			}

#homeBoxes h2 {
	margin: 5px 0;
	padding: 0;
	font-weight: normal;
	background: url('/images/template/body/divider.png') no-repeat;
	border-bottom: 1px dashed #ccc;
	}	
		
	#homeBoxes a, #homeBoxes a:hover  { 
		color: #0063be; 
		}


#homeBoxes h3 { 
	font-weight: normal; 
	color: #0063be;
	}

#companyBoxes h2, #categories h2 { 
	font-weight: normal;
	color: #0063be; 
	}

#categories h2 {
	 font-size: 1.6em; 
	 margin-left:10px;
	 }
	 
	 #categories ul {
		font-size: 1.2em;
	 	}


.catList h2 {
	font-weight: normal; 
	font-size:1.3em; 
	text-align: center; 
	}

.catList h2 a:hover { 
	color: #000; 
	text-decoration: underline;
	}

#catResult h2 { 
	color: #0063be; 
	font-size: 1.6em; 
	font-weight: normal; 
	margin: 0 0 10px 0;
	}

#productItem h2 { 
	color: #ccc; 
	font-size: 1.1em; 
	font-weight: normal;
	margin: 0 0 10px 0;
	}
	
	#productItem h3 { 
		color: #0063be; 
		font-size: 1.6em; 
		font-weight: normal; 
		margin: 0 0 10px 0;
		}
	
	#products h3 { 
		color: #0063be;
		font-size: 1.4em;
		font-weight: normal; 
		margin: 0 0 10px 0;
		}

	#productItem p { 
		color: #999;
		}
		
		#productItem a { 
			text-decoration: none; 
			color: #0063be; 
			}
	
		#productItem a:hover {
			 text-decoration: underline; 
			 color: #0063be; 
			 }
			
	#prodColOne h1 { 
		color: #0063be; 
		font-size: 1.6em; 
		font-weight: normal; 
		margin: 0 0 10px 0;
		}
		
		#printWrapper .infoText a{
			color:#0063be;
			}
			#printWrapper .infoText a:hover{
				color:#0063be;
				text-decoration: underline;
				}
		
#footerBar .footercolTwo{
	text-align: left;
	}

	#footerBar .footercolThree{
		text-align: right;
		}