@charset "utf-8";
/* ------------------------------------------------------------------------------------------------- 

	american health advantage CSS Document
	Created by Ben Hron 2009
	Copyright American Health Advantage 2009
	
	Table of Contents:
	1.) Body
		a.)Body Elements
	2.)	Wrapper
	3.) Header
		a.)Search Bar (Search | Join | Contact)
		b.)Mini Conversion Form
		c.)Main Menu
	3.) Content Area
		a.)Banner
		b.)Topic Menu
	4.) Promo Section
		a.)Testimonials
		b.)Featured Offer
		c.)Highlights
		d.)Top Links
	5.) Footer
	6.) Special Conditions
		a.)Landing Page Form
		b.)Back Button for Articles
		c.)Tables
	
	Use a "=" Before your search term for quick results.
	i.e. use "=Body" to search for "Body" section.
	
-----------------------------------------------------------------------------------------------------*/
/* =Body ------------------------------------------------------------------------------------------- */
body
{
background: white url(images/Topright2.gif) 0 0 repeat-x scroll;
margin: 0 0;
overflow-x:hidden;
font-family: Arial, Helvetica, sans-serif;
}
/* =Body Elements ------------------------------------------------------------------------------------*/
img{
border: none;
display: block;
}
.inline{
display: inline;
}
span{
display: none;
}
a{
color: #124C67;
cursor: pointer;
}
h1,h2,h3,h4{
color: #124C67;
}
.middle{
    text-align: center;
    margin: 0 auto;
    width: 50%;
    display: block;
    padding: 10px;
}
.center{
padding: 40px;
text-align: center;
margin: 0 auto;
display: block;
}
li{
padding: 3px;
}
.cursor{
cursor: pointer;
}
input{
padding: 3px;
margin: 0px;
}
fieldset{

border: none;
}
p{
text-align: left;
}
dt{
font-weight: bold;
padding: 10px;
}
.floatleft{
float: left;
margin-right: 10px;
margin-bottom: 20px;
}
sup{
    position: relative;
    font-size: 8px;
}
/* =Wrapper -------------------------------------------------------------------------------*/
#wrapper{
width: 800px;
}
#header{
background: url(images/dmplogo.jpg) 0 0 no-repeat;
}
#hsearch{
position: absolute;
left: 655px;
}
#lightbox{
text-align: right;
background: white;
display: none;
position: absolute;
left: 450px;
width: 350px;          
padding: 5px;
border: 1px solid #003399;
z-index:1002;
overflow: auto;
}
.searchform{
text-align: center;
padding: 10px;
}
.fakeh2{
display: inline;
font-size: 16px;
font-weight: bold;
color: #124c67;
float: left;
text-decoration: none;
}
.vspacer{
float: left;
width: 100%;
height: 50px;
}
/* =Mini Conversion Form --------------------------------------------------------------------*/
#miniconversionform{
position: relative;
top: -55px;
left:655px;
color: white;
font-size: 12px;
font-weight: bold;
}
.absolute{
position: absolute;
}
/* =Main Menu -------------------------------------------------------------------------------*/
#mainmenu{
display: table;
}
#mainmenu a{
float: left;
display: block;
width: 100px;
height: 25px;
}
#mainmenu a:hover {
background-position: 0 -25px;
}
#home{background: url(images/home.gif) 0 0 no-repeat;}
#benefits{background: url(images/benefits.gif) 0 0 no-repeat;}
#plans{background: url(images/plans.gif) 0 0 no-repeat;}
#questions{background: url(images/info.png) 0 0 no-repeat;}
#join{background: url(images/join.gif) 0 0 no-repeat;}
#articles{background: url(images/articles.gif) 0 0 no-repeat;}
#blog{background: url(images/blog.gif) 0 0 no-repeat;}
/* =Content Area ----------------------------------------MAIN DIV ---------------------------------------------*/
#content{
padding-left: 10px;
padding-top: 30px;
}
.twocolumns{
display: table;
width: 100%;
}
#leftcolumn{
width: 600px;
float: left;
padding-right: 10px;
}
#rightcolumn{
text-align: center;
width: 170px;
float: left;
}
#rightcolumn div{
    margin: 0 auto;
}
#rightcolumn img{
    border: 1px solid gray;
}
/* =Banner -------------------------------------------------------------------------------------------*/
#banner {
padding-bottom: 5px;
margin-bottom: 0px;
display: table;
}
#banner h1{
    margin: 0px;
    padding: 0px;
}
/* =Topic Menu ---------------------------------------------------------------------------------*/
#topicmenu{
display: table;
}
#topicmenu a{
float: left;
height: 34px; 
display: block;
padding-right: 1px;
}
#topicmenu a:hover {
background-position: 0 -34px;
}
#hearing{background: url(images/benefitsbar_06.gif) 0 0 no-repeat;width: 107px;}
#physician{background: url(images/benefitsbar_05.gif) 0 0 no-repeat;width: 209px;}
#prescriptions{background: url(images/benefitsbar_04.gif) 0 0 no-repeat;width: 121px;}
#vision{background: url(images/benefitsbar_03.gif) 0 0 no-repeat;width: 109px;}
#nurse{background: url(images/benefitsbar_02.gif) 0 0 no-repeat;width: 126px;}
#dental{background: url(images/benefitsbar_01.gif) 0 0 no-repeat;width: 111px;}
/* =FAQ ---------------------------------------------------- */
#faqmenu{
text-align: center;
display: table;
}
#faqmenu a{
float: left;
display: block;
width: 155px;
height: 84px;
}
#faqmenu a:hover {
background-position: 0 -85px;
}
#dentalfaq{background: url(images/dentalfaq.png) 0 0 no-repeat;}
#visionfaq{background: url(images/visionfaq.png) 0 0 no-repeat;}
#hearingfaq{background: url(images/hearingfaq.png) 0 0 no-repeat;}
#nursefaq{background: url(images/nursefaq.png) 0 0 no-repeat;}
#pharmacyfaq{background: url(images/pharmacyfaq.png) 0 0 no-repeat;}
#faqlist dd{
display: none;
}
#faqlist dt{
padding: 3px;
}
#faqlist span{
display: inherit;
float: right;
position: relative;
top: -40px;
margin-right: 15px;
}
/* =Promo Section ------------------------------------------------------------------------------*/
#promo{
text-align: center;
display: block;
width: 800px;
}
#promo div{
padding: 2px;
float: left;
}
#promo h2{
margin-bottom: 3px;
margin-top: 3px;
padding-bottom: 3px;
padding-top: 3px;
display: block;
font-size: 18px;
}
#promo ul{
list-style-image: url(images/bullet.png);
line-height: 18px;
padding-left: 20px;
}
#promo img{
border: 1px solid #cccccc;
}
/* =Testimonials -------------------------------------------------------------------------------*/
#testimonials{
width: 170px;
}
#testimonials h3{
font-size: 14px;
color: #2d2d2d;
text-decoration: underline;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-bottom: 0;
}
#marquee{
background:#6ca1e6;
height: 330px;
padding: 5px;
}
#marquee_replacement{
text-align: left;
height: 310px;
color: #144968;
font-size: 12px;
overflow:auto;
}
#marquee_replacement p.spacer{
 height:310px;
}
/* =Highlights ---------------------------------------------------------------------------*/
#highlights{
width: 255px;
}
#highlightsbox{
border: 1px solid #cccccc;
text-align: left;
height: 212px;
font-weight: bold;
font-size: 15px;
font-style:italic;
color: #124c67;
}
#highlightsbox a{
color:#FF0000;
text-decoration: none;
}
.textbox h3{
border-bottom: 1px solid #cccccc;
display: block;
padding-bottom: 3px;
padding-top: 0px;
margin-top: 0px;
text-align: center;
}
.toplinks{
float: right;
}
/* =Footer -----------------------MAIN DIV--------------------------------------------------------*/
#footerwrapper{
width: 100%;
background: #6ca1e6;
float: left;
padding-left: 10px;}
#footer{
width: 800px;
}
#bbbseal{
float: left;
padding: 10px;
}
#footerlinks{
float:left;
width: 600px;
padding: 10px;
}
#footer a{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color:#124C67;
}
#disclosure{
padding: 10px;
font-size: 12px;
}
.footer-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
.phone {
	color: #14283D;
}
/* =Landing Page Form ------------------------------------------------------------------------------- */
.mainform{
position: relative;
top: -40px;
left: 340px;
}
.mainforma{
position: absolute;
}
#redarrow{
display: inline;
float: left;
position: relative;
top: -8px;
}
/* =Sitemap ------------------------------------------------------------------------------*/
.legend{
background: white;
display: inline;
float: left;
margin: -0.99em 10px 3px 0;
position: relative;
padding-left: 5px;
padding-right: 5px;
}
.mapbox{
padding: 10px;
text-align: left;
border: 1px solid #cccccc;
float: left;
margin: 5px;
}
.sitemapwrapper{
display: table;
}
.mapbox div{
float: left
}
/* =Back Button for Articles ------------------------------------------------------------------*/
#back{
display: block;
background: url(images/back.gif) 0 0 no-repeat;
width: 159px;
height: 41px;
}
#back:hover {
background-position: 0 -42px;
}
/* =Tables ----------------------------------------------------------------------------------------------*/
.outertable {
border: none;
vertical-align: top;
}
.stylenone td{
border: 0;
}
table{
text-align: center;
margin: 0 auto;
}
td{
border: 0px solid #333333;
padding: 5px;
}
td p{
text-align: center;
}
th{
padding: 5px;
color: #124C67;
}
caption{
color: #124C67;
font-size: 20px;
font-weight: bold;
padding: 5px;
}
td dl{
text-align: center;
}
td dt{
text-align: center;
font-weight: bold;
}
td dd{
text-align: center;
margin: 0;
}
td ul{
text-align: left;
vertical-align: top;
}
.tablerow{
display: table;
margin: 0 auto;
text-align: center;
}
.tablerow table{
float: left;
}
.valigntop{
vertical-align: top;
}
.form li{
list-style-type: none;
}
/* Additional Elements ------------------------------------------------- */
.cols{
	display: table;
	width: 100%;
	}
.col{
	float: left;
	width: 45%;
	}
.smaller{
	font-size: .9em;
	}
#breadcrumbs a{ 
	float: left;
	padding-right: 10px;
}
#breadcrumbs img{
	float: left;	
	padding-right: 10px;
}
#breadcrumbs p{
	float: left;
	margin: 0;
}
.joinbox tr td{
    	width: 33%;
	vertical-align: top;
	text-align: left;
    }
#continue{
background-color: #ff0000; 
font-size:14pt; 
color:#FFFFFF;
}
#iffooter{
width: 100%;
height:328px;
}
#footer p{
font-size: .8em;
}
.lisearch{
    list-style-image: url(images/icon_search.GIF);
    margin-left: 15px;
}
.lifaq{
    list-style-image: url(images/icon_question.GIF);
    margin-left: 15px;
}
.liinfo{
    list-style-image: url(images/icon_info.gif);
    margin-left: 15px;
}
.lihome{
    list-style-image: url(images/icon_home.GIF);
    margin-left: 15px;
}
.rightbox{
    width: 160px;
    border: 1px solid gray;
    padding: 5px;
    text-align: left;
    font-size: 12px;
}
.rightbox p{
    margin-top: 0px;
    padding-top: 0px;
}
.rightbox ul{
    margin: 5px;
    padding-left: 15px;
}
#benefitsdet{
   margin: 0 auto;
   text-align: center;
   width: 600px;
   }
#benefitsdet div{
    width: 550px;
    padding-bottom: 15px;
    text-align: left;
    padding-top: 15px;
}
#benefitsdet div img{
    border: 1px solid gray;
    float: left;
    margin-right: 10px;
    
}
#benefitsdet div h3{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    font-size: 16px;
}
#benefitsdet p{
    margin-top: 3px;
    padding-top: 0px;
}
.benefitpopup{
    display: none;
    position: absolute;
    left: 200px;
    width: 500px;
    background: white;
    z-index: 2;
    padding: 20px;
    border: 1px solid black;
}
.benefitpopup span{
    float: right;
    display: inline;
}