/* 
	Main CSS doc for Anderson Hearing Aid | Copyright 2007
	Created By Odvod Media. (http://www.odvod.com)
*/

/*
	Palette
	#124b8b		logo blue
	#0b2d53		mid blue
	#a0b7d1		light blue
	#124b8b		dark blue
*/

																		/*
																		*	Global
																		****************************/

body {
	background: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
}

p {
	line-height: 1.4em;
}

p, ul {
	margin-bottom: 1em;
}

p img {
	float: right;
	margin: 0 0 1em 1em;
	padding: 4px;
	border: 1px solid #a0b7d1;
}

																		/*
																		*	Structure
																		****************************/
																		
#page
{
	width: 652px;
	height: auto;
	margin: 15px auto 0 auto;
	font-size: 1.2em;
}
	#wrap {
		border: 3px solid #124b8b;
	}
	
	#wrap, #mastHead, #nav, #main, #footer {
		float: left;
	}
	
	#mastHead
	{
		width: 652px;
		height: 112px;
		background: url('../images/masthead.jpg') no-repeat left top;
	}
		#contact
		{
			float: right;
			margin-right: -5px;
		}
			#contact a {
				text-transform: uppercase;
				text-decoration: none;
				color: #124b8b;
				font-size: 0.9em;
			}
	
	#nav
	{
		width: 652px;
		height: 22px;
		background: #124b8b;
	}
	
	#main
	{
		width: 652px;
		height: auto;
		background: #fff;
	}
		
		#content {
			width: 375px;
			margin-left: 35px;
			margin-bottom: 30px;
			float: left;
			display: inline; /* required for IE to not screw everything up - ex: double margins on floated elements */ 
		}
		
		#sideCol {
			height: auto;
			margin-left: 35px;
			margin-bottom: 35px;
			width: 175px;
			float: left;
			display: inline; /* required for IE to not screw everything up - ex: double margins on floated elements */
		}
			
	#footer
	{
	 	font-family:Helvetica, Arial, Verdana, sans-serif;	
		width: 652px;
		height: 70px;
		background: #124b8b;
	}
	
	#footer li{
	background:url(../images/aha_icon.png) no-repeat left top;
	padding-left:20px;
	}

	#copyright
	{
		width: 652px;
		height: 60px;
		margin: 5px auto 0 auto;
	}
		#copyright p
		{
			float: right;
			color: #999;
			font-size: .9em;
		}
		#copyright a
		{
			color: #999;
			text-decoration: none;
		}
		
.clr{clear:both;}

																		/*
																		*	Lists
																		****************************/
																		
#nav ul
{
	padding: 0;
	margin: 0 0 0 10px;
}
	/*#nav ul li
	{
		display: inline;
		margin: 0 5px 0 5px;
	}
	
	#nav ul li a
	{
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		height: 22px;
	}
	*/
	
	#nav ul li
	{
		display: inline;
	}
	
	#nav ul li a
	{	
		display: block;
		float: left;
		margin: 0 5px 0 5px;
		padding: 3px 5px;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		height: 16px;
	}
	
	#nav ul li a:hover
	{
		background: #d0dbe8;
		color: #0b2d53;
	}
	
	

#sideCol ul {
	border-top: 1px solid #a0b7d1;
}
	#sideCol ul li {
	
	}
	
		#sideCol ul li a, #sideCol ul li.selected {
			display: block;
			width: 165px;
			padding: 5px 0 5px 10px;
			background: #d0dbe8;
			text-decoration: none;
			color: #0b2d53;
			border-bottom: 1px solid #a0b7d1;
		}
		#sideCol ul li a:hover {
			background: #a0b7d1;
		}
		
	#sideCol ul li.selected {
		background: #124b8b;
		color: #fff;
	}
	
#content ul
{
	margin-left: 20px;
}

#content li
{
	list-style-type: disc;
	margin-bottom: 0.25em;
	line-height: 1.4em;
}



#footer ul
{
	float: left;
	margin: 15px 0 0 15px;
	display: inline;
}
	#footer ul li
	{
		float: left;
		margin: 0 7px 0 7px;
		color: #fff;
		display: inline;
	}
		#footer ul li a
		{
			color: #fff;
		}
	

																		/*
																		*	Typography
																		****************************/

h1 {
	margin: 1em 0 1em 35px;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #124B8B;
}

h2 {}
	#content h2
	{
		margin: 0 0 .5em 0;
		font-size: 1.3em;
		font-weight: bold;
	}
	
h3 {}
	#content h3
	{
		margin: 0 0 .2em 0;
		padding-top: 0.5em;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		border-top: 1px dotted #a0b7d1;
		color: #0b2d53;
		clear: both;
	}
	#content h3 a {
		color: #0b2d53;
		text-decoration: none;
	}
	
	#clinicians h3 {
		text-transform: none;
	}

h4 {}
	#content h4
	{
		margin: 0 0 .2em 0;

		font-size: 1.1em;
		font-weight: bold;
		color: #7494b8;
		clear: both;
	}

p{}
	p.faqQ
	{
		color: #b41823;
		font-size: 1.1em;
		margin-bottom: .3em;
	}
	p.faqQ:first-letter, p.faqA:first-letter
	{
		font-weight: bold;
	}
	p.faqA
	{
		margin-bottom: 2em;
	}

																		/*
																		*	Custom / Misc																		****************************/

#content li.address{
	font-weight:bold;
}

.sm
{
	font-size: .8em;
}

.topPadding{
	padding-top: 22px;
	background: #124b8b;
}

#productList img {
	border: 1px solid #a0b7d1;
	padding: 3px;
	margin: 0.25em 0pt 0.75em;
}

#clinicians p img{
	border:1px solid #ddd;
}

/*new Products Page**/

.prod_pics{
	float:left;
	display:block;
	width:386px;
}

.logo_oticon{
}
.about_oticon{
	font-size:10px;
	padding-top:15px;
}
.soundwaves{
	position:relative; top:8px; left:490px;
	_width:86px; _height:96px;
}

#main .locations h4{margin:10px 0 5px 0;}

#main .locations ul{
	border-bottom:dotted 1px #dedede; 
	margin:0;
	padding:0 0 10px 0;
}
#main .locations li{
	list-style-position:inside;
}
input[type=text], textarea{ border:1px #bbb solid; padding:5px;}
.label{ padding:10px 10px 10px 0; text-align:left; vertical-align:top;}
.field{ padding:10px 0 10px 10px; text-align:left;}