@media screen {
  div#divContent div.box div.middle div.product_list div.left,
  div#divContent div.box div.middle div.product_list div.right {
    height: auto;
  }

  div#divContent div.box div.middle div.product_list div.left {
    float: left;
    width: 344px;
    padding: 0 26px 0 0;
  }

  div#divContent div.box div.middle div.product_list div.left a,
  div#divContent div.box div.middle div.product_list div.left p {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 8px;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe {
    clear: both;
    margin: 0 0 20px;
    overflow: auto;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe div {
    float: right;
    width: 170px;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe div a,
  div#divContent div.box div.middle div.product_list div.left div.recipe div li,
  div#divContent div.box div.middle div.product_list div.left div.recipe div p {
    font-size: 11px;
    line-height: 14px;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe div table {
    font-size: 10px;
    line-height: 13px;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe div h3 {
    margin-top: 2px;
  }
  p#UPCCode {
    font-size:12px;
    font-weight:bold;
    line-height:14px;
    margin:5px 0 10px;
    color:#3E91BD !important;
  }
  div#divContent div.box div.middle div.product_list div.left div.recipe div ul {
    margin: 0 0 0 20px;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe img {
    float: left;
    width: 160px;
    margin: 0 12px 0 0;
  }

  div#divContent div.box div.middle div.product_list div.left h2 {
    margin: 30px 0 15px;
  }

  div#divContent div.box div.middle div.product_list div.right {
    float: right;
    width: 520px;
    padding: 0 0 0 36px;
    border-left: 1px dotted #24688C;
  }
  
  div#divContent div.box div.middle div.product_list div#groups {
    width: 490px !important; 
  }

  div#divContent div.box div.middle div.product_list div.right div.productsGroups {
    float: left;
    margin: 10px 10px 0 10px;
  }
  
  a#stickyGroup {
    background: url('../../images/product_category/sticky_btn.png') no-repeat;
    width: 217px;
    height: 146px;
    display:block;
  }
  a#shortGroup {
    background: url('../../images/product_category/short_btn_w1.png') no-repeat;
    width: 217px;
    height: 146px;
    display:block;
  }  
  a#mediumGroup {
    background: url('../../images/product_category/medium_btn.png') no-repeat;
    width: 217px;
    height: 146px;
    display:block;
  }   
  a#longGroup {
    background: url('../../images/product_category/long_btn_w1.png') no-repeat;
    width: 217px;
    height: 146px;
    display:block;
  }
  a#jasminGroup {
    background: url('../../images/product_category/jasmin_btn.png') no-repeat;
    width: 217px;
    height: 146px;
    display:block;
  }
  a#basmatiGroup {
    background: url('../../images/product_category/basmati_btn_w2.png') no-repeat;
    width: 217px;
    height: 146px;
    display:block;
  }
  a#brownGroup {
    background: url('../../images/product_category/brown_btn_w1.png') no-repeat;
    width: 217px;
    height: 146px;
    display:block;
  }
  a#organicGroup {
    background: url('../../images/product_category/organic_btn.png') no-repeat;
    width: 217px;
    height: 146px;
    display:block;
  }  
  a#stickyGroup:hover,
  a#shortGroup:hover,
  a#mediumGroup:hover,
  a#longGroup:hover,
  a#jasminGroup:hover,
  a#basmatiGroup:hover,
  a#brownGroup:hover,
  a#organicGroup:hover
  {
    background-position: 0 -146px; 
  }  
  
  div#divContent div.box div.middle div.product_list div.right div.product {
    clear: both;
    margin: 0 0 20px;
    padding: 0 0 15px;
    overflow: auto;
    border-bottom: 1px dotted #24688C;
  }

  div#divContent div.box div.middle div.product_list div.right div.product_last {
    border: 0;
  }

  div#divContent div.box div.middle div.product_list div.right div.product a.image,
  div#divContent div.box div.middle div.product_list div.right div.product div {
    float: left;
  }

  div#divContent div.box div.middle div.product_list div.right div.product a.image {
    display: block;
    width: 245px;
    text-align: center;
  }

  div#divContent div.box div.middle div.product_list div.right div.product div {
    width: 263px;
    padding: 0 0 0 12px;
  }

  div#divContent div.box div.middle div.product_list div.right div.product div div {
    width: 263px;
    padding: 0;
    text-align: center;
  }

  div#divContent div.box div.middle div.product_list div.right div.product span.link {
    display: block;
    padding: 2px 0 0;
    text-align: center;
  }

  div#divContent div.box div.middle div.product_list div.right div.product span.link,
  div#divContent div.box div.middle div.product_list div.right div.product span.link * {
    color: #3E91BD;
    font-size: 11px;
    line-height: 13px;
  }

  div#divContent div.box div.middle div.product_list div.right h2 {
    margin: 0 0 20px;
  }


  /*** product item ***/

  div#divContent div.box div.middle div.product_item div.left,
  div#divContent div.box div.middle div.product_item div.right {
    height: auto;
  }

  div#divContent div.box div.middle div.product_item div.left {
    float: left;
    width: 640px;
    min-height: 650px;
    height: auto !important;
    height: 650px;
    padding: 0 26px 0 0;
    border-right: 1px dotted #24688C;
  }

  div#divContent div.box div.middle div.product_item div.left a,
  div#divContent div.box div.middle div.product_item div.left p {
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 8px;
  }

  div#divContent div.box div.middle div.product_item div.left dl dt {
    display: inline;
    padding: 10px 10px 0 0;
  }

  div#divContent div.box div.middle div.product_item div.left h3 {
    padding: 15px 0 0;
  }

  div#divContent div.box div.middle div.product_item div.left h3 a {
    font-size: 12px;
    line-height: 15px;
    text-decoration: underline;
  }

  div#divContent div.box div.middle div.product_item div.left h3 a:hover {
    color: #3E91BD;
    text-decoration: none;
  }

  div#divContent div.box div.middle div.product_item div.left p,
  div#divContent div.box div.middle div.product_item div.left div.productDescription {
    position: relative;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 8px;
    font-family: arial,sans-serif;
  }

  div#divContent div.box div.middle div.product_item div.left div.productDescription p img {
    position: static;
  }
  
  div#divContent div.box div.middle div.product_item div.left p img {
    position: absolute;
    top: -60px;
    right: 0;
    z-index: 10;
  }
  
  #divProductImages {
    width: 660px;
  }
  #divProductImages img#productMain {
    float: left; 
  }
  #divProductImages ul#productImages {
    float: right; 
    margin: 0;
    text-align: right;
  }
  #divProductImages ul#productImages li {
    list-style: none; 
  }
  #divProductImages ul#productImages li img {
    text-align: right; 
  }
  
  

  div#divContent div.box div.middle div.product_item div.right {
    float: right;
    width: 233px;
    padding: 0 0 0 26px;
  }

  div#divContent div.box div.middle div.product_item div.right div.product {
    padding: 0 0 18px;
  }

  div#divContent div.box div.middle div.product_item div.right div.product p {
    margin-top: 5px;
  }

  div#divContent div.box div.middle div.product_item h2 {
    margin: 0 0 15px;
  }


  /*--- TABS STYLING --- */
  div#divContent div.box div.middle div.tabs {
    height: 100%;
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs {
    height: auto;
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs ul {
   margin: 0;
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs ul li a {
    font-size: 11px;
    text-transform: uppercase; 
    text-decoration: none;
    margin: 0;
  }



  /*--- cooking instructions -- */
  
  div#divContent div.box div.middle div.tabs div#divProductTabs table ul {
    margin: 0 0 10px 20px !important; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs table ul li {
    font-size: 12px;    
  }

  /*--- nutritional table STYLING --- */

  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo {
    
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable {
   font-size: 10px; 
   
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable div.col {
   width:180px;
   float:left; 
   margin-right: 10px;
  }
    
    
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable  dt{
   display: block;
   padding: 2px 0;
   margin: 0;
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.boldest-bottom-border {
    border-bottom: 4px solid black; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.bold-bottom-border {
    border-bottom: 2px solid black; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.bottom-border {
    border-bottom: 1px solid black;
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.small-bold-font {
    font: bold 9px arial; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.right-align {
    text-align: right; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt span.right-align {
    float:right;
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.level-1 {
   margin-left: 10px; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.level-2 {
   margin-left: 20px; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.level-3 {
   border-bottom: 4px solid black;  
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.headerAddInfo {
   color: #3E91BD; 
  }

  /*--- Glycemic index STYLING --- */

  div#divContent div.box div.middle div.tabs div#divProductTabs  div.glycScoreHeader {
    color: #3E91BD;
    text-align: center;
    width: 150px;
    font-size: 20px;
    padding-bottom: 20px;
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs  div.glycScore {
    color: #3E91BD;
    font-size: 30px;
    text-align: center;
  }


  .ui-widget-content {
    border: none; 
  }
  .ui-widget-header {
    background: white;
    border:none;
    margin: 0;
    padding: 0;
  }
  .ui-tabs .ui-tabs-nav {
   padding: 0; 
  }
  .ui-tabs .ui-tabs-nav li {
   margin: 0; 
  }
  .ui-state-default, .ui-widget-content .ui-state-default {
   background: url( ../../images/background_product_tab.png ) no-repeat;
   background-color: #f3eded; 
   border:1px solid #999999;
  }
  .ui-tabs .ui-tabs-nav .ui-tabs-selected  {
   background: url( ../../images/background_product_tab_selected.png ) repeat-x;
   background-color: white; 
  }
  .ui-tabs-selected a {
   font-weight: bold; 
  }
  .ui-state-hover, .ui-widget-content .ui-state-hover {
    background: url( ../../images/background_product_tab.png ) no-repeat; 
    border-bottom: none !important;
  }
  .ui-tabs .ui-tabs-panel {
   padding: 10px 10px;
  }
  div#tabs-1,
  div#tabs-2,
  div#tabs-3,
  div#tabs-4 {
    border: 1px solid #999999;
    height: 100%;  
  }

  .ui-corner-bottom {
    -moz-border-radius-bottomright: 0; 
    -moz-border-radius-bottomleft: 0;
  }
}

@media print {
  div#divContent div.module div.box div.middle,
  div#divContent div.module div.box div.middle div.product_list div.left,
  div#divContent div.module div.box div.middle div.product_list div.right,
  div#divContent div.module div.box div.middle div.product_list {
    display: block;
  }
  
  
    
  div#divContent div.screen,
  div#divContent div.shadow,
  div#divContent div.box div.top,
  div#divContent div.box div.bottom,
  div#divContent div.box div.middle div.left {

    display: block;
  }
  
  div#divContent div.module div.box div.middle a img {
    border: 0;
  }
  div#divHeader div.content form,
  div#divHeader div.content dl,
  div#divContent div.module div.box div.top,
  div#divContent div.module div.box div.bottom,
  div#divContent div.module div.box div.middle div.product_list div.left h2,
  div#divContent div.module div.box div.middle ul.breadcrumb {
    display: none;
  }
  
  div#divContent div.box div.middle div.product_list div.left,
  div#divContent div.box div.middle div.product_list div.right {
    height: auto;
    width: 96%;
    border-left: 0;
  }

  div#divContent div.box div.middle div.product_list div.left {
    float: left;
    width: 96%;
    padding: 0 26px 0 0;
  }

  div#divContent div.box div.middle div.product_list div.left a,
  div#divContent div.box div.middle div.product_list div.left p {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 8px;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe {
    display: none;
    clear: both;
    margin: 0 0 20px;
    overflow: auto;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe div {
    float: right;
    width: 170px;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe div a,
  div#divContent div.box div.middle div.product_list div.left div.recipe div li,
  div#divContent div.box div.middle div.product_list div.left div.recipe div p {
    font-size: 11px;
    line-height: 14px;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe div table {
    font-size: 10px;
    line-height: 13px;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe div h3 {
    margin-top: 2px;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe div ul {
    margin: 0 0 0 20px;
  }

  div#divContent div.box div.middle div.product_list div.left div.recipe img {
    float: left;
    width: 160px;
    margin: 0 12px 0 0;
  }

  div#divContent div.box div.middle div.product_list div.left h2 {
    margin: 30px 0 15px;
  }

  div#divContent div.box div.middle div.product_list div.right {
    float: right;
    width: 95%;
    padding: 0 0 0 36px;
    border-left: 1px dotted #24688C;
  }

  div#divContent div.box div.middle div.product_list div.right div.product {
    clear: both;
    margin: 0 0 20px;
    padding: 0 0 15px;
    overflow: auto;
    border-bottom: 1px dotted #24688C;
  }

  div#divContent div.box div.middle div.product_list div.right div.product_last {
    border: 0;
  }

  div#divContent div.box div.middle div.product_list div.right div.product a.image,
  div#divContent div.box div.middle div.product_list div.right div.product div {
    float: left;
  }

  div#divContent div.box div.middle div.product_list div.right div.product a.image {
    display: block;
    width: 245px;
    text-align: center;
  }

  div#divContent div.box div.middle div.product_list div.right div.product div {
    width: 263px;
    padding: 0 0 0 12px;
  }

  div#divContent div.box div.middle div.product_list div.right div.product div div {
    width: 263px;
    padding: 0;
    text-align: center;
  }

  div#divContent div.box div.middle div.product_list div.right div.product span.link {
    display: block;
    padding: 2px 0 0;
    text-align: center;
  }

  div#divContent div.box div.middle div.product_list div.right div.product span.link,
  div#divContent div.box div.middle div.product_list div.right div.product span.link * {
    color: #3E91BD;
    font-size: 10px;
    line-height: 13px;
  }

  div#divContent div.box div.middle div.product_list div.right h2 {
    margin: 0 0 20px;
  }


  /*** product item ***/

  div#divContent div.box div.middle div.product_item div.left,
  div#divContent div.box div.middle div.product_item div.right {
    height: auto;
  }

  div#divContent div.box div.middle div.product_item div.left {
    float: left;
    width: 640px;
    min-height: 650px;
    height: auto !important;
    height: 650px;
    padding: 0 26px 0 0;
    border-right: 1px dotted #24688C;
  }

  div#divContent div.box div.middle div.product_item div.left a,
  div#divContent div.box div.middle div.product_item div.left p {
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 8px;
  }

  div#divContent div.box div.middle div.product_item div.left dl dt {
    display: inline;
    padding: 10px 10px 0 0;
  }

  div#divContent div.box div.middle div.product_item div.left h3 {
    padding: 15px 0 0;
  }

  div#divContent div.box div.middle div.product_item div.left h3 a {
    font-size: 12px;
    line-height: 15px;
    text-decoration: underline;
  }

  div#divContent div.box div.middle div.product_item div.left h3 a:hover {
    color: #3E91BD;
    text-decoration: none;
  }

  div#divContent div.box div.middle div.product_item div.left p {
    position: relative;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 8px;
  }

  div#divContent div.box div.middle div.product_item div.left p img {
    position: absolute;
    top: -60px;
    right: 0;
    z-index: 10;
  }

  div#divContent div.box div.middle div.product_item div.right {
    float: right;
    width: 233px;
    padding: 0 0 0 26px;
  }

  div#divContent div.box div.middle div.product_item div.right div.product {
    padding: 0 0 18px;
  }

  div#divContent div.box div.middle div.product_item div.right div.product p {
    margin-top: 5px;
  }

  div#divContent div.box div.middle div.product_item h2 {
    margin: 0 0 15px;
  }


  /*--- TABS STYLING --- */
  div#divContent div.box div.middle div.tabs {
    height: 100%;
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs {
    height: auto;
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs ul {
   margin: 0;
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs ul li a {
    font-size: 11px;
    text-transform: uppercase; 
    text-decoration: none;
    margin: 0;
  }




  /*--- nutritional table STYLING --- */

  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo {
    
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable {
   font-size: 10px; 
   
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable div.col {
   width:180px;
   float:left; 
   margin-right: 10px;
  }
    
    
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable  dt{
   display: block;
   padding: 2px 0;
   margin: 0;
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.boldest-bottom-border {
    border-bottom: 4px solid black; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.bold-bottom-border {
    border-bottom: 2px solid black; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.bottom-border {
    border-bottom: 1px solid black;
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.small-bold-font {
    font: bold 9px arial; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.right-align {
    text-align: right; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt span.right-align {
    float:right;
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.level-1 {
   margin-left: 10px; 
  }
  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.level-2 {
   margin-left: 20px; 
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs div#divNutInfo dl#nutTable dt.headerAddInfo {
   color: #3E91BD; 
  }

  /*--- Glycemic index STYLING --- */

  div#divContent div.box div.middle div.tabs div#divProductTabs  div.glycScoreHeader {
    color: #3E91BD;
    text-align: center;
    width: 150px;
    font-size: 20px;
    padding-bottom: 20px;
  }

  div#divContent div.box div.middle div.tabs div#divProductTabs  div.glycScore {
    color: #3E91BD;
    font-size: 30px;
    text-align: center;
  }


  .ui-widget-content {
    border: none; 
  }
  .ui-widget-header {
    background: white;
    border:none;
    margin: 0;
    padding: 0;
  }
  .ui-tabs .ui-tabs-nav {
   padding: 0; 
  }
  .ui-tabs .ui-tabs-nav li {
   margin: 0; 
  }
  .ui-state-default, .ui-widget-content .ui-state-default {
   background: url( ../../images/background_product_tab.png ) no-repeat;
   background-color: #f3eded; 
   border:1px solid #999999;
  }
  .ui-tabs .ui-tabs-nav .ui-tabs-selected  {
   background: url( ../../images/background_product_tab_selected.png ) repeat-x;
   background-color: white; 
  }
  .ui-tabs-selected a {
   font-weight: bold; 
  }
  .ui-state-hover, .ui-widget-content .ui-state-hover {
    background: url( ../../images/background_product_tab.png ) no-repeat; 
    border-bottom: none !important;
  }
  .ui-tabs .ui-tabs-panel {
   padding: 10px 10px;
  }
  div#tabs-1,
  div#tabs-2,
  div#tabs-3,
  div#tabs-4 {
    border: 1px solid #999999;
    height: 100%;  
  }

  .ui-corner-bottom {
    -moz-border-radius-bottomright: 0; 
    -moz-border-radius-bottomleft: 0;
  }
}