/**
 * PRODUCT INFO STYLES
 *
 * @author Sean Kelly
 * @version $Id: recipes.css,v 1.33 2008/01/22 15:17:40 akatz Exp $
 */

#recipesBody #main #content {
  width: 600px;
}

#recipesBody #main #content h2 {
    font: bold 14px Georgia,serif;
    float: left;
    margin: 0;
    padding: 0;
    color: #b61d21;
}
#recipesBody #main #content h3 {
    font: italic 14px Georgia,serif;
    width: 291px;
    padding: 0 0 2px 0;
    margin: 0;
}
    #recipesBody #main #content h3 a {
        color: #000000;
    }
    #recipesBody #main #content p{
      display: inline;
      float: left;
    }
    #recipesBody #main #content div p{
      float: none;
    }
 #recipesBody #main #content #recipe p {
   float: left;
 }
#product-shot {
    border: 1px solid #000;
    float: left;
    margin: 0 12px;
}
    #product-shot img {
        display: block;
        margin: 5px;
        border: none;
    }
    
#product-info {
  overflow: hidden;
}
#product-info, #recipe-list {
    margin-top: 50px;
}

#recipe-list {
}

#test {
  float: left;
  width: 260px;
  margin-left: 57px;
}

#recipe-list select {
  display: inline;
  float: none;
}
#content #recipe-list p.view-link {
  margin-top: 0;
  margin-bottom: 10px;
}

#content #recipe-list .view-link a {
  color: #251703;
}

    #content #product-info p.send-friend {
        margin: 0 0px 10px 450px;  
        width: 90px;
    }

#sold-out {
	background: url(../images/prod-out-of-stock.gif) top left no-repeat;
	width: 242px;
	height: 26px;
	position: absolute;
	left: 25px;
	top: 158px;
	text-indent: -999em;
	overflow: hidden;
	margin: 0;
}
#recipesBody #content #product-model {
    display: block;
    position: absolute;
    top: 100%;
    left: 15px;
    color: #a4967f;
    /**
     * So it stays in the lower left */
    font-size: 11px !important;
    margin: -26px 0 0 0;
}

#recipesBody #product-info form {
  float: none;
  display: inline;
}

#product-info form {
    margin: 2em 0 1em 0;
}
#product-info form legend {
    display: none;
}
#recipesBody select#cart_quantity {
    float: left;
    font: 11px/14px Georgia,serif;
    margin: 0 9px 0 0;
    
}
    #recipesBody select#cart_quantity option {
        margin: 0 1em 0 0;
    }

#recipesBody #also-available {
    float: none;
    margin: 1em 0 2em 0;
}
    
    #recipesBody dl#also-available dt {
        font-weight: bold;
    }
    #recipesBody dl#also-available dt:after {
        content: ':';
    }
/**
 * Take away bottom dotted line */
#recipesBody #product-list li {
    height: 206px;
}
    
/**
 * PRODUCT INFO STYLES
 */
/*
 * CSS for Nutritional info
 */
     
#nutritional_info_popper {
    /**
     * Center it inside product window */
}
    #nutritional_info_popper iframe {
    }
    #nutritional_info_popper .rr1  {
    }
    #nutritional_info_popper h4 {
        margin-bottom: 0;
    }
    #nutritional_info_popper table,
    #nutritional_info_popper p {
        width: 280px;
    }
        #nutritional_info_popper table tr.serving td{
            padding-top: 0;
            font: bold 12px "Book Antiqua","Times New Roman",Times,serif;
        }
        #nutritional_info_popper table tr td {
            font: normal 10px Georgia,serif;
            padding: 5px 0 5px 5px;
            background: none;
        }

        #nutritional_info_popper table tr.l1 td {
            padding-top: 7px;
            border-top: 5px solid #472a00;
        }

        #nutritional_info_popper table tr.l2 td {
            border-top: 3px solid #472a00;
        }

        #nutritional_info_popper table tr.l3 td {
            background: url(../images/dotted-bg.gif) repeat-x;
        }
/**
 * Center it inside product window */
#product_serving_popper {
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;

	height: 1px;

	overflow: visible;
    z-index: 1000;
}
    /**
     * Center it inside product window */
    #product_serving_popper .rr1  {
        text-align: left;
        width: 400px;
    	margin-left: -305px;

    	position: absolute;

    	top: 150px;

    	left: 50%;
    }
    #product_serving_popper h5 {
        font-style: italic;
    }
    #product_serving_popper h6 {
        font-size: 12px;
        padding-top: 20px;
        padding-bottom: 15px;
        border-top: 4px solid #000000;
    }
    #product_serving_popper p {
        font-size: 12px;
        padding-top: 15px;
        margin-bottom: 15px;
        border-top: 1px dotted #cccccc;
    }

#product_image_popper {
    /**
     * Center it inside product window */
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
	height: 1px;
	overflow: visible;
    z-index: 1000;
}

    #product_image_popper .rr1 {
        width: 440px;
    	margin-left: -320px;
    	position: absolute;
    	top: 150px;
    	left: 50%;
    }
    #product_image_popper iframe {
        height: 600px;
    }
    #product_image_popper img {
        border: none;
    }
    
    #send_friend_popper {
        /**
         * Center it inside product window */
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
    	height: 1px;
    	overflow: visible;
        z-index: 1000;
    }

        #send_friend_popper .rr1 {
            width: 485px;
        	margin-left: -320px;
        	position: absolute;
        	top: 150px;
        	left: 50%;
        }
        #send_friend_popper iframe {
            height: 600px;
        }
        #send_friend_popper img {
            border: none;
        }
        
        #print_popper {
            /**
             * Center it inside product window */
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
        	height: 1px;
        	overflow: visible;
            z-index: 1000;
        }

            #print_popper .rr1 {
                width: 485px;
            	margin-left: -11px0px;
            	position: absolute;
            	top: 150px;
            	left: 50%;
            }
            #print_popper iframe {
                height: 600px;
            }
            #print_popper img {
                border: none;
            }
        
/* Recipe List*/

#recipesBody #content h1 {
  margin-top: 50px;
}

#recipesBody #content p {
  margin: 10px 0 0;
  width: 50%;
}
#recipesBody #content p, #recipe-list {
  width: 260px;
}
#recipesBody #content p a.submit-recipe {
  display: block;
  background: url('../buttons/english/submit-recipe.gif') no-repeat scroll top left;
  width: 145px;
  height: 21px;
  text-indent: -376656px;
  margin-top: 10px;
}
#recipe-list p {
  overflow: hidden;
  float: none;
  clear: both;
}

#recipesBody #main #content #recipe-list h2 {
  margin-bottom: 5px;
  clear: both;
  letter-spacing: .5px;
}

#recipesBody #main #content #recipe-list p {
  margin-left: 0;
  display: block;
  width: 100%;
}

#recipesBody #content h1, #recipesBody #content p, #recipesBody #content #recipe-list,  .related-product{
  margin-left: 57px;
}

/*.recipe-image {
  width: 240px;
}*/
.recipe-image {
  width: 240px;
  float: right;
}

/*.callout {
  float: right;
  width: 240px;
  margin: 25px 28px 0 0;
}*/

.callout {
  display: inline;
  float: left;
  margin-left: 28px;
  top: 280px;
  margin-right: 15px;
}

#recipesBody .callout .info-box {
  margin: 0;
  width: 232px;
}
#recipesBody .callout .info-box-inner {
}

#recipesBody #main #content .callout .info-box-inner p{
  margin-top: 5px;
  width: auto;
  float: left;
}
/* Recipe Display*/
#recipesBody .info-box {
  margin-right: 41px;
  overflow: hidden;
  padding: 3px;
  clear: both;
  width: 498px;
}

#recipesBody span {
  display: block;
  font-weight: bold;
}

#recipesBody .info-box-inner {
}

#recipesBody .info-box-inner h4{
  float: right;
  margin-right: 10px;
}

#recipesBody #content .info-box-inner p {
  float: right;
  width: auto;
  margin: 0 10px 10px 0;
}

#recipesBody #main #content .info-box-inner h2 {
  text-align: left;
  margin-right: 10px;
  letter-spacing: .5px;

}

#recipesBody #main #content .callout .info-box-inner h2 {
  float: none;
}

#recipesBody #content .info-box-inner img {
  border: none;
  width: 190px;
  float: left;
  margin-left: 19px;
}
#recipesBody #product-info a{
  float: right;
  margin: 0px 43px 10px 0;
  color: #251703;
  font-weight: bold;
}
#recipesBody #product-info .related-product a{
  margin: 0;
  float: none;
}

#recipesBody #product-info .product-name-titles a {
	font-size: 1.8em;
	color: #cc0000;
	line-height: 1.3em;
}

#recipesBody #product-info .product-price {
	margin-bottom: -7px;
}

#recipesBody #product-info .info-box a{
  float: left;
  margin: 0 0 0 10px;
  color: #251703;
  font-weight: bold;
}

#recipesBody #product-info a.popper_handle{
  margin-top: 0;
}

#recipesBody #product-info .info-box-inner a.popper_handle{
  margin: 13px 0 0 19px;
}

#recipesBody #product-info a.popper_handle#product_image{
  margin: 0;
  height: auto;
  width: auto;
  margin: 0 10px 0 19px;
  background: none;
  float: none;
}

#recipesBody #product-info p {
  width: 543px;
  overflow: hidden;
/*  margin: 10px 0;*/

}



.related-product {
  overflow: hidden;
  width: 400px;
  margin-bottom: 10px;
}

.related-product img, .related-product p {
  float: left;
  margin-bottom: 10px;
}
#recipesBody #product-info .related-product p {
  width: 200px;
    margin-left: 10px;
}
.related-product .info-box-bot {
    margin-right: 3px;
    margin-top: 10px;
    height: 3px;
    font-size: 1%;
    background: url(../images/dotted-bot-bg.gif);
    clear: both;
}

.info-box-inner .popper_handle {
  background: url(../images/enlarge.gif) no-repeat;
  text-indent: -376656px;
  height: 11px;
  width: 76px;
}

.info-box-inner .buttons .print-button {
  background: transparent none;
  text-indent: 0;
  height: auto;
  width: auto;
}

.product-name {
  font-weight: bold;
}

#recipesBody #product-info a.print-button {

  float: right;
  margin: 10px 0 0 0 ;
  font-weight: normal;
  font-size: 11px;
}

#recipesBody .pagination p, #recipesBody .pagination form {
  float: left;
  margin-top: 10px;
}

#recipesBody #main #content .no-image .info-box-inner h2,
#recipesBody #main #content .no-image .info-box-inner p,
#recipesBody #main #content .no-image .info-box-inner h4 {
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  float: none;
  clear: both;
}
#recipesBody #main #content .info-box-inner .buttons {
  float: left;
  width: 200px;
  display: none;
}

#recipesBody #main #content .info-box-inner #recipe {
  float: left;
  width: 276px;
}

#recipesBody #main #content .no-image .info-box-inner #recipe {
  width: auto;
}

/* Print Preview Stuff*/

/*#print_popper {
  width: auto;
}*/

/*.overlay {
  width: 100%;
  height: 100%;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  background: url('../images/overlay-black.png') repeat;
}

#print_popper {
  position: fixed;
  z-index: 1000;
  background-color: #fff;
  height: 100%;
}*/


#print_popper .info-box, 
#print_popper .info-box-inner {
  background: #FFFBF2 none;
  border: none;
  width: 100%;
}

#print_popper h2, #print_popper p, #print_popper h4 {
  margin-left: 15px;
}

#print_popper h2 {
  margin: 15px 0 0 15px;
  padding: 0;
}

#print_popper h2, #print_popper p {
  text-align: left;
  clear: both;
}

#print_popper p {
  margin-right: 15px;
  margin-bottom: 10px;
}

#recipesBody #print_popper h4 {
  float: left;
  clear: both;
  text-align: left;
}

#print_popper .buttons {

  margin: 15px 0 0 0;

}

/*#print_popper .buttons .cancel {
  display: block;
  text-indent: -376656px;
  float: right;
  background: url('../images/cancel.gif') no-repeat scroll top left;
  width: 20px;
  height: 20px;
  margin-right: 15px;
}*/
#print_popper .buttons .print-button{
  display: block;
  margin-left: 15px;
  background: url('../images/print.gif') no-repeat scroll top left;
  line-height: 20px;
  height: 20px;
  text-indent: 23px;
  float: left;
}