/*
The Hearing Aid Office
6/30/09
*/

* {
    padding:0;
    margin:0;
}


body {
	margin: 0 0 0 0px;
	margin-left: 0px;
	text-align: left;
	padding: 0;
	background: #FFFFFF url(media/images/backgnd.png) top left repeat-x; margin:0;padding:0;
	font: normal small Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	color: #730000;
}

h2 {
	font-size: 1.6em;
}

h2.indent {
  padding: 10px 0 0 30px;
}

h3 {
	margin: 0;
	font-size: 1em;
}

p, ul, ol, blockquote {
	margin-top: 0;
}

p {
	font-size:1.125em;
}

ul {	
	margin-left: 1.25em; padding-left: 0;
}

a:link {
	color: #0000FF;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

.emphasis {
   font-weight:bold;
	 color: #000000;
}

/*         */
/* Logo    */
/*         */

#logo {
	width: 983px;
	height: 110px;
	margin: 0 0 0 0px;
	background: url(images/logo.png) no-repeat;
}

/*         */
/* Header  */
/*         */

#header {
	width: 1500px;
	height: 381px;
	background: url(media/images/backgndHeader.png);
	background-repeat:no-repeat;
  margin: 12px 0 0 0px;
}

#headerPhoto {
	width: 678px;
	height: 357px;
	/*background: url(media/images/photo-grandma+girl.png);*/
	background-repeat:no-repeat;
  float:left;
  margin: 0px 0 0 357px;
}


/*- Menu Tabs--------------------------- */ 

#tabs {
      float:left;
			margin: 0 0 0 357px;
      /*width: 690px;*/
	    height: 55px;
      background:#f5f5f5;
      font-family:Arial, Helvetica, sans-serif; font-size:18px;
      line-height:normal;
}
#tabs ul {
	    margin:0;
	    padding:0px 0px 0px 0px;
	    list-style:none;
      }
#tabs li {
      display:inline;
      margin:0;
      padding:0;
      }			
			
#tabs a {
      float:left;
      background:url("media/images/menuTab-left.png") no-repeat left top;
      margin:0 0 0 0px;
      padding:0 0 0 35px;
      text-decoration:none;
      }
#tabs a span {
      float:left;
      display:block;
      background:url("media/images/menuTab-right.png") no-repeat right top;
      padding:16px 35px 17px 0px;
      color:#000000;
      }
			
#tabs a.active {
      background-position:0% -55px;
      }
#tabs a span.active {
      background-position:100% -55px;
      }
			
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover span {
      color:#3a93a5;
      }
#tabs a:hover {
      background-position:0% -55px;
      }
#tabs a:hover span {
      background-position:100% -55px;
      }

/*         */
/* Content */
/*         */

#content {
	width: 1100px;
	margin: 40px 0 0 75px;
	font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal;
	color:#000000;
}

#content h2 {
	font-family:Arial, Helvetica, sans-serif; font-size:2.2em; font-weight:normal;
	color:#000000;
}

#content h3 {
	font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:strong;
	color:#4daab6;
}

#content h3.subHeading {
  font-size:1.4em;
	padding:0 0 0 60px;
	color:#000000;
}

#content h4 {
	font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:strong;
	padding:0 0 0 30px;
	color:#000000;
}

/*- Boxes --------------------------- */ 

img.boxLittle {
	float: left;
	margin: -17px 10px 0px 0px;
	padding: 0 0 0 13px;
}

img.boxDivider {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0 0 0 30px;
}

img.boxPhoto {
	float: none;
	 border: 1px solid #000000;
	margin: 20px 10px 0px 20px;
	padding: 0px 0 0 0px;
}

img.map {
	float: none;
	 border: 1px solid #000000;
	margin: 5px 5px 0px 10px;
	padding: 0px 0 0 0px;
}

#boxHeader {
	float: left;
	width: 172px;
	height: 100px;
  margin: 10px 0 0 0px;
	padding: 0px 0px 0px 0px;
	color: #747474;
}

/*- Colored Boxes --------------------------- */ 
#box {
	float: left;
	width: 290px;
	margin: 0px 0 20px 20px;
	padding: 0px 0px 0px 0px;
}

#box p.pHowToBuy {
      padding: 0px 20px 0px 30px;
			color: #0000000;
}

#box h5 {
	font-family:Arial, Helvetica, sans-serif; font-size:1.4em;  font-weight:bold; text-align:center;
	color:#000000;
}

/*- Green --------------------------- */ 
#box.Green {
	background:url("media/images/box-green.png") no-repeat left top;
	height: 272px;
}

#box.GreenMedium {
	background:url("media/images/box-greenMedium.png") no-repeat left top;
	height: 326px;
}

#box.GreenTall {
	background:url("media/images/box-greenTall.png") no-repeat left top;
	height: 484px;
}

#box.Green ul {
	    margin:0;
	    padding: 5px 0px 0px 110px;
	    list-style:none;
      }
			
#box.Green li {
      display:inline;
      margin:0;
      padding:0;
      }
#box.Green a {
      float:left;
      background:url("media/images/readme-boxGreenLeft.png") no-repeat left top;
      margin:0 0 0 0px;
      padding:0 0 0 7px;
      text-decoration:none;
      }
#box.Green a span {
      float:left;
      display:block;
      background:url("media/images/readme-boxGreenRight.png") no-repeat right top;
      padding:4px 9px 4px 0px;
      color:#FFFFFF;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#box.Green a span {float:none;}
/* End IE5-Mac hack */

#box.Green a:hover span {
      color:#FFFFFF;
      }
#box.Green a:hover {
      background-position:0% -24px;
      }
#box.Green a:hover span {
      background-position:100% -24px;
      }

/*- Blue --------------------------- */
#box.Blue {
	background:url("media/images/box-blue.png") no-repeat left top;
	height: 272px;
}

#box.BlueMedium {
	background:url("media/images/box-blueMedium.png") no-repeat left top;
	height: 326px;
}

#box.BlueTall {
	background:url("media/images/box-blueTall.png") no-repeat left top;
	height: 484px;
}

/*- Purple --------------------------- */
#box.Purple {
	background:url("media/images/box-purple.png") no-repeat left top;
	height: 272px;
}

#box.PurpleMedium {
	background:url("media/images/box-purpleMedium.png") no-repeat left top;
	height: 326px;
}

#box.PurpleTall {
	background:url("media/images/box-purpleTall.png") no-repeat left top;
	height: 484px;
}

#box.Purple ul {
	    margin:0;
	    padding: 5px 0px 0px 95px;
	    list-style:none;
      }
#box.Purple li {
      display:inline;
      margin:0;
      padding:0;
      }
#box.Purple a {
      float:left;
      background:url("media/images/readme-boxPurpleLeft.png") no-repeat left top;
      margin:0 0 0 0px;
      padding:0 0 0 7px;
      text-decoration:none;
      }
#box.Purple a span {
      float:left;
      display:block;
      background:url("media/images/readme-boxPurpleRight.png") no-repeat right top;
      padding:4px 9px 4px 0px;
      color:#FFFFFF;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#box.Purple a span {float:none;}
/* End IE5-Mac hack */

#box.Purple a:hover span {
      color:#FFFFFF;
      }
#box.Purple a:hover {
      background-position:0% -24px;
      }
#box.Purple a:hover span {
      background-position:100% -24px;
      }


#boxGreenTall {
	float: left;
	width: 290px;
	height: 484px;
	background:url("media/images/box-greenTall.png") no-repeat left top;
	padding: 0px 0px 0px 0px;
}

#boxGreenTall h5 {
	font-family:Arial, Helvetica, sans-serif; font-size:1.4em;  font-weight:bold; text-align:center;
	color:#000000;
}

#boxGreenTall p.pHowToBuy {
      padding: 0px 20px 0px 30px;
			color: #0000000;
}

.pGreenBox {
      padding: 0px 40px 0 60px;
			color: #000000;
}

#boxGreen {
	float: left;
	width: 290px;
	height: 272px;
	background:url("media/images/box-green.png") no-repeat left top;
	padding: 0px 0px 0px 0px;
}

#boxGreen p {
      padding: 0px 40px 0 60px;
			color: #000000;
}

#boxGreen p.pHowToBuy {
      padding: 0px 20px 0px 30px;
}

#boxGreen ul {
	    margin:0;
	    padding: 5px 0px 0px 110px;
	    list-style:none;
      }
			
.circle {
   list-style-type:circle;
	 padding: 0px 0px 0px 60px;
	 color: #747474;
}

#boxGreen li {
      display:inline;
      margin:0;
      padding:0;
      }
#boxGreen a {
      float:left;
      background:url("media/images/readme-boxGreenLeft.png") no-repeat left top;
      margin:0 0 0 0px;
      padding:0 0 0 7px;
      text-decoration:none;
      }
#boxGreen a span {
      float:left;
      display:block;
      background:url("media/images/readme-boxGreenRight.png") no-repeat right top;
      padding:4px 9px 4px 0px;
      color:#FFFFFF;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#boxGreen a span {float:none;}
/* End IE5-Mac hack */

#boxGreen a:hover span {
      color:#FFFFFF;
      }
#boxGreen a:hover {
      background-position:0% -24px;
      }
#boxGreen a:hover span {
      background-position:100% -24px;
      }

#boxBlue {
	float: left;
	width: 290px;
	height: 272px;
	margin: 0 0 0 18px;
	background:url("media/images/box-blue.png") no-repeat left top;
	padding: 0px 0px 0px 0px;
}

#boxBlue p {
      padding: 0px 40px 0 60px;
			color: #000000;
}

#boxBlue p.pHowToBuy {
      padding: 0px 20px 0px 30px;
}

#boxBlueText {
	float: left;
	width: 272px;
	padding: 0px 0px 0px 60px;
	color: #747474;
}

/*#boxBlue ul {
   list-style-type:circle;
	 padding: 0px 0px 0px 60px;
	 color: #747474;
} */

#boxBlueTextLower {
  float: left;
	width: 272px;
	height:100px;
	padding:0px 0px 0px 0px;
}

#boxBlueTextLower ul {
	    margin:-10px 0 0 0;
	    padding: 0px 0px 0px 110px;
	    list-style:none;
      }
#boxBlueTextLower li {
      display:inline;
      margin:0;
      padding:0;
      }
#boxBlueTextLower a {
      float:left;
      background:url("media/images/readme-boxBlueLeft.png") no-repeat left top;
      margin:0 0 0 0px;
      padding:0 0 0 7px;
      text-decoration:none;
      }
#boxBlueTextLower a span {
      float:left;
      display:block;
      background:url("media/images/readme-boxBlueRight.png") no-repeat right top;
      padding:4px 9px 4px 0px;
      color:#FFFFFF;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#boxBlueTextLower a span {float:none;}
/* End IE5-Mac hack */

#boxBlueTextLower a:hover span {
      color:#FFFFFF;
      }
#boxBlueTextLower a:hover {
      background-position:0% -24px;
      }
#boxBlueTextLower a:hover span {
      background-position:100% -24px;
      }
			
#boxBlueTall {
	float: left;
	width: 290px;
	height: 484px;
	background:url("media/images/box-blueTall.png") no-repeat left top;
	margin: 0 0 0 18px;
	padding: 0px 0px 0px 0px;
}

#boxBlueTall p.pHowToBuy {
      padding: 0px 20px 0px 30px;
			color: #000000;
}

#boxPink {
	float: left;
	width: 290px;
	height: 272px;
	margin: 0 0 0 18px;
	background:url("media/images/box-pink.png") no-repeat left top;
	padding: 0px 0px 0px 0px;
}

#boxPinkText {
	float: left;
	width: 240px;
	height: 270px;
	padding: 48px 0px 0px 30px;
	color: #747474;
}


#boxPink p.pHowToBuy {
      padding: 0px 20px 0px 30px;
			color: #747474;
}


#boxPink ul {
	    margin:0;
	    padding: 16px 0px 0px 95px;
	    list-style:none;
      }
#boxPink li {
      display:inline;
      margin:0;
      padding:0;
      }
#boxPink a {
      float:left;
      background:url("media/images/readme-boxPinkLeft.png") no-repeat left top;
      margin:0 0 0 0px;
      padding:0 0 0 7px;
      text-decoration:none;
      }
#boxPink a span {
      float:left;
      display:block;
      background:url("media/images/readme-boxPinkRight.png") no-repeat right top;
      padding:4px 9px 4px 0px;
      color:#FFFFFF;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#boxPink a span {float:none;}
/* End IE5-Mac hack */

#boxPink a:hover span {
      color:#FFFFFF;
      }
#boxPink a:hover {
      background-position:0% -24px;
      }
#boxPink a:hover span {
      background-position:100% -24px;
      }
			
#boxPinkTall {
	float: left;
	width: 290px;
	height: 484px;
	background:url("media/images/box-pinkTall.png") no-repeat left top;
	margin: 0 0 0 18px;
	padding: 0px 0px 0px 0px;
}

#boxPinkTall p.pHowToBuy {
      padding: 0px 20px 0px 30px;
			color: #000000;
}

#boxPurple {
	float: left;
	width: 290px;
	height: 272px;
	margin: 0 0 0 18px;
	background:url("media/images/box-purple.png") no-repeat left top;
	padding: 0px 0px 0px 0px;
}

#boxPurpleText {
	float: left;
	width: 240px;
	height: 270px;
	padding: 48px 0px 0px 30px;
	color: #747474;
}


#boxPurple p.pHowToBuy {
      padding: 0px 20px 0px 30px;
			color: #000000;
}


#boxPurple ul {
	    margin:0;
	    padding: 5px 0px 0px 95px;
	    list-style:none;
      }
#boxPurple li {
      display:inline;
      margin:0;
      padding:0;
      }
#boxPurple a {
      float:left;
      background:url("media/images/readme-boxPurpleLeft.png") no-repeat left top;
      margin:0 0 0 0px;
      padding:0 0 0 7px;
      text-decoration:none;
      }
#boxPurple a span {
      float:left;
      display:block;
      background:url("media/images/readme-boxPurpleRight.png") no-repeat right top;
      padding:4px 9px 4px 0px;
      color:#FFFFFF;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#boxPurple a span {float:none;}
/* End IE5-Mac hack */

#boxPurple a:hover span {
      color:#FFFFFF;
      }
#boxPurple a:hover {
      background-position:0% -24px;
      }
#boxPurple a:hover span {
      background-position:100% -24px;
      }
			
#boxPurpleTall {
	float: left;
	width: 290px;
	height: 484px;
	background:url("media/images/box-purpleTall.png") no-repeat left top;
	margin: 0 0 0 18px;
	padding: 0px 0px 0px 0px;
}

#boxPurpleTall p.pHowToBuy {
      padding: 0px 20px 0px 30px;
			color: #000000;
}

/*- Body Left --------------------------- */ 

#bodyLeft {
  float: left;
	width: 560px;
	padding: 0px 0px 0px 0px;
}

#bodyLeftTopLeft {
  float: left;
	width: 70px;
	padding: 10px 0px 0px 45px;
}

#bodyLeftTopRight {
  float: left;
	width: 420px;
	margin: 0 0 0 -28px;
	padding: 0px 0px 0px 0px;
}

#bodyLeftTopRight a {
	text-decoration: none;
	color: #0000FF;
}

#bodyLeftTopRight a:hover, #header .active a {
	color: #800080;
	text-decoration: underline;
}

#bodyLeftTopRight a:visited {
	color: #800080;
}

#bodyLeftMiddleLeft {
  float: left;
	width: 162px;
	padding: 20px 0px 0px 45px;
}

#bodyLeftMiddleRight {
  float: left;
	width: 365px;
	margin: 0 0 0 -20px;
	padding: 20px 0px 0px 0px;
}

#bodyLeftMiddleRight ul {
	    margin:0;
	    padding:0px 0px 0px 10px;
	    list-style:none;
      }
#bodyLeftMiddleRight li {
      display:inline;
      margin:0;
      padding:0;
      }
#bodyLeftMiddleRight a {
      float:left;
      background:url("media/images/readme-bodyLeft.png") no-repeat left top;
      margin:4px 0 0 240px;
      padding:0 0 0 5px;
      text-decoration:none;
      }
#bodyLeftMiddleRight a span {
      float:left;
      display:block;
      background:url("media/images/readme-bodyRight.png") no-repeat right top;
      padding:2px 7px 1px 0px;
      color:#FFFFFF;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#bodyLeftMiddleRight a span {float:none;}
/* End IE5-Mac hack */

#bodyLeftMiddleRight a:hover span {
      color:#FFFFFF;
      }
#bodyLeftMiddleRight a:hover {
      background-position:0% -19px;
      }
#bodyLeftMiddleRight a:hover span {
      background-position:100% -19px;
      }

#bodyLeftBottomLeft {
  float: left;
	width: 162px;
	padding: 20px 0px 0px 45px;
}

#bodyLeftBottomRight {
  float: left;
	width: 365px;
	margin: 0 0 0 -20px;
	padding: 20px 0px 0px 0px;
}

#bodyLeftBottomRight ul {
	    margin:0;
	    padding:0px 0px 0px 10px;
	    list-style:none;
      }
#bodyLeftBottomRight li {
      display:inline;
      margin:0;
      padding:0;
      }
#bodyLeftBottomRight a {
      float:left;
      background:url("media/images/readme-bodyLeft.png") no-repeat left top;
      margin:4px 0 0 246px;
      padding:0 0 0 5px;
      text-decoration:none;
      }
#bodyLeftBottomRight a span {
      float:left;
      display:block;
      background:url("media/images/readme-bodyRight.png") no-repeat right top;
      padding:2px 7px 1px 0px;
      color:#FFFFFF;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#bodyLeftBottomRight a span {float:none;}
/* End IE5-Mac hack */

#bodyLeftBottomRight a:hover span {
      color:#FFFFFF;
      }
#bodyLeftBottomRight a:hover {
      background-position:0% -19px;
      }
#bodyLeftBottomRight a:hover span {
      background-position:100% -19px;
      }

#bodyLeftDivider {
  float: left;
	width: 486px;
	height: 5px;
	background:url("media/images/whiteLine-divider-hor.png") no-repeat left top;
  margin: 10px 0 0 0px;
	padding: 0px 0px 0px 0px;
}

/*- Body Products --------------------------- */ 

#bodyProducts {
	width: 1000px;
	margin: 10px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal;
	color:#000000;
}

#bodyProducts table {
   text-align:center;
	  font-weight:bold;
}

#bodyProductsLeft {
  float: left;
	width: 290px;
	padding: 10px 10px 0px 0px;
	margin: 0 0 0 -25px;
}

#bodyProductsRight {
  float: right;
	width: 530px;
	padding: 10px 0px 0px 0px;
	margin: 0 100px 0 0px;
}

/*- Body Middle --------------------------- */ 

#bodyMiddle {
  float: left;
	width: 5px;
	height: 280px;
	background:url("media/images/whiteLine-divider-ver.png") no-repeat left top;
	padding: 0px 0px 0px 0px;
}

/*- Body Right --------------------------- */ 

#bodyRight {
  float: left;
	width: 410px;
	padding: 0px 0px 0px 0px;
}

#bodyRightLeft {
  float: left;
	width: 65px;
	padding: 10px 0px 0px 20px;
}

#bodyRightRight {
  float: left;
	width: 350px;
	margin: 0 0 0 -28px;
	padding: 0px 0px 0px 0px;
}

#bodyTwoThirds {
  float: left;
	width: 490px;
	padding: 0px 0px 0px 90px;
}

#sideBar {
  float: right;
	width: 200px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	background-color:#FFFFFF;
	border:1px solid #000000;
	margin: -50px -180px 0 0px;
	padding: 5px 5px 5px 5px;
}

#notice {
  float: left;
	width: 360px;
	text-align:center; 
	background-color:#FFFFFF;  
	border:1px solid #000000;
	margin: 0 0 15px 65px;
	padding: 5px 5px 5px 5px;
}

/*         */
/* Footer  */
/*         */

#footer {
	width: 930px;
	margin: 0 0 0 105px;
	font-size:medium;
	clear: both;
}

#footer * {
	color: #747474;
}

#footerLeft {
  width: 700px;
  float: left;
}

#footerRight {
  width: 400px;
  float: right:
	text-align:right;
	padding: 0px 0px 0px 0px;
}