body {
  margin: 0px auto; /* setting border: 0 hoses ie5 win window inner well border */
  padding: 1% 0;
  font-family: Raleway, verdana, 'trebuchet ms', sans-serif;
  font-size: 18px;
  line-height: 2em;
  color: #000;
  text-align: center;
  width: 98%;
  padding-top: 0px;
    
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@font-face {
    font-family: verdana;
     src: url(../fonts/Verdana.ttf)
}

@font-face {
    font-family: 'Dancing Script', cursive;
     src: url(../fonts/Dancing-Script.ttf)
}

@font-face {
    font-family: 'Raleway-Heavy'; !important;
    src: url('../fonts/Raleway-Heavy.ttf');
}

.heavy {
	font-weight: 900;
}

.cursive {
	font-family: 'Dancing Script';
}

.body_tag {
 width: 100%;
 margin: 0px auto; /* setting border: 0 hoses ie5 win window inner well border */
 text-align: left;
}

.print_page {
 padding-right: 5px; padding-left: 5px;
 width: 100%;
 max-width: 1062px;
 margin-left: auto;
 margin-right: auto;
}

@media screen {
 .print_only {
	display: none;
 }
}

.site-searchbox {
  vertical-align: middle;
  height: 1.8em;
  text-indent: 22px;
  border: 1px solid gray;
  background-image:url(https://www.joyfulbelly.com/Ayurveda/images/search.gif); 
  background-repeat: no-repeat; 
  background-position: 0 0;
  background-size: contain;
}

.signup-field {
	display: inline-block;
	text-align: left;
	font-weight: bold;
	max-width: 300px;
	margin-top: 10px;
	vertical-align: middle;
}

.signup-field input, .signup-field .submit, .signup-field select {
	border: 0;
	border-radius: 5px;
	background-color: #dddddd;
	font-size: 1.5em;
	height: 50px;
	width: 96%;
	text-indent: 10px;
}

.signup-field .submit {
	background-color: #f8d506;
	padding: 0 15px;
	font-size: 1.1em;
	text-indent: 0px;
}

h1, h2, h3 {
  line-height: normal;
} 

form { margin: 0;}
li { margin-bottom: 15px; }
table, tr, td {font-size: 100%;}

img { 
 border: 0px;
 vertical-align: middle;
}


.date-width {
	width: 75px;
}

.green-highlight, .success {
	color: #00aa00;
	font-weight: bold;
}

.error {
	color: #ff0000;
	font-weight: bold;
}

.brown-highlight {
	color: #999900;
	font-weight: bold;
}

.cellspace .half_cell {
	padding: 5px;
}

.section {
	color: #4A75AC;
	font-weight: bold;
	font-size: 1.1em;
}

.symptom_page .section, .pathogenesis_page .section {
	color: #000000;
	font-weight: bold;
	font-size: 2em;
	margin: 20px 0 10px 0;
}

.pathogenesis_page .section {
	font-size: 3em;
}

.recipe_title {
  	 font-size: 1.6em;
  	 font-weight: normal;
  	 padding: 30px;
}

.title_text {
	color: #6c99c0;
	font-weight: bold;
	font-size: 1.5em;
	padding-bottom: 5px;
	margin: 0;
}

.pathogenesis_page .title_text {
	color: #ffffff;
	font-weight: bold;
	font-size: 4em;
	text-align: center;
	margin: 20px 0 10px 0;
	padding: 20px 0 20px 0;
	background-color: #214a69;
}

.title_text2 {
	font-weight: bold;
	font-size: 24px;
	padding-bottom: 5px;
}

.small {
	font-size: .8em;
	padding-bottom: 5px;
}

.header {
	background-color: #214a69;
	color: #ffffff;
	text-align: center;
	margin: 20px 0 20px 0;
	padding: 20px;
}

.header h1 { margin: 0; padding: 0; font-size: 3em;}
.header div { padding: 10px; font-size: 2em; }

.body_type_results .header {
	background-color: inherit;
	color: inherit;
	margin: 0;
}

.topheader {
	display: table;
	width: 100%;
}

.topheader-row {
	display: table-row;
}

.topheader-cell {
	display: table-cell;
}

 .catheader {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 1.3em;
  background-size: cover;
  background-position: center;

 }

 .catimage {
 	position: relative;
 	background-color: rgba(0,0,0,.3);
 	height: 300px;
 	border-top: 3px solid #000;
 }	
 
 .catimage h1 {
 	position: absolute;
 	padding: 0;
 	margin: 0;
 	left: 1%;
 	bottom: 4%;
 }
 
 .catimage h1 span {
 	display: block;
 	font-size: .5em; 	
 }


 .catheader-description h2 {
 	padding: 0;
 	margin: 0;
 	padding-bottom: 5px;
 	font-size: 1.2em;
 }	
 
 .subnav {
 	width: 100%;
 	display: table;
 	padding: 20px 0;
 	font-weight: bold;
 	vertical-align: middle;
 	text-align: right;
 }
 
 .subnav_on, .subnav_off {
 	text-align: center;
 	text-decoration: none;
 	color: #fff;
 	padding: 0 40px;
 }
 
 .subnav_on {
 	color: #fe0;
 }

 .subnav_many {
 	padding: 0 20px;
 	font-size: .9em;
 }
  .contentheader-top {
  	margin: 20px 0 20px 20px;
  }

  .contentheader-top h2 {
  	font-size: 1.5em;
  	padding: 0;
  	margin: 0;
  }

  .contentheader h1 {
  	padding: 0;
  	margin: 0;
  	font-size: 2em;
   filter: brightness(75%);
  }
  
  .content-descr {
  	margin-bottom: 20px;
  }

 .left_popup {
 	font-weight: bold;
 	font-size: .8em;
 	cursor: pointer;
 }

 .breadcrumbs {
 	color: #999999;
 	font-weight: bold;
 }

 .breadcrumbs a {
 	color: #999999; 	
 }
  
 .catheader-description .breadcrumbs {
  display: inline-block;
  margin: 5px 0;
  padding-left: 10px;
 }
 
.related_block {
 display: inline-block;
 max-width: 400px;
 min-width: 48%;
 vertical-align: top;
 margin-left: 2%;
}

.ad_font {
	font-size: 1.5em;
}

.quarter_page {
 float: left;
 width: 23%;
 min-width: 200px;
 margin-right: 10px;
 margin-top: 10px;
}

.article-panel .panel-content, .article-panel .panel-content-3 {
	padding: 5px 10px;
	font-size: 20px;
	line-height: 1.5em;
	height: 3em;
   background-color: #b8d100;
   color: #ffffff;
   text-align: center;
}
.article-panel .panel-content-3 {
	height: 4.5em;
}

.article-panel .panel-img {
 height: 200px;
 width: 100%;
 background-position: center center;
 background-size: cover;
}

.save_img {
 vertical-align: middle;
 margin-right: 5px;
 height: 20px;'
}

.promo_link, .white_link {
	color: #4A75AC;
	font-weight: bold;
	text-decoration: none;
}

.white_link {
 color: #ffffff;
}

.promo_link:hover {
	text-decoration: underline;
}

.symptom_page .promo_link {
	color: #000000;
}

.symptom_page h4, .pathogenesis_page h4, .organ_label {
	font-weight: 800;
	color: #000000;
	font-size: 1.4em;
	margin: 20px 0 10px 0;
}

.survey h2 {
 color: #ff9900;
}

.body-container {
    position: relative;
}

.body-container .body-image {
    position: absolute;
}

.body-container .img-overlay {
    position: absolute;
    color: #fff;
    display: flex;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 15px;
    background: rgba(43, 60, 81, .8)
}

.subsection {
	margin: 10px 0 10px 15px;
}

.input_box {
	padding-right: 5px;
	vertical-align: middle;
}

.breadbox {
	max-width: 100%;
}

.cell_to_block, .tiny_to_block {
  vertical-align: top;
}

.qualities_chart {	
	margin: 20px 0 0 0;
}

.qualities_table {
	color: #000;
	padding: 0 20px;
	width: 100%;
	margin-top: 20px;
}

.chart_quality {	
 font-size: 2em;
 font-weight: 900;
}

.yellow_header {
	background-color: #E99E3B;
	color: #ffffff;
	font-weight: bold; 
	text-align: center;
}

.yellow_header th {
	padding: 5px;
}

.qualities_table .yellow_header {
	color: #000000;
}

.packing_slip {
	color: #4A75AC;
}
.packing_slip tr td {
	color: #4A75AC;
}

.prodnav {}
.prodnav_sel { background-color: #E0FAB3;}

.price {
	font-weight: bold;
	color: #aa0000;
}

.nav_right .price {
	color: #fff;
}


.strike {
	font-size: .9em;
   color: #aa9999;
}

.shipping {
	font-weight: bold;
	color: #499c00;
}

.comment {
	display: inline;
	text-decoration: underline;
	font-style: italic;
}

.icon {
	 vertical-align: middle;
	 margin-left: 3px;
	 height: 20px;
}

.deal_table {
 background-color: #b8d100;
 color: #243800;
 border-radius: 10px;
 padding: 5px;
}

.deal_title {
 font-size: 2em;
 text-align: center;
 font-weight: bold; 
}

.deal_cell {
 background-color: #fff;
 padding: 5px;
}

.deal_cell img {
 height: 25px;
}

.deal_total {
 background-color: #fff;
 padding: 5px;
 font-size: 1.2em;
 font-weight: bold; 
}

.simple_button, .small_button, .rednav_button, .yellow_button, .blue_button, .vata_button, .vata_inversion, .pitta_button, .pitta_inversion, .kapha_button, .kapha_inversion, .green_button {
   background-color: #b8d100;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	padding: 15px 25px 15px 25px;
	margin: 10px;
	text-align: center;
	font-weight: bold;
	border-radius: 8px;
	cursor: pointer;
}

.small_button {
	padding: 5px 8px 5px 8px;
	margin: 5px;
	border-radius: 3px;
	font-size: .9em;
}

.rednav_button {
   background-color: #a21b21;
}

.symptom_page .rednav_button {
	width: 70%;
	margin:0;
	font-weight: 900;
}

.horizontal_buttons, .vertical_buttons {
	margin: 20px;
	text-align: center;
}

.horizontal_buttons a, .vertical_buttons a {
  border-radius: 5px;
  padding: 15px; margin: 10px;
  font-size: 1.5em; font-weight: bold;
  text-align: center; text-decoration: none;
  display: inline-block;
}

.horizontal_buttons a {
	width: 200px;
}

.vertical_buttons a {
	width: 85%;
}

.vata_button { color: #572E07; background-color:#FFE89A; }
.vata_inversion { background-color: #572E07; color:#FFE89A; }
.pitta_button { color: #e61b00; background-color:#ff8441; }
.pitta_inversion { background-color: #e61b00; color:#ff8441; }
.kapha_button { color: #6da906; background-color:#a1e646; }
.kapha_inversion { background-color: #6da906; color:#a1e646; }

.orange_button { color: #fff; background-color:#a21b21; }
.yellow_button { color: #fff; background-color:#f8d506; }
.blue_button { color: #fff; background-color:#214a69; }

.review_star {
 background-image: url();
}

.review_star:hover {
 background-image: url();
}

.large_list_table td {
	padding-top: 15px;
}

.large_list_element {
	vertical-align: top;
	font-size: 2em;
	padding: 5px 20px 0 20px;
}

.visible { display: visible;}
.hidden { display: none;}

 .graybox {
  border-radius: 7px;
  padding: 5px;
  border: 1px solid #aaa;
 }

.infobox {
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #D0D0D0;
	background-color: #ffffff;
	page-break-inside: avoid;
}

.backdrop {
 background-color: #ffffff;
}
	
.two_column {
 display: table;
 background-color: #ffffff;
 width: 100%;
 max-width: 870px;
 padding: 5px 0 0 0;
 text-align: left;
}

.three_column {
 display: table;
 background-color: #ffffff;
 width: 100%;
 max-width: 1062px;
 padding: 5px 0 0 0;
 text-align: left;
}

.nav_left, .middle_cell, .nav_right {
 vertical-align: top;
}

.nav_middle {
 display: table-cell;
}

.nav_left {
	margin-right: 16px;
	width: 195px;
}

 .biz_box {
  float: left;
  width: 32%;
  margin-right: 1%;
  margin-top: 10px;
 }

.title_image {
      width: 100%;
      height: 415px;      
      padding: 0 10%;
      background-size: cover;
      background-position: center center;
      margin-bottom: 0px;
      text-align: center;
      line-height: normal;
}

.title_image div {
      padding: 10px;
      margin: 0;
      background-color: rgba(0,0,0,.55);
      color: #ffffff;
      font-size: 2em;
}

.title_image h1 {
	margin: 0;
	padding: 0;
   font-size: 1.5em;
}

.shaded-title-img {
 display: table;
 width: 100%;
 background-size: cover;
 background-position: bottom center;
 background-color: black;
}

.shaded-title-img .title-row {
 display: table-row;
 height: 550px;      
 background-color: rgba(0,0,0,.3);
 color: white;
 padding: 0 10%;
}

.shaded-title-img .title-cell {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10%;
}

.shaded-title-img h1 {
	font-weight: normal;
	font-size: 4em;
	line-height: .95em;
}

.word-first {
 font-weight: bold;
 font-size: 3em;
}

.word-intro {
 font-size: 3em;
 margin-left: 10px;
}

.word-subnav {
	font-size: 1.8em;
	padding: 30px 0;
}

.word-subnav td {
	padding: 0 20px;
}

.word-normal {
	font-size: 1.5em;
}

.large_photo {
      min-height: 623px;      
}

.large_photo h1 {
      font-size: 2em;      
}
      
.product_menu_item {
 display: inline-block;
 width: 30%; min-width: 230px;
 margin-bottom: 10px;
 margin-right: 2%;
 vertical-align: top;
}

.image_cell {
	text-align: center;
	background-color: #fff;
   background-position: center center;
   background-repeat: no-repeat;
   cursor: pointer; 
	height: 100px;
	vertical-align: top;
}

.image_cell, .image_disappear {
 display: table-cell;
 width: 200px;
}

.product_image_cell {
 width: 100px;
}

.nav_right {
 display: table-row;
 line-height: 1.5em;
 border: 1px solid gray;
}
 
.nav_right_box {
 float: left;
 width: 32%;
 margin: 10px 1% 0 0;
}

.nav_height {
 height: 500px;
 margin-top: 0px;
}

.nav_height .nav_img {
 height: 100px;
 margin: 20px;
}

.nav_height .nav_text {
}

.footer, .footer2, .footer_fourths {
	text-align: center;
}

.assessment-table-cell {
 	vertical-align: top;
 	display: inline-block;
 	padding-top: 5px;
}

div.contra:hover .contrabody, div.sfhover .contrabody {
 left: auto;
 margin-top: 0px;
}

.jb_logo {
	width: 30%;
}

.page_banner {
  height: 330px;
  padding-top: 120px;
}

.half_margin {
 margin: 50px 0 50px 0;
}

.half_pad {
 padding: 50px;
}

.big_half_pad {
	padding: 150px 0 150px 0;
}


.half_font {
  font-size: 1em;
}

.eighty_font {
  font-size: 1em;
}

.half_page {
 margin: 30px 0;
}

.product_image {
 float: left;
 margin-right: 5px;
 width: 35%;
}

.mini_center {
	text-align: left;
}

.credit_card {
 padding: 25px 40% 25px 0;
}

.short_qualities {
	width: 75px;
}

.half_table, .tiny_table {
 display: table;
}
 
.half_row, .tiny_row {
 display: table-row;
}

.two_column .nav_height {
	margin-bottom: 10px;
}

@media (min-width: 1200px) {
 .top-title {
  text-align: center;
 }

 .nav_1200_appear {
	display: none;
 }

 .subnav_on, .subnav_off {
 	display: table-cell;
 	border-right: 1px solid #fff;
 	height: 26px;
 	line-height: 26px;
 } 

 .main-nav {
  display: table;
  padding: 0;
  margin: 0;
  width: 100%;
 }

 .main-nav .no-submenu {
  display: table-cell;
 }
 
 .main-nav .top-level {
  display: table-cell;
  border-top-left-radius: 10px;
  border-top-right-radius:10px;
 }
 
 .main-nav .top-level:hover, .main-nav .top-level:focus {
  background-color: #c0dbf2;
  outline: none;
  border: 0;
 }
 
 .main-nav li:focus .child {
 	visibility: visible;
 	opacity: 1;
 }
 
 .main-nav .child {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  margin-top: 10px;
  border: solid 5px #c0dbf2;
  width: 90%;
  padding: 5px;
  background-color: #fff;
  font-size: 1.1em;
  z-index: 275;
  text-align: left;
 
  visibility: hidden;
  transition: visibility 0.5s;
  opacity: 0;
 }

 .main-nav .subtitle {
  font-weight: bold;
 }

 .main-nav .column {
 	display: inline-block;
 	vertical-align: top;
 	width: 23%;
 }
 
 .main-nav .vertical {
 	display: inline-block;
 	background-color: #6E99CE;
 	height: 330px;
 	width: 1px;
 	padding: 0;
 	margin-top: 20px;
 	margin-right: 5px;
 	margin-bottom: 20px;
 }
  
 .main-nav .top-body {width: 150px;}
 .main-nav .top-shop {width: 100px;}
 .main-nav .top-courses {width: 230px;}
 .main-nav .top-blog {width: 100px;}

 .mini-nav {
  width: auto;
  max-width: 370px;
 }
 
 .mini-nav .top-level, .mini-nav .no-submenu {
 	vertical-align: middle;
 }

 .mini-nav .child {
  left: auto;
  right: auto;
  width: auto;
 }

}
@media (min-width: 820px) {
/*
 .three_column .nav_right {
 	display: table-cell;
	width: 211px;
	vertical-align: top;
 }

 .three_column .nav_right_box {
	float: left;
	width: 195px;
	margin-left: 16px;
 }
*/

 .three_column .nav_height {
	margin-bottom: 10px;
 }
 
 .three_column .nav_disappear {
 }

}

@media (min-width: 710px) {
 .recipe_descr {
  display: table-cell;
  padding-left: 8px;
 }

 .mini_popup { 
	display: none;
 }

 .nav_appear, .nav_mini_appear, .nav_hover_disappear {
	display: none;
 }

 .half_cell {
  display: table-cell;
  width: 44%;
  min-width: 280px;
  margin-right: 5%;
  margin-top: 10px;
  vertical-align: top;
 }
 
 .rfloat_to_block {
  float: right;
 }
 
 .lfloat_to_block {
  float: left;
 }
 
 .cell_to_block, .tiny_to_block, .input_box {
  display: table-cell;
 }
 
 .searchbox {
   float: left;
 }

 .breadbox {
	margin-left: 275px;
 }
 
 .dosha-table {
 	display: table;
 	margin: 5px;
 }
 .dosha-table-header {
 	display: table-cell;
 	font-weight: none;
 	width: 15%;
 	padding-top: 20px;
 	vertical-align: top;
 }
 .dosha-table-row {
 	display: table-row;
 }
 .dosha-table-cell {
 	display: table-cell;
 	padding-top: 20px;
 	width: 28%;
 	vertical-align: top;
 }
 
 .indented-table-cell {
 	display: table-cell;
 }
 
 .assessment-table-cell {
 	width: 30%;
 	margin-right: 3%;
 }
 
 .footer .child {
 	display: inline-block;
 	width: 18%;
 	text-align: left;
 }
 
 .footer2 .child {
 	display: inline-block;
 	width: 31%;
 	margin-right: 1%;
 	vertical-align: top;
 	padding: 10px 0 10px 0;
 }
 
 .footer_fourths .child {
 	display: inline-block;
 	width: 23%;
 	margin-right: 1%;
 	vertical-align: top;
 	padding: 10px 0 10px 0;
 }
 
 .cart_right {
  display: table-cell;
  width: 211px;
  vertical-align: top;
  border: 0;
 }
 
 .cart_right .nav_right_box {
  float: left;
  width: 195px;
  margin-left: 16px;
 }

 .subnav_row {
 	display: table-row;
 }
 
}

 .mobile-nav {
  outline: none;
 }

@media screen and (max-width: 1375px) { 
 .topheader, .topheader-row, .topheader-cell {
 	display: block;
 	width: 100%;
 }
}

@media screen and (max-width: 1200px) {
	
 .nav_1200_disappear {
 	display: none;
 }

 .main-nav {
  width: 95%;
  background-color: #fff;
  border: 5px solid #c0dbf2;
  font-size: 1em;
  margin-top: -2px;
  padding-top: 10px; 
  padding-bottom: 50px;
 }
 
 .mobile-nav .main-nav {
  position: absolute;
  visibility: hidden;
  transition: visibility 0.5s;
  opacity: 0;
  z-index: 199;
 }
 
 .mobile-nav .mobile-image {
  background-color: #ffffff;
 }

 .mobile-nav:focus .main-nav, .mobile-nav:focus {
  visibility: visible;
  opacity: 1;
 }

 .mobile-nav:hover .mobile-image, .mobile-nav:focus .mobile-image {
  background-color: #c0dbf2;
  border-radius: 7px 7px 0 0;
  margin-right: -3px;
  outline: none;
 }
 
 .main-nav .no-submenu, .main-nav .top-level {
  display: block;
 }

 .main-nav .child {
  display: block;
  height: auto;
  margin-top: 5px;
  width: 90%;
  padding: 5px;
  background-color: #fff;
  font-size: 1.1em;
  z-index: 275;
 }

 .main-nav .column {
	display: block;
	vertical-align: top;
	width: 100%;
	padding: 0;
 }

 .main-nav .vertical {
 	display: none;
 }

 .main-nav .subtitle {
  font-weight: normal;
 }	

/*
 .main-nav .subheader:hover {
  background-color: #c0dbf2;
  padding-bottom:7px;
 }

 .main-nav .subheader:hover ul {
    left: 10%;
    right: 0;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -ms-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
 }

 .main-nav .subheader ul {
  display: block;
  position: absolute;
  left:-9999px;
  border: solid 5px #c0dbf2;
  margin-top: 5px;
  width: 77%;
  padding: 5px;
  background-color: #fff;
  font-size: 1.1em;
  z-index: 250;
 }

*/

 .main-nav .subheader ul {
 	display: none;
 }
 
 .mobile-nav .subnav {
  position: absolute;
  visibility: hidden;
  transition: visibility 0.5s;
  opacity: 0;
  z-index: 199;
 }
 
 .mobile-nav:focus .subnav {
  visibility: visible;
  opacity: 1;
 }

 .subnav_on, .subnav_off, .subnav_row, .subnav {
 	display: block;
 }  


}

@media screen and (max-width: 820px) {

/*  
 .three_column .nav_right {
 	display: table-row;
 	border: 1px solid gray;
 }
*/
 .three_column .nav_disappear {
 	display: none;
 }

}

@media screen and (max-width: 710px) {

 .title_image, .large_photo {
  min-height: 250px;      
 }

 .image_cell {
  display: block;
  width: 100%;
  height: 150px;	
 }

 .image_disappear {
 	display: none;
 } 

 .recipe_descr {
  display: block;
  width: 100%;	
  margin-top: 10px;
 }
 
 .simple_button, .small_button, .rednav_button, .yellow_button, .blue_button, .vata_button, .vata_inversion, .pitta_button, .pitta_inversion, .kapha_button, .kapha_inversion, .green_button {
 	display: block;
 	width: 70%;
 	margin: 5px 5%;
 }
 
 div.contra:hover .contrabody, div.sfhover .contrabody {
  left: 10px;
  margin-top: 20px;
  border: 5px solid #aaa;
 }
 
 .jb_logo {
 	width: 50%;
 }
 
 .page_banner {
   height: 230px;
   padding-top: 100px;
 }
 
 .half_margin {
  margin: 25px 0 25px 0;
 }

 .half_pad {
  padding: 25px;
 }

 .big_half_pad {
 	padding: 75px 0 75px 0;
 }
 
 .half_font {
   font-size: .5em;
 }
 
 .eighty_font {
   font-size: .8em;
 }

 .header h1 {font-size: 2em;}
 .body_type_results .header h1 {font-size: 1.5em;}

 .product_image {
  float: left;
  width: 100%;
  margin-bottom: 10px;
 }

 .short_qualities {
 	width: 100%;
 }

 .mini_center {
 	text-align: center;
 }
 
 .credit_card {
  padding: 25px 0 25px 0;
 }

 .half_table {
 	display: block;
 }

 .half_row {
  display: block;
 }

 .half_cell {
  display: block;
  width: 94%;
  min-width: 280px;
  margin-right: 5%;
  margin-top: 10px;
 }

 .cell_to_block, .input_box {
  display: block;
 }

 .catheader {
 	font-size: 1em;
 }
 .searchbox {
 	display: block;
 	width: 100%;
 }

 .searchbox .nav-popup {
 	display: block;
 }
 

 .breadbox {
 	clear: both;
 	padding-top: 0px;
 }

 .dosha-table {
 	display: block;
 	margin-left: 5px;
 }
 .dosha-table-header {
 	display: block;
 	font-size: 1.1em;
 	font-weight: bold;
 	width: 100%;
 	padding-top: 20px;
 }
 .dosha-table-row {
 	display: block;
 }
 .dosha-table-cell {
 	display: block;
 	width: 100%;
 	margin-left: 10px;
 }

 .indented-table-cell {
 	display: block;
 	margin-left: 10px;
 }
 
 .assessment-table-cell {
 	display: block;
 }

 .footer .child, .footer2 .child, .footer_fourths .child {
	display: block;
	width: 100%;
	padding: 10px 0 10px 0;
	text-align: center;
	font-size: 1.2em;
 }


 .cart_right {
 	display: table-row;
 	border: 1px solid gray;
 }

 .nav_left {
  display: inline;
  position: absolute;
  left: -9999em;
  height: auto;
  background-color: #fff;
  border: 5px solid #214a69;
  padding: 5px;
  margin: 10px;
  font-size: 1em;
  width: 90%;
  z-index: 100;
 }

 .disappear {
 	display: none;
 }

 .two_column .nav_disappear {
 	display: none;
 }

 .quarter_page {
 	width: 100%;
 }

 .nav_mini_disappear, .article-panel img, .article-panel .panel-img {
 	display: none;
 }

 .mini_popup { 
	display: inline-block;
 }

 .mini_popup:hover { 
	border: 1px solid gray;
 }

 .chart_quality {	
  font-size: 1.2em;
 }

 .pathogenesis_page .section {
	font-size: 1.6em;
 }
}


@media screen and (min-width: 560px) and (max-width: 710px) {

 .two_column .nav_right_box {
  float: left;
  width: 32%;
  margin-right: 1%;
  margin-top: 10px;
 }

}

/*
@media screen and (min-width: 400px) and (max-width: 820px) {
 .three_column .nav_height {
 	min-height: 420px;
 	margin-top: 0px;
 }
}

@media screen and (min-width: 400px) and (max-width: 710px) {
 .two_column .nav_height {
 	min-height: 420px;
 	margin-top: 0px;
 }
}
*/ 

@media screen and (max-width: 560px) {
 .tiny_row, .tiny_table {
 	 display: block;
 }

 .tiny_to_block {
 	display: block;
 	width: 100%;
 }
 
 .long_list .block_image, .long_list .image_disappear, .long_list .product_image_cell {
 	display: none;
 }
 
 .long_list .food_recommendation {
 	margin: 0px;
 	padding: 0px;
 }

 .product_menu_item {
  display: block;
  width: 100%; 
  margin: 0;
 }

}

@media screen and (min-width: 750px) and (max-width: 1000px) {

 .nav_right_box {
  float: left;
  width: 48%;
  margin-right: 2%;
  margin-top: 10px;
 }
}

@media screen and (max-width: 750px) {

 .nav_right_box {
  float: left;
  width: 100%;
  margin-right: 2%;
  margin-top: 10px;
 }

 .nav_height {
  height: auto;
 }

}

@media screen and (max-width: 475px) {

}

.bigbox {
 min-height: 320px;
}

.bigbox_border {
 min-height: 318px;
}

.video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.nav_listitem {
	padding: 10px;
	cursor: pointer;
}

.nav_listitem a {
	text-decoration: none;
}

div.contra {
 display: inline;
 vertical-align: bottom;
}

div.contra .contrabody {
  display: inline;
  position: absolute;
  left: -999em;
  height: auto;
  background-color: #fff;
  border: 1px solid #D0D0D0;
  padding: 10px;
  margin-top: 10px;
  font-size: .8em;
  max-width: 26em;
  z-index: 300;
}

 div.contra:hover {
 	font-weight: bold;
 }

div.contra:hover .contrabody, div.sfhover .contrabody {
 	font-weight: normal;
  -webkit-transition-delay: .15s;
  -moz-transition-delay: .15s;
  -ms-transition-delay: .15s;
  -o-transition-delay: .15s;
  transition-delay: .15s;
}

div.register_popup {
  display: inline;
  position: absolute;
  left: 10%;
  top: 275px;
  min-height: 125em;
  width: 90%;
  max-width: 700px;
  background-color: #fff;
  border: 1px solid #D0D0D0;
  padding: 10px;
  margin-top: 10px;
  z-index: 100;
}


.tootles {
  display: inline;
}

#dravya_key tr:hover, #dravya_key tr.sfhover {
  background-color: #EAEAFF;
}

#contra table {
	width: 100%;
	border-bottom: 1px solid #D0D0D0;
	margin-bottom: 5px;
}

.darkClass
{
  background-color: white;
  filter:alpha(opacity=50); /* IE */
  opacity: 0.5; /* Safari, Opera */
  -moz-opacity:0.50; /* FireFox */
  z-index: 20;
  background-repeat:no-repeat;
  background-position:center;
}

.listseparator li {
	margin-bottom: 5px;
}

.read-more-state {
  display: none;
}

.read-more-target {
  display: none;
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease, visibility 0s, opacity 0.5s linear;
}

.read-more-state:checked ~  .read-more-wrap .read-more-target {
  display: block;
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show More';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show Less';
}

.read-more-trigger {
  cursor: pointer;
  float: right;
  padding: 0 .5em;
  margin: 5px;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 2;
  background-color: #b8d100; 
  border: 1px solid #ddd;
  border-radius: .4em;
}


.superscript {font-size:xx-small; vertical-align:top;} 
.subscript {font-size:xx-small; vertical-align:bottom;} 

.page { page-break-inside: avoid; }