*{margin: 0; padding: 0}
body
{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0;
    position: relative;
    font-size: 12px;
    background: url(/images/background.gif);
}
p
{
    margin: 0 0 10px 0;
    font-weight: normal;
    font-style: normal;
    color: #045191;
    font-size: 14px;
    line-height: 23px;
}
h1, h2, h3, h4, h5, h6
{
      color: #045191;
    margin: 0 0 10px 0;
    font-weight: normal;
}
h1
{
    font-size: 27px;
}
h2
{
  
    font-size: 18px;
}
h3
{
    font-size: 12px;
    font-style: italic;
    color: #045191;
}
h4
{
    font-size: 12px;
  font-weight: bold;
}
h5
{
    font-size: 12px;
    color: Black;
    font-weight: lighter;
}
h6
{
    font-size: 11px;
    font-style: italic;
    text-align: center;
    margin: 5px 0 0 0;
}
ol
{margin-left: 20px;}
li
{font-size: 15px;color: #045191;}
a:link, a:hover, a:active, a:visited
{
    color: #013E76;
}
a:hover
{
    text-decoration: underline;
}
p.clear
{
    clear: both;
    padding: 0;
    margin: 0;
}
ul
{
    list-style-image: url(/images/list_dot.png);
    padding: 0 0 10px 20px;
    margin: 0;
}
li
{
    margin-bottom: 6px;
}

/*-------------------------------- Misc ------------------------------------------*/
.subUl
{
    list-style-image: url(/images/list_dot_hollow.png);
}

#pageWrapper
{
    width: 1000px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
.pageContentTopCap
{float: left; margin-top: -18px; }
.contentWrapper
{  background:white;}
#rightContent
{
    height: 100%;
    width: 778px;
    float: right;
    min-height: 300px;
    padding: 0 35px 20px 27px;
    position: relative;
    z-index: 700;
  
}
#rightContent .topLeftGraphic
{
    position: absolute;
    top: 0;
    right: 0;
}
.waverule
{
    margin: 0 0 5px -17px;
}
.rightImage
{
    margin: 0 0 10px 10px;
    float: right;
}
.rightImage img
{
    max-width: 500px;
}
.halfCol
{
    width: 374px; float:left}
.left
{float: left;  margin:0 15px 15px 0;}
.right
{float: right;  margin:0 0 15px 15px;}

/*-------------------------------------- Nav Items (excluding menu)--------------------------------------*/
.socialLinks 
    {margin: -25px 0 0 -10px; padding: 10px 0 0 20px; height: 104px; float: left; text-align: center; 
     width:150px; position: relative; clear: left; background: url(/images/socialLinks_bg.png) top left no-repeat;}
.socialLinks img
{ border: none; margin: 0 0 10px 0;}
.socialLinks a
{float: left;}
.socialLinks a.facebook
{margin: 0 10px;}
.socialLinks h3
{margin-bottom:3px;}
.twitterFeed
{clear: left; padding: 0 0 10px 10px; width: 150px;}
.twitterFeed p
{font-size: 11px;}


/*---------------------------- Header ----------------------------*/
#Header
{
    background: url(/images/has_header_BG_03.png) no-repeat;
    float: left;
    
    width: 1000px;
    position: relative;
    height:184px;
}

.logo img
{
    border: none;
    margin: 0;
    position: absolute; top: 35px; left: 20px;
}

#beuhlerIntro
{
    position: absolute;
    top: 15px;
    right: 20px;
    text-align: center;
    width: 154px;
}
#beuhlerIntro a
{
    color: White;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    clear: both;
}
#beuhlerIntro img
{
    border: none;
}

/*---------------------------------- Breadcrumb --------------------------------------*/
#BreadCrumb
{
    clear: both;
    margin: 0 0 10px 0;
    width: 813px;
}
#BreadCrumb h4
{ margin: 0;font-size: 11px; font-weight: normal;color: #81B0D7;
}


#BreadCrumb a:link, #BreadCrumb a:visited, #BreadCrumb a:active
{
    color: #81B0D7;
    text-decoration: none;
    font-weight: bold
}
#BreadCrumb a:hover
{
    color: #013e77;
}


/*------------------------Footer------------------------*/
#Footer
{
    text-align: center;
  color: #1a6aac;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
   background: url(/images/has_header_BG_03.png)  bottom center no-repeat;
    padding: 10px 0 30px 0;
}
#Footer p
{
    margin: 0;
    padding: 0 0 10px 0;
}
#Footer a:link, #Footer a:hover, #Footer a:active, #Footer a:visited
{
    color: #1a6aac;
    text-decoration: none;
}
#Footer a:hover
{
    text-decoration: underline;
}
#SubFooter
{
    display: block;
    text-align: center;
    clear: both;
    margin: 10px auto 20px auto;
    width: 1000px;
}
#SubFooter a:link, #SubFooter a:hover, #SubFooter a:active, #SubFooter a:visited
{
    color: #013E76;
    text-decoration: underline;
    font-size: 11px;
}
img.bottomCap
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*----------------------------Home----------------------------*/
.insuranceList li
{width:152px; margin-right:25px; float: left}
h1.homeIntro
{line-height: 23px; font-size:14px; color: #045191}
h1.homeIntro span
{color: #81b0d7; font-weight: bold; font-size:24px; }

.hearingAidBro
{
    text-align: center;
    float: right;
    width: 116px;
    padding: 0 0 0 10px;
}
.hearingAidBro img
{
    border: outset gray 1px;
    height: 150px;
}
.welcome
{
    margin: 0 0 27px 0;}

/*----------------------------About Us------------------------------*/
.aboutUs.right
{
    width: 75%;
    float: left;
     margin: 0
}
.aboutUs.left
{
    width: 25%;
    float: left;     margin: 0
}
.aboutUs.left img
{
    float: left;
    height: 200px;
    border: none;
}
.aboutUs.left p
{
    clear: both;
}
/*----------------------------Testimonials----------------------------*/

div.testimonials div.halfCol div
{background: url(/images/testimonial-topCap.gif) top left no-repeat #85b3da; margin: 0 0 15px 0; display: block; float: left; position: relative;}
div.testimonials div.halfCol div h4
{float: right; margin: 0;}
div.testimonials div.halfCol div p
{padding: 15px 15px 0 15px;}
div.testimonials div.halfCol div h4
{padding: 0 15px;}
div.testimonials div.halfCol div img
{float: left;}

/*----------------------------Contact----------------------------*/
.TextBox
{
    font-family: Arial;
    width: 250px;
}
h2.showMap
{
    width: 100%;
    clear: both;
    background: #E5F0FA;
    border: 1px solid #C9E8EB;
    padding: 10px;
    text-decoration: none;
}
h2.showMap a
{text-decoration: none;}
/*----------------------------Hearing Aids > About Hearing Aids----------------------------*/
.hearingAidsCallout
{
    width: 630px;
    float: left;
    padding: 0 10px 10px 10px;
    margin: 0 0 5px 0;
    border: outset 1px #cedcf4;
    color: #045191;
}
.hearingAidsCallout h1
{color: #045191}
.hearingAidsCallout p, .hearingAidsCallout h1
{
    margin: 0;
}
.hearingAidsCallout.one
{
    background-color: #f2f6fd;
}
.hearingAidsCallout.two
{
    background-color: #e0ebfd;
}
.hearingAidsCallout.three
{
    background-color: #d2e3ff;
}
.hearingAidsCallout.four
{
    background-color: #c1d8ff;
}

/*----------------------------Hearing Aids > Excuses----------------------------*/
#accordion
{
    padding: 15px 0;
    margin: 0 auto;
}
#accordion h3
{
    background: #e5f0fa;
    padding: 0 0 0 10px;
    border: solid 1px #c9e8eb;
    margin-top: 5px;
    text-decoration: none;
    cursor: pointer;
}
#accordion a
{
    text-decoration: none;
}
.ui-accordion, .ui-accordion-content
{
    position: relative;
}
#accordion p, #accordion ol, #accordion ul
{
    margin: 0 1px 0 1px;
}
#accordion ul, #accordion ol
{
    padding-bottom: 10px;
    padding-top: 10px;
}
#accordion p
{
    padding: 10px;
}
#accordion span
{
    color: #006acc;
}

/*----------------------------Hearing Aids > Types----------------------------*/
.hearingDevices
{
    text-align: justify;
}
.hearingDevices div
{
    width: 580px;
    float: right;
    margin: 0 0 20px 20px;
}
.hearingDevices img
{
    float: right;
}

/*----------------------------Hearing Loss Checklist ----------------------------*/
.hearingChecklist
{
    clear: both;
    list-style: none;
    clear: both;
    padding: 10px 0 10px 3px;
    margin: 0 0 20px 69px;
    font-size: 17px;
}

.checkmark
{
    float: left;
    height: 53px;
    padding-right: 10px;
}

/*----------------------------Insurance----------------------------*/
.insurance h2
{
    clear: both;
}
.insurance ul
{
    background: #e5f0fa;
    width: 290px;
    padding: 10px 30px;
    float: left;
    margin: 10px 10px;
}


/*-----------------------NoScript SF-menu----------------------*/
ul.noScript.menu
{
    width: 124px;
    margin: 10px;
    padding: 0;
    float: left;
}
ul.noScript.menu li
{
    margin-left: 10px;
}
.noScript.menu ul
{
    padding: 4px 0 0 6px;
}
/*------------------------FAQ------------------------*/
h4.backToTop
{
    text-align: right;
}
h2.questions
{float: left; width:250px; margin-right: 15px;}
h2.answers
{float: left;}

/*-----------------------FAQ Tabs-----------------------------*/


ul.tabs
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 250px;
    clear: both;
}
ul.tabs li
{
    float: left;
    margin: 0 0 8px 0;
    padding: 0;
    width: 100%;
}


ul.tabs li a
{
    text-decoration: none;
    color: inherit;
    display: block;
    padding: 4px 10px;
    outline: none;
}

ul.tabs li a:hover
{
    background: #0163BE;
    color: White;
}
ul.tabs li.active, ul.tabs li.active a:hover
{
    /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #e0eefa;
    color: Black;
}


.tab_container
{
    float: left;
    width: 498px;
    padding: 15px 15px 0 15px;
    min-height:500px;
    background: #e0eefa;
}
.tab_content
{
    padding: 5px 0 20px 0;
    line-height: 1.4em;
}

.tab_content span, ul.tabs span
{
    font-weight: bold;
    font-size: 15px;
    color: black;
}