/*
* Food page css file
* comes as addon for main style.css file
*/

/* double size col */
div.middle_left_col_double_size {
  width:516px;
  display:inline;
  float:left;
}

h2.main_food_panel_header
h1.main_food_panel_header, {
  padding: 10px;
  text-align:left;
}

div.main_food_panel_block {
  width:100%;
  display:inline;
  float:left;
}

div.main_food_panel_text {
  width:100%;
  display:inline;
  float:left;
  padding: 0px 0px 10px 0px;
  text-align:left;
}

a.add_to_pantry_button {
  display:inline;
  float:right;
  position:relative;
  top:-33px;
  left:-5px;
}

div.food_panel_text_descr {
/*  width:280px;*/
  display:inline;
  float:left;
  margin:10px 10px 0px 10px;
  font-weight:bold;
}

a.main_food_image_link {
  color:#000;
}

a.main_food_image_link:hover {
  color:#000;
  text-decoration:none;
}

img.main_food_image {
  cursor:pointer;
}
 				
div.main_food_image_thumbs_container {
  /*width:354px;*/
  height:85px;
  float:left;
  overflow:hidden;
}


div.main_food_image_thumbs_description {
  width:136px;
  height: 65px;
  float:left;
  padding-top: 20px;
  text-align:center;
  font-weight:bold;
  font-size:100%;
  line-height: 20px;
  overflow:hidden;
}

div.main_food_image_thumbs {
  float:left;
}


/* secondary panels thumbs with description */
div.thumb_w_descr_container {
  width:232px;
  height:85px;
  overflow:hidden;
}

div.thumb_w_descr_container div.thumb_block {
  width:118px;
  height:85px;
  float:left;
  overflow:hidden;
}

div.thumb_w_descr_container table.descr_block {
  width:114px;
  height:85px;
  float:left;
  font-size:80%;
  font-weight:bold;
  line-height:1.4em;
  overflow:hidden;
}

div.thumb_w_descr_container table.descr_block td {
  vertical-align: middle;
}


div.thumb_w_descr_container div.descr_block div {

  margin: 12px 0px 0px 0px;

}


/*diagram*/
img.cpf_diagram {
  margin-bottom:10px
}

/* nutrition info tabble styles*/
table.nutrition_info_tab {
  border-collapse:collapse;
  font-size:100%;
}

table.nutrition_info_tab td {
  padding:2px 5px;
  border-top:1px solid #dae3e9;
  font-size:80%;
}

td.nutrition_info_param {

}

span.nutrition_info_param_name {
  font-weight:bold;
}

span.nutrition_info_param_value {
  color:#999;
}

span.level_2 {
  margin-left:1em;
  font-weight:normal;
}

span.level_1 {
  font-weight:normal;
}

td.nutrition_info_percent_value  {
  text-align:right !important;
}