*
{
	margin:				0;
	padding:			0;
	box-sizing: 		content-box;
	-moz-box-sizing:	content-box;
}

html 
{ 
	font-size: 		100.01%; /* IE hack */ 
	height:			100%;
}

/*	LAYOUT TAGS	*/

body
{
	font:			normal 80% Arial, Helvetica, sans-serif;
	color:			#666666;
	background-color:	#baced6;
	margin-top: 10px;
	border:			0;
	line-height:	1.4em;
		
	min-height:			101%;
}



/*	defaults 
these prevent cascading and dodgy sizing, specifically in IE5.x
*/

table, input, select, th, td { font-size: 100.01%; }

/*	STANDARD TAGS */

table
{
	/*border-collapse:	collapse;*/
}

a
{
	color:			#095C71;	/* darkest blue */
	font-weight:		bold;
	text-decoration:	none;
}

a:hover
{
	color:				#168DAB;	/* dark blue */
}

/* 
	standard formatting
	
	sizes and margins declared in EM units so that user can
	increase the text size and still preserve the structure
*/
h1
{
 	/*text-transform: 	lowercase;*/
	font-weight:  bold;
 	font-size:  1.5em;
 	margin-bottom:  0.33em;
	margin-top: 0.4em;
 	color:   #0e56a6; 		/* very nice blue text */ 
}


h2
{
	/*text-transform: 	lowercase;*/
	font-weight:		bold;
	font-size:		1.2em;
	margin-bottom:		0.66em;
	color:			#8aa6b2;	/* grey text */
}

h3
{
	font-weight:  bold;
 	font-size:  1.33em;
	margin-top:	20px;
	margin-bottom:	0.25em;
 	color:   #0e56a6; 		/* very nice blue text */ 
}

h4
{
	color:		#8aa6b2;
	font-weight:		bold;
	font-size:		1.25em;
	margin-top:	20px;
	/*margin-bottom:		1.0em;*/
}

h5
{
	color:		#8aa6b2;
	font-weight:		bold;
	font-size:		1.25em;
	margin-top:	20px;
	/*margin-bottom:		1.0em;*/
}

p
{
	font-size:		1.0em;
	margin-bottom:		1.0em;
}

b
{
	color:			#4d8ac4;	/* nice blue text */
}

/*
	used as an in-content HR 
*/
blockquote
{
	border-top:		1px solid #c9dce4;
	margin:	20px 1em;
}

img
{
	border:			none;
}

ul, ol
{
	font-size:		1.0em;
	/*margin-bottom:	1.0em;*/
	padding-left:		2.0em;
}

ul li, ol li
{
}

ul
{
	margin-bottom:		1.0em;
}

.nocss
{
	display:	none;
}

/*
	INPUTS / FORMS
*/

select.select
{
	width:				150px;
	border:				1px solid #666;
}

select.select option
{
	margin-right:		1em;
}

input.button
{
	width:				75px;
}

input.text,
input.textnormal,
input.textsmall,
input.textwide,
input.textthin,
textarea
{
	border:				1px solid #666;
	background-color:	#FFFFFF;	/* white */
	height:				1.5em;
}

input.text,
input.textnormal
{
	width:				150px;
}

input.texttiny
{
	width:				37px;
}

input.textsmall
{
	width:				75px;
}

input.textwide
{
	width:				300px;
}

.admin textarea
{
	width:				10px;
	height:				500px;
}

textarea
{
	width:				150px;
	height:				80px;
}



/*
	table where th's are down the left and input boxes and such are in td's along the right
*/
table.formtable
{
	margin:			0 auto;
}

table.formtable th, table.formtable td
{
	padding:		5px;
	vertical-align: top;
	text-align:		left;
}


table.listtable
{
	border-top:			1px solid #CCCCCC;
	border-left:		1px solid #CCCCCC;
}

table.listtable td,
table.listtable th
{
	vertical-align: top;
	border-right:		1px solid #CCCCCC;
	border-bottom:		1px solid #CCCCCC;
	padding: 			5px;
	text-align:			left;
}






table.listtable
{
	border-top:		1px solid #CCCCCC;
	border-left:		1px solid #CCCCCC;
}

table.listtable td,
table.listtable th
{
	vertical-align: 	top;
	border-right:		1px solid #CCCCCC;
	border-bottom:		1px solid #CCCCCC;
	padding: 		5px;
	text-align:		left;
}


div.clear
{
	font-size:		0;
	height:			50px;
	width:			0;
	overflow:		hidden;
	clear:			both;
}



div.leftimg
{
	float:		left;
	margin-right:	10px;
	margin-top:	20px;
}

div.rightimg
{
	float:		right;
	margin-left:	10px;
	margin-top:	20px;
}

div.centerimg
{
	text-align:	center;
	/*float:		left;
	margin-right:	10px;
	margin-top:	20px;*/
}

/*

	outer and inner serve only to align background images and preserve the
	scrollbar for mozilla-based browsers. 

*/

div#outer
{
	text-align:		left;
	margin:			0 auto;
	width:			950px;
	min-height:		100.01%;
	background-color:	#FFFFFF;
}



/*

body >
outer >

|---------------|
|head           |  220px
|---------------|
|main           |
|               |
|               |  stretch
|               |
|---------------|
|foot           |  24px
|---------------|

*/


div#head
{
	height:			220px;
	background-image:	url(../img/head.png);
}

div#main
{

}

div#foot
{
	color:		#8aa6b2;
	font-weight:		normal;
	font-size:		0.9em;
	clear:			both;
	padding:		4px;
	border-top:	1px solid #baced6;
}


/*
div#foot a
{
	font-weight:		normal;
	color:			#999999;
}

div#foot a:hover
{
	color:			#666666;
}*/



/*

 main >
 
|----------------|
|l   |c     |r   |
|e   |o     |i   |
|f   |n     |g   |
|t   |t     |h   |
|    |e     |t   |
|    |n     |    |
|    |t     |    |
|    |      |    |
|----------------|

200   500   250

*/


div#left
{
	float:			left;
	width:			199px;		/* minus 1px border-right to content */
	
}

div#content
{
	float:			left;
	width:			480px;		/* 500px minus 20px margin to menu */
	
	padding-left:	20px;
	border-left:	1px solid #baced6;
	
	min-height:		600px;
}

div#right
{
	float:			left;
	width:			240px;		/* fake right-hand margin of 10px, also helps kill any rounding error wrapping bugs */
}


/*
		MENU
		
	main > left > menu
*/


div#menu
{
	/*width:			150px;*/
}

/*
	border image placement
*/
div#menu a
{
	display:		block;
	font-weight:	bold;
	color:			#35577c;	/* blue grey text */
	margin:			5px 0;
}

div#menu ul
{
	list-style-type:	none;
	margin: 0;
	padding-left: 7px;
}

div#menu li
{
	padding-left:	20px;		/* space for current-page orange arrow icon */
}

/*
	sub-menus are hidden by default, per-page overridden 
*/
div#menu li ul
{
	display: none;
}

div#menu ul ul a
{
	color:			#3d9bd3;	/* light blue text */
}

div#menu a:hover
{
	color:			#e36f32;	/* ornange highlighted text */
}


/*
	testimonial quote, beneath menu
	
	main > left > quote 
*/
div#quote
{
	margin:				20px;
	padding:			20px;
	background-color:	#f3fcff;		/* very light blue background */
	color:				#91acb7;		/* light grey text */
	line-height:		1.66em;
}

div#quote i
{
	color:				#bfc3c4;		/* grey text */
	font-size:			1.2em;
	font-weight:		bold;
	text-transform:		none;
}







/*

*/

div#right ul
{
	list-style-type:	none;
}


div#right a
{
	display:		block;
	/*background-image:	url(../img/button-back.gif);*/
	width:			210px;
	height:			90px;
	margin-bottom:	10px;
	
	overflow:		hidden;
}

/*div#right a:hover
{
	background-position: 0 -100px;
}*/

/*
	hides the text from view whilst still allowing search engines
	and screen-readers to get at it
*/
div#right a span
{
	display:		block;
	padding-top:	100px;
}




/*
	button specific
*/

div#right a#right_home_visits
{
	background-image:	url(../img/button-home-visits.gif);
}

div#right a#right_aftercare
{
	background-image:	url(../img/button-aftercare.gif);
}

div#right a#right_batteries
{
	background-image:	url(../img/button-batteries.gif);
}

div#right a#right_trial_periods
{
	background-image:	url(../img/button-trial-periods.gif);
}

div#right a#right_warranties
{
	background-image:	url(../img/button-warranties.gif);
}

div#right a#right_faqs
{
	background-image:	url(../img/button-faq-new.gif);
}



/*
	per-page overrides
*/
#home #menu_home,
#about #menu_about,
#hearing_tests #menu_hearing_tests,
#trial_periods #menu_trial_periods,
#hearing_aids #menu_hearing_aids,
#pricing #menu_pricing,
#warranties #menu_warranties,
#faqs #menu_faqs,
#appointment #menu_appointment,
#batteries #menu_batteries,
#warranties #menu_warranties,
#contact #menu_contact
{
	background-image:	url(../img/arrow.gif);
	background-repeat:	no-repeat;
}

#appointment #menu_appointment a,
#home #menu_home a,
#about #menu_about a,
#hearing_tests #menu_hearing_tests a,
#trial_periods #menu_trial_periods a,
#hearing_aids #menu_hearing_aids a,
#pricing #menu_pricing a,
#warranties #menu_warranties a,
#faqs #menu_faqs a,
#batteries #menu_batteries a,
#warranties #menu_warranties a,
#contact #menu_contact a
{
	color:			#3d9bd3;	/* orange highlighted text */
}

/* override the overrides */
#hearing_tests #menu_hearing_tests li a,
#hearing_aids #menu_hearing_aids li a
{
	color:			#3d9bd3;	/* light blue text */
}
#hearing_tests #menu_hearing_tests li a:hover,
#hearing_aids #menu_hearing_aids li a:hover
{
	color:			#3d9bd3;	/* orange highlighted text */
}

/*#aftercare #right_aftercare,*/
#warranties #right_aftercare,
#appointment #right_home_visits,
#batteries #right_batteries,
#trial_periods #right_trial_periods,
#warranties #right_warranties,
#faqs #right_faqs
{
	background-position: 0 -100px;
}

/*
	SECTION SUB MENUS
*/
#hearing_tests #menu_hearing_tests ul,
#trial_periods #menu_hearing_tests ul,
#hearing_aids #menu_hearing_aids ul,
#pricing #menu_hearing_aids ul,
#warranties #menu_hearing_aids ul
{
	display: block;
}