#hero {
	background-image: url('../images/hero_dental.png');
	background-size:56%;
	padding-bottom:56%;
}

#hero_copy a {
	font-size:22px;
	padding:15px 30px;
}

#hero_duck {
    left: 370px;
}

@media screen and (max-width: 1000px)
{
	#hero_copy a {
		font-size:15px;
		padding:15px 15px;
	}

	#hero_duck {
    	left: 245px;
	}
}

@media screen and (max-width: 570px)
{
	#hero_duck {
		left: 370px;
	}

	#hero_copy_bottom a {
		font-size:18px;
		padding:14px 20px;
	}
}




#statistics {
	padding-bottom:34%;
}

.stat_disclaimer {
	position:absolute;
	bottom:-20px;
}

#first_stat {
    background-image: url('../images/stat1_dental.png');
}
#second_stat {
    background-image: url('../images/stat2_dental.png');
}


@media screen and (max-width: 780px)
{
	#statistics {
    	padding-bottom: 0px;
	}

	.stat_disclaimer {
		bottom:-38px;
	}

	#first_stat, #second_stat {
		margin-bottom:45px;
	}
}


#how_it_works {
	clear:both;
	min-height:625px;
}

#pointing_duck {
	width:60%;
}

#hiw_hd_2 h2, #hiw_hd_3 h2 {
    position:inherit;
    top:inherit;
}

#hiw_bg_1, #hiw_bg_2, #hiw_bg_3, #hiw_bg_4 {
	height:345px;
}

#hiw_hd_1 {
    background-image:url('../images/hiw_accordion_hd_1.png');
}
#hiw_bg_1 {
    background-image:url('../images/hiw_accordion_bg_1.png');
}

#hiw_hd_2 {
    background-image:url('../images/hiw_accordion_hd_2.png');
}
#hiw_bg_2 {
    background-image:url('../images/hiw_accordion_bg_2.png');
}

#hiw_hd_3 {
    background-image:url('../images/hiw_accordion_hd_3.png');
}
#hiw_bg_3 {
    background-image:url('../images/hiw_accordion_bg_3.png');
}

#hiw_hd_4 {
    background-image:url('../images/hiw_accordion_hd_4.png');
}
#hiw_bg_4 {
    background-image:url('../images/hiw_accordion_bg_4.png');
}



#choices.choice2 .choice_box {
  width: 49.3%;
}
#choices.choice3 .choice_box {
  width: 32.4%;
}

@media screen and (max-width: 780px) {
#choices.choice2 .choice_box,
#choices.choice3 .choice_box {
  width: 100%;
}
.pad_left_mobile {
  margin-left: 0;
}
}




#add_on_1_full, #add_on_2_full {
	display:block;
}

#add_on_1_full {
	background-image: inherit;
    background-repeat: inherit;
    background-position: inherit;
    background-size: inherit;
}

#add_on_1_full p {
	width:100%;
}


#add_on_2_full {
	background-image: url(../images/dentist_duck.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 33%;
}

#add_on_2_full p {
	width:75%;
}

@media screen and (max-width: 780px) {
	
	#first_stat {
		background-image:url("../images/stat1_dental_mobile.png");
	}

	#second_stat {
		background-image:url("../images/stat2_dental_mobile.png");
	}


	#add_on_2_full {
	    background-size: 50%;
	}

	#add_on_2_full p {
		width:60%;
	}
}



#tabs .overview2 th.first, #tabs .overview2 td.first {
    width: 37%;
}
#tabs .overview2 th.option, #tabs .overview2 td.option {
    width: 21%;
}

#tabs .overview3 th.first, #tabs .overview3 td.first {
    width: 32%;
}
#tabs .overview3 th.option, #tabs .overview3 td.option {
    width: 17%;
}

#tabs .overview4 th.first, #tabs .overview4 td.first {
    width: 25%;
}
#tabs .overview4 th.option, #tabs .overview4 td.option {
    width: 15%;
}







/* ADA CODES */
#moreinfo_content h6
{
	color:#05a6e3;
	font-weight:bold;
	font-size:20px;
	margin-top:30px;
}

div.ada .header 
{
	background-color:#31b4e5;
	width:100%;
	cursor:pointer;
}

div.ada.odd .header
{
	background-color:#188ebb;
}

div.ada.open .header 
{
	background-color:#f68b1b;
}

div.ada .header img {
	float:right;
	margin-top:18px;
	margin-right:18px;
	
}

div.ada .header img.disclosure_up {
	display:none;
}

div.ada .header p 
{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	padding:8px 40px;
	margin-bottom:0px;
}

table.ada-data {
	display:none;
	position:relative;
	top:-1px;
}


table.ada-data th.first, table.ada-data td.first {
    width: 25%;
}
table.ada-data td.first {
    padding-left:20px;
}



#ortho_rider_ada th.option, #ortho_rider_ada td.option {
	width:75%;
}


#cosmetic_rider_ada th.option, #cosmetic_rider_ada td.option {
	width:15%;
}
#cosmetic_rider_ada th.option.wide, #cosmetic_rider_ada td.option.wide {
	width:60%;
}


#tabs .policy4 th.first, #tabs .policy4 td.first {
	width:12%;
}
#tabs .policy4 th.option, #tabs .policy4 td.option {
	width:12%;
}
#tabs .policy4 th.option.wide, #tabs .policy4 td.option.wide {
	width:40%;
}


#tabs .policy3 th.first, #tabs .policy3 td.first {
	width:12%;
}
#tabs .policy3 th.option, #tabs .policy3 td.option {
	width:12%;
}
#tabs .policy3 th.option.wide, #tabs .policy3 td.option.wide {
	width:52%;
}


#tabs .policy2 th.first, #tabs .policy2 td.first {
	width:12%;
}
#tabs .policy2 th.option, #tabs .policy2 td.option {
	width:12%;
}
#tabs .policy2 th.option.wide, #tabs .policy2 td.option.wide {
	width:64%;
}

/* special circumstance for cleft palate ada codes: */
#cleft_palate_ada.policy3 th.option.wide, #cleft_palate_ada.policy3 td.option.wide {
  width:88%;
}


#tabs td.ada_disclaimer {
    background-color: #959595;
    color: #fff;
    font-style: italic;
    font-size: 16px;
    text-align: center;
    padding: 0px;
    border-top: 1px solid #3b3b3b;
}


#ada_disclaimer_bottom {
  margin-top:25px;
}




/******** RESPONSIVE TABLES **************/
@media screen and (max-width: 650px) 
{

	#tabs .overview2 th.first, #tabs .overview2 td.first {
	    width: 57%;
	}
	#tabs .overview2 th.option, #tabs .overview2 td.option {
	    width: 57%;
	}

	#tabs .overview3 th.first, #tabs .overview3 td.first {
	    width: 57%;
	}
	#tabs .overview3 th.option, #tabs .overview3 td.option {
	    width: 57%;
	}

	#tabs .overview4 th.first, #tabs .overview4 td.first {
	    width: 57%;
	}
	#tabs .overview4 th.option, #tabs .overview4 td.option {
	    width: 57%;
	}



    #benefitsoverview_content table.plan-data,
    #benefitsoverview_content table.plan-data tbody,
    #benefitsoverview_content table.plan-data th,
    #benefitsoverview_content table.plan-data td,
    #benefitsoverview_content table.plan-data tr {
      display: block;
    }
    #benefitsoverview_content table.plan-data tr {
      border: 1px solid #ccc;
    }
    #benefitsoverview_content table.plan-data tr:nth-of-type(1) {
      display: none
    }
    #benefitsoverview_content table.plan-data tr:nth-of-type(even) td {
      border-bottom: 1px solid #fff;
    }
    #benefitsoverview_content table.plan-data tr:nth-of-type(even) td:nth-of-type(5) {
      border-bottom: none;
    }
    #benefitsoverview_content table.plan-data tr:nth-of-type(odd) td {
      border-bottom: 1px solid #eee;
    }
     
    #benefitsoverview_content table.plan-data td {
      width: auto;
      border-right: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding: 5px 20px;
      padding-left: 40%;
      height: auto;
      min-height:30px;
    }
    #benefitsoverview_content table.plan-data td:before {
      position: absolute;
      left: 6px;
      width: 35%;
      padding-right: 10px;
    }
     
    #benefitsoverview_content table.plan-data td:nth-of-type(1):before { content: "Benefit"; }
    #benefitsoverview_content table.plan-data td:nth-of-type(2):before { content: "Waiting Period"; }
    #benefitsoverview_content table.plan-data td:nth-of-type(3):before { content: "Basic"; }
    #benefitsoverview_content table.plan-data td:nth-of-type(4):before { content: "Standard"; }
    #benefitsoverview_content table.plan-data td:nth-of-type(5):before { content: "Premier"; }
    #benefitsoverview_content table.plan-data td:nth-of-type(6):before { content: "Premier Plus"; }
     
    #benefitsoverview_content table.plan-data.riders td:nth-of-type(1):before { content: "Optional Riders"; }
     
    #benefitsoverview_content table.le-links,
    #benefitsoverview_content table.le-links td {
      display: block;
      width: 100%;
    }
    #benefitsoverview_content table.le-links td {
      padding: 10px;
      height: auto;
      border:none;
    }
    #benefitsoverview_content table.le-links a.l_and_e {
      font-size: 15px;
    }



    #tabs .ada-data th.first, #tabs .ada-data td.first {
	    width: 57%;
	}
	#tabs .ada-data th.option, #tabs .ada-data td.option {
	    width: 57%;
	}


    #moreinfo_content table.ada-data tbody,
    #moreinfo_content table.ada-data th,
    #moreinfo_content table.ada-data td,
    #moreinfo_content table.ada-data tr {
      display: block;
    }
    #moreinfo_content table.ada-data tr {
      border: 1px solid #ccc;
    }
    #moreinfo_content table.ada-data tr:nth-of-type(1) {
      display: none
    }
    #moreinfo_content table.ada-data tr:nth-of-type(even) td {
      border-bottom: 1px solid #fff;
    }
    #moreinfo_content table.ada-data tr:nth-of-type(even) td:nth-of-type(5) {
      border-bottom: none;
    }
    #moreinfo_content table.ada-data tr:nth-of-type(odd) td {
      border-bottom: 1px solid #eee;
    }
     
    #moreinfo_content table.ada-data td {
      width: auto;
      border-right: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding: 5px 20px;
      padding-left: 40%;
      height: auto;
      min-height:30px;
    }
    #moreinfo_content table.ada-data td:before {
      position: absolute;
      left: 6px;
      width: 35%;
      padding-right: 10px;
    }
    	
    div.ada .header {
    	border: 1px solid black;
	}

    #moreinfo_content table.ada-data td:nth-of-type(1):before { content: "ADA Code"; }
    #moreinfo_content table.ada-data td:nth-of-type(2):before { content: "Description"; }
    #moreinfo_content table.ada-data td:nth-of-type(3):before { content: "Basic"; }
    #moreinfo_content table.ada-data td:nth-of-type(4):before { content: "Standard"; }
    #moreinfo_content table.ada-data td:nth-of-type(5):before { content: "Premier"; }
    #moreinfo_content table.ada-data td:nth-of-type(6):before { content: "Premier Plus"; }


    #moreinfo_content .ada_rider table.ada-data td:nth-of-type(1):before { content: "ADA Code"; }
    #moreinfo_content .ada_rider table.ada-data td:nth-of-type(2):before { content: "Description"; }
    #moreinfo_content .ada_rider table.ada-data td:nth-of-type(3):before { content: "Benefit Amount"; }

	


    #tabs .policy2 th.option.wide, #tabs .policy2 td.option.wide {
    	width: 60%;
	}
     
    #moreinfo_content table.ada-data.riders td:nth-of-type(1):before { content: "Optional Riders"; }
     
    
}