/*  

Theme Name: Hearing Aid Express

Theme URI: http://www.hearingaidexpress.com

Description: A custom template for Hearing Aid Express

Version: 1.0

Author: Get Page One LLC

Author URI: http://www.getpageone.com/

*/



*

{

	margin: 0px;

	padding: 0px;

}



body

{

	font-size: 12px;

	font-family: 'Trebuchet MS', Helvetica, sans-serif;

	color: #333333;

	line-height: 14px;

}



a

{

	color: #D4160B;

	text-decoration: none;	

}



a:hover

{

	color: #990000;

}



a img

{

	border: 0px;

}



h1, h2, h3, h4, h5, h6

{

	color: #004D6D;

	font-weight: normal;

	padding: 10px 0px;

}



h1

{

	font-size: 22px;

	line-height: 26px;

}



h2

{

	font-size: 18px;

	line-height: 22px;

}



h3

{

	font-size: 14px;

	line-height: 18px;

}



p

{

	padding: 10px 0px;

}



ul

{

	list-style-type: disc;

	padding-left: 20px;

}



ol

{

	padding: 10px 0px 10px 40px;

}



li

{

	padding: 3px 0px;

}



td

{

	font-size: 12px;

	padding: 4px 2px;

}



th

{

	padding: 4px 2px;

	font-size: 14px;

	color: #004D6D;

}



.clear

{

	clear: both;

	height: 1px;

	display: block;

	overflow: hidden;

}



.action

{

	display: block;

	width: 84px;

	padding: 5px 0px;

	height: 24px;

	background: url('images/button.png') no-repeat top left;

	text-align: center;

	color: #FFFFFF;

	line-height: 12px;

}



.action:hover

{

	color: #FFFFFF;

}



.checkbox

{

	background: url('images/checkbox.png') no-repeat 10px 50%;

	padding: 0px 0px 0px 60px;

	line-height: 44px;

}



#hearing_aid

{

	background: #FFFFFF url('images/hearing_aid.gif') no-repeat top center;

}



#hearing

{

	text-align: center;

	background: url('http://www.hearingaidexpress.com/templates/hearing/images/hearing.gif') repeat-x scroll center bottom transparent;

	padding-bottom: 46px;

}



#aids

{

	margin: auto;

	width: 900px;

	padding-top: 154px;

	text-align: left;

	position: relative;

}



#hearing_aids

{

	background: url('images/hearing_aids.gif') repeat-x top left;

	padding: 0px 50px;

	min-height: 218px;

}



#hearing_loss

{

	width: 475px;

	float: right;

	position: relative;

	padding: 40px 0px 20px 0px;

}



#hearing_loss .post

{

	background: url('images/divide.gif') no-repeat bottom left;

	padding-bottom: 10px;

	margin-bottom: 10px;

}



#hearing_loss .navigation

{

	position: absolute;

	top: 20px;

	left: 0px;

}



#pricing

{

	width: 300px;

	float: left;

	background: url('images/education.jpg') no-repeat top left;

	min-height: 372px;

}



#sidebar

{

	padding: 15px;

}



#pricing h2

{

	padding: 2px 0px 4px 0px;

	background: url('images/divide.png') no-repeat bottom left;

}



#pricing ul

{

	list-style-type: none;

}



#pricing ul ul

{

	padding: 0px;

	margin: 10px;

}



#pricing ul ul li

{

	width: 200px;

	line-height: normal;

}



#dallas

{

	background: url('images/dallas.gif') no-repeat top left;

	height: 91px;

	color: #4C4C4C;

	font-size: 10px;

	line-height: 18px;

}



#dallas .texas

{

	padding: 40px 0px 0px 50px;

}



#dallas a

{

	color: #004D6D;

}



#dallas .spacer

{

	padding: 0px 5px;

}



#dallas .module

{

	color: #004D6D;

}



#dallas .iconmodule

{

	position: absolute;

	bottom: 0px;

	right: 40px;

}



#austin

{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 900px;

	height: 154px;

	background: url('http://www.hearingaidexpress.com/templates/hearing/images/austin.gif') repeat-x scroll center bottom transparent;

}



#austin .logomodule

{

	position: absolute;

	top: 20px;

	left: 50px;
	height:28px;
	width:218px;

}

#austin .couponsmodule

{

	position: absolute;

	top: 0px;

	left: 318px;
	height:28px;
	width:218px;

}



#austin .actionmodule

{

	position: absolute;

	top: 14px;

	right: 50px;

}



#austin .contactmodule

{


    float:right;
	top: 0px;

	padding: 5px 70px 0px 0px;

	text-align: right;

	

	height: 62px;

	line-height: 16px;

	font-weight: bold;

	font-size: 14px;

}



#austin .menumodule

{

	position: absolute;

	top: 63px;

	left: 50px;

	height: 63px;

	font-size: 16px;

	line-height: 80px;

}



#austin .menumodule a

{

	display: block;

	float: left;

	height: 63px;

	width: 119px;

	text-align: center;

	color: #FFFFFF;

	overflow: hidden;

}



#austin .mainlevel_active, #austin .mainlevel_current

{ 

	

}



#austin .menumodule a:hover

{

	background: #93cde3;

}



#austin .menumodule .white a

{

	line-height: 92px;

	width: 38px;

	text-align: left;

	

	font-size: 12px;

	overflow: visible;

}



#austin .menumodule .white a:hover

{

	background: transparent;

	color: #D4160B;

}



#austin .menumodule .white .mainlevel_current, #austin .menumodule .white .mainlevel_current:hover

{

	 



	padding-left: 12px;

	width: 26px;

}



#austin .menumodule .cap a

{

	padding-left: 51px;

}



#austin .menumodule .cap a:hover

{



}



#austin .menumodule .cap .mainlevel_active, #austin .menumodule .cap .mainlevel_current

{

	background: url('images/cap.gif') no-repeat top right;

}



#austin .submenu

{

	position: absolute;

	top: 63px;

	left: 0px;

	line-height: 28px;

	color: #FFFFFF;

	text-align: left;

	font-size: 12px;

}



#austin .submenu a

{

	display: inline;

	float: none;

	color: #FFFFFF;

	height: auto;

	width: auto;

}



#austin .submenu a:hover

{

	background: transparent;

}



#austin .submenu .spacer

{

	padding: 0px 10px;

}



.locate

{

	line-height: 42px;

	height: 41px;

	display: block;

	width: 262px;

	background: url('images/locate.gif') no-repeat center center;

	color: #1281ab;

	font-size: 15px;

	font-weight: bold;

	text-align: center;	

}



.locate:hover

{

	color: #1281AB;

}



.coupon

{

	width: 300px;

	font-family: Arial;

	position: relative;

	margin: 10px;

	display: block;

	border: 1px dashed #004C62;

	cursor: pointer;

}



.coupon .title

{

	display: block;

	border-bottom: 1px solid #008641;

	background: url('images/coupon_title.gif') repeat-x top left;

	line-height: 24px;

	height: 23px;

	font-size: 17px;

	font-weight: bold;

	padding: 0px 10px;

	color: #FFFFFF;

	overflow: hidden;

}



.coupon .text

{

	float: left;

	display: block;

	width: 170px;

	padding: 10px;

	color: #333333;

	font-size: 10px;

}



.coupon .discount

{

	width: 90px;

	height: 90px;

	display: block;

	float: right;

	padding: 5px;

	margin: 3px;

	background: #E8F4EE;

	color: #008641;

	font-size: 30px;

	text-align: center;

	line-height: 35px;

	font-weight: bold;

}



.coupon .expires

{

	display: block;

	line-height: 15px;

	font-size: 11px;

}



/* IE HACKS \*/

* html #hearing_aids div { height: 500px; }

* html #hearing_aids div div { height: auto; }

* html #austin .moduletablemenu .white .mainlevel_current, * html #austin .moduletablemenu .white .mainlevel_current:hover { background: none; padding: 0px; overflow: hidden; width: 38px; } 

* html #austin .moduletablemenu .cap a { width: 194px; }

* html #hearing_aids { height: 218px; }

* html .checkbox { height: 50px; background: url('images/checkbox.gif') no-repeat 10px 50%; }

* html #fabrik1 .checkbox { height: auto; }

*+html #fabrik1 .fabrikSub { padding: 0px; } 

* html .coupon .text { width: 190px; }

* html .coupon .discount { width: 100px; }

* html #pricing h2 { background: url('images/divide.gif') no-repeat bottom left; }

/* END HACKS */

.xoxo blogroll {display:visible;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */