/********************************************
			Base Layout 			 	    *
*********************************************/
/***************************
		Global		       * 
****************************/
#bg-gradient {position: absolute; height: 875px; width: 100%; opacity: .6; filter:alpha(opacity=60); background: url(../images/bg_white_gradient.png) repeat-x;}
#wrapper {position: relative; height: 100%; width: 993px; margin: 0 auto 0 auto;}
.georgia {font-family: Georgia;}
.no-display{display: none;}
.visible{display: inline;}
.center{margin: auto;}
/**************
	form
***************/
.required{color: #d69d7a;}
/* Form Messages */
.validation-advice, .required {color:#a30400;}
.validation-advice {clear:both; font-size: 11px;}
.validation-failed {border:1px solid #d69d7a !important;}

/*******************************************
			Header					       *
********************************************/
/***************************
		Global		       * 
****************************/

#header {position: relative; height: 120px;	width: 100%;}
#masthead {float: left;	width: 404px; height: 100%;	background: url(../images/masthead.png) no-repeat bottom center;}
.logo {position: absolute; width: 360px; height: 103px; margin-top: 80px; left: 313px; z-index: 4;}


/************
	Navbar
*************/
#nav-left {float: left;	width: 290px; height: 100%;}
#navbar-left {position: relative; top: 93px; left: 10px; width: 257px; height: 23px; background: url(../images/navbar_left.png) no-repeat;}
#navbar-left ul{width: 255px; margin-left: 10px;}
#navbar-left li {display: inline; margin-right: 15px; margin-left: 12px;}
#nav-right {float: left; width: 290px; height: 100%;}
#navbar-right {	position: relative;	top: 93px; left: 18px; width: 256px; height: 23px; background: url(../images/navbar_right.png) no-repeat;}
#navbar-right ul{width: 270px; margin-left: 10px;}
#navbar-right li{display:inline; margin-right: 10px; margin-left: 15px;}
.nav ul {position: relative; top: 1px; margin: auto; font-size: 11px;}
.nav a {height: 23px; color: #c2950e; text-decoration: none;}
.nav a:hover{color: #655223;}
.nav a:active{color: #655223;}
ul.subnav{display: none;}

/***************************
		Home Page	       * 
****************************/
#slogan {position: absolute;top: 85px;left: 352px;width: 281px;	height: 28px;background: url(../images/homepage/slogan.jpg) no-repeat;}


/*******************************************
			Main Content 				   *
********************************************/
/***************************
		Global		       * 
****************************/
#content {position: relative; width: 100%;}

/*************
	Frame Style 1
**************/
#frame1 .top-left {position: absolute;	width: 45px; height: 45px;	top: -1px; left: -4px; z-index: 2; background: url(../images/frame1/left_tan_corner.png) no-repeat;}
#frame1 .top{position: absolute; height: 24px; left: 41px; top: -1px; z-index: 2; background: url(../images/frame1/top_tan_bar.png) repeat-x;}
#frame1 .top-right{position: absolute; width: 45px; height: 45px; top: -1px; left: 940px; z-index: 2; background: url(../images/frame1/right_tan_corner.png) no-repeat;}
#frame1 .left {position: absolute; width: 27px; top: 44px;	left: -4px;	background: url(../images/frame1/left_tan_bar.png) repeat-y;	z-index: 2;}
#frame1 .right {position: absolute; width: 27px; top: 44px; left: 960px; background: url(../images/frame1/right_tan_bar.png) repeat-y;	z-index: 2;}
#image-holder {	position: relative; width:950px; top: 16px; margin-left: 15px; z-index: 1;}

/**************
	Frame Style 2 
***************/
#frame2 .top{position: relative; width: 980px; height: 45px; margin-left: -2px; margin-top: -1px; background: #fefcf6;}
#frame2 .top-left {position: absolute;	width: 45px; height: 46px;	top: -1px; left: -4px; z-index: 2; background: url(../images/frame2/corner_top_left.png) no-repeat;}
#frame2 .top-middle{position: absolute; width: 906px; height: 24px; left: 39px; top: -1px; z-index: 2; background: url(../images/frame2/tan_bar_top.png) repeat-x;}
#frame2 .top-right{position: absolute; width: 45px; height: 46px; top: -1px; left: 945px; z-index: 2; background: url(../images/frame2/corner_top_right.png) no-repeat;}
#frame2 .middle{position: relative; width: 992px; margin-left: -6px; padding-top: 50px; padding-bottom: 50px; background: url(../images/frame2/middle_cross_section.png) repeat-y;}
#frame2 .bottom{position: relative; width: 992px; height: 25px; margin-left: -6px;}
#frame2 .bottom-left{position: absolute; width: 20px; height: 23px; background: url(../images/frame2/corner_bottom_left.png) no-repeat;}
#frame2 .bottom-middle{position: absolute; width: 950px; height: 25px; left: 20px; background: url(../images/frame2/tan_bar_bottom.png) repeat-x left -2px;}
#frame2 .bottom-right{position: absolute; width: 22px; height: 23px; left: 970px; background: url(../images/frame2/corner_bottom_right.png) no-repeat;}

/**************
	Frame Style 3
***************/
#frame3 .top{position: relative; width: 992px; height: 50px; margin-left: -6px; margin-top: -1px; z-index: 2; background: url(../images/frame3/top_tan_bar.png) no-repeat;}
#frame3 .middle{position: relative; width: 969px; margin-left: 5px; margin-top: -45px; padding-top: 50px; background: url(../images/frame3/card_cross_section.png) repeat-y;}
#frame3 .bottom{position: relative; width: 969px; height: 73px; margin-left: 5px; margin-bottom: 5px; background: url(../images/frame3/card_bottom.png) no-repeat;}

/**************
	Frame Style 4
***************/
#frame4 .top{position: relative; width: 991px; height: 47px; margin-left: -4px; margin-top: -1px; background: url(../images/frame4/top_tan_bar.png) no-repeat;}
#frame4 .middle{position: relative; width: 991px; margin-left: -4px; background: url(../images/frame4/middle_cross_section.png) repeat-y;}
#frame4 .bottom{position: relative; width: 991px; height: 47px; margin-left: -4px; background: url(../images/frame4/bottom_tan_bar.png) no-repeat;}

/***************************
		Home Page		   * 
****************************/

/**************
	Spotlight 
***************/
#spotlight {position: absolute; width: 298px; height: 324px; left: 15px; top: 10px; z-index: 4;}
#spotlight img {width: 298px; height: 324px;}

/**************
	Frame Style 1 
***************/
#frame1 .home-top {width: 899px;}
#frame1 .home-left {height: 343px;}
#frame1 .home-right{height: 343px;}
.homepage-image{height: 370px;}

/**************
	cigar wrap
***************/
#cigar-wrap{position: relative; width: 1000px; height: 110px; margin-left: -7px; margin-top: -20px; z-index: 3;}
#cigar-wrap .left{position: relative; float: left; width: 16px; height: 91px; top: 30px; background: url(../images/homepage/cigarwrap_left.png) no-repeat;}
#cigar-wrap .left-band{position: relative; float: left; width: 395px; height: 91px; margin-right: 90px; top: 33px; background: url(../images/homepage/cigarwrap_tile.png) repeat-x;}
#cigar-wrap .logo-middle{position: absolute; width: 277px; height: 153px; left: 360px; margin-top: -8px; z-index: 4; background: url(../images/homepage/idahoan_logo.png) no-repeat;}
#cigar-wrap .right-band{position: relative; float: left; width: 388px; height: 91px; margin-left: 90px; top: 33px; background: url(../images/homepage/cigarwrap_tile.png) repeat-x;}
#cigar-wrap .right{position: relative; float: left; width: 21px; height: 91px; top: 30px; background: url(../images/homepage/cigarwrap_right.png) no-repeat;}

/**************
	bottom 
***************/
#bottom-tier {position: relative; height: 185px; width: 982px; margin-top: 5px;}
#bottom-tier .left-shadow {position:absolute; height: 182px; width: 4px; left: -4px; background: url(../images/homepage/drop_shadow_left.png) repeat-y;}
#bottom-tier .right-shadow {position:absolute; height: 182px; width: 4px; left: 982px; background: url(../images/homepage/drop_shadow_right.png) repeat-y;}
#left-chip {position: relative;	float: left; width: 239px; height: 185px; cursor:pointer; background: url(../images/homepage/idahoan_questions.jpg) no-repeat;}
#left-chip a{position: absolute; top: 140px; left: 75px; font-size: 11px; color: #cfa32c;}
/* middle chip flash */
#middle-chip {position: absolute; width: 515px;	height: 215px; top: -1px; left: 230px;	z-index: 2;}
#middle-chip .left{position: absolute; width: 16px; height: 213px; background: url(../images/homepage/flash_box_left_bar.png) no-repeat;}
#middle-chip .middle{position: absolute; width: 491px; height: 203px; left: 16px; background: url(../images/homepage/flash_box_background_tile.png) repeat-x;}
#middle-chip .right{position: absolute; width: 16px; height: 213px; left: 507px; background: url(../images/homepage/flash_box_right_bar.png) no-repeat;}
#middle-chip .bottom{position: absolute; width: 491px; height: 10px; left: 16px; top: 203px; opacity: .60; background: url(../images/homepage/flash_bottom_gradient.png) repeat-x;}
#potato_scroller_homepage{position: absolute; left: 11px; top: 20px;}

#right-chip {position: relative; float: right; width: 238px; height: 185px; cursor:pointer;	background: url(../images/homepage/idahoan_good_housekeeping_home.jpg) no-repeat;}
#right-chip a{position: absolute; top: 140px; left: 75px; font-size: 11px; color: #cfa32c;}
.bottom-shadow{position: relative; width: 992px; height: 10px; clear: both; margin-left: -4px; z-index: -1;}
.bottom-shadow .left{position: relative; float: left; width: 8px; height: 10px; margin-top: -3px; background: url(../images/homepage/drop_shadow_left_corner.png) no-repeat;}
.bottom-shadow .middle{position: relative; float: left; width: 974px; height: 7px; background: url(../images/homepage/drop_shadow_bottom.png) repeat-x;}
.bottom-shadow .right{position: relative; float: left; width: 8px; height: 10px; margin-top: -3px; background: url(../images/homepage/drop_shadow_right_corner.png) no-repeat;}

/***************************
		Product Page       * 
****************************/
/**************
	Frame Style1 
***************/
#frame1 .product-top{width:899px;}
#frame1 .product-left{height: 378px;}
#frame1 .product-right{height: 378px;}
.product-img-bg {height: 422px;}

/**************
	Product Info
***************/
#product-info{position: absolute; width: 719px; height: 337px; left: 131px; margin-top: -337px; z-index: 1;}
#product-info .top{position: absolute; width: 719px; height: 65px; left: 0; top: 0; background: url(../images/product/info_card_top.png) no-repeat;}
#product-info .body-content{position: absolute; width: 719px; height: 272px; left: 0; top: 65px; background: url(../images/product/info_card_cross_section.png) repeat-y;}
.package-view{position: absolute; width: 265px; height: 295px;left: 20px; top: 55px; z-index: 3; text-align: center;}
.details{position: relative; float: left; width: 350px; height: 300px; margin-left: 300px; margin-top: 15px; z-index: 2;}
.details .title {position: relative; margin-bottom: 24px; font-family: Georgia; font-size: 16px; color: #9e0c0c;}
.details .description {position: relative; margin-bottom: 24px; color: #958d73;}
.details .line{position: relative; width: 100%; height: 1px; color: #e3d4aa; background: #e3d4aa; border: none; margin-bottom: 24px;}
.details .options{position: relative; width: 100%;}
.details .options li{float: left; display: inline; margin-right: 24px; text-align: center;}
.details .options a{display: block; height: 24px; font-family: Georgia; font-size: 12px; color: #b4a070;}
.details .options .coupon{width: 103px;}
.details .options .product-details{width: 88px;}
.details .options .locate{width: 85px;}
.details .options a:hover{color: #91805a; text-decoration: none; background: url(../images/product/underline.jpg) no-repeat left bottom;}

/**************
	Product Filter
***************/
#product-filter{position: relative; height: 216px; width: 981px; margin-bottom: 10px; z-index: 2; background: url(../images/product/product_sorter_background.jpg) no-repeat;}
#product-filter .top{position: absolute; width: 945px; height: 14px; margin-left: 20px; top: -14px; z-index: 2; background: url(../images/product/bottom_frame_shadow.png) repeat-x;}
#product-filter .left{position: absolute; width: 4px; height: 210px; left: -4px; background: url(../images/product/left_drop_shadow.png) repeat-y;}
#product-filter .right{position: absolute; width: 4px; height:210px; left: 981px; background: url(../images/product/right_drop_shadow.png) repeat-y;}
#product-filter .btm-left{position: absolute; width: 10px; height: 13px; left: -4px; top: 210px; background: url(../images/product/left_corner_drop_shadow.png) no-repeat;}
#product-filter .btm{position: absolute; width: 969px; height: 7px; left: 6px; top: 216px; background: url(../images/product/bottom_drop_shadow.png) repeat-x;}
#product-filter .btm-right{position: absolute; width: 10px; height: 13px; left: 975px; top: 210px; background: url(../images/product/right_corner_drop_shadow.png) no-repeat;}
#nub_menu_flash{position: relative; float: left; margin: 30px 0 0 70px;}
#potato_scroller{position: relative; float: left; margin:20px 0 0 -30px;}

/***************************
		Recipe Page	       * 
****************************/
/**************
	Recipe Filter 
***************/
#recipe-filter{position: relative; width: 984px; height: 212px; margin-left: -4px; background: url(../images/recipe/top_flash_paper_background.jpg) no-repeat;}
#recipe-filter .top-left{position: absolute; width: 5px; height: 7px; left: -3px; top: -1px; background: url(../images/recipe/left_corner_drop_shadow.png) no-repeat;}
#recipe-filter .top-right{position: absolute; width: 7px; height: 7px; left: 982px; top: -1px; background: url(../images/recipe/right_corner_drop_shadow.png) no-repeat;}
#recipe-filter .left{position: absolute; width: 3px; height: 206px; left: -3px; top: 6px; background: url(../images/recipe/left_drop_shadow.png) repeat-y;}
#recipe-filter .right{position: absolute; width: 5px; height: 206px; left: 984px; top: 6px; background: url(../images/recipe/right_drop_shadow.png) repeat-y; }
#recipe-filter #nub_menu_flash{position: absolute; left: -40px;}
#recipe-filter #potato_scroller{position: absolute; left: 340px; margin-top: 40px;}
/**************
	Recipe Info
***************/
#recipe-info{position: relative; width: 992px; margin-left: -7px; padding-bottom: 20px; background: url(../images/recipe/middle_cross_section.png) repeat-y;}

/* left column */
#recipe-info .left-column{position: relative; float: left; width: 400px; margin-left: 54px;}
#beauty-overlay{position: relative; top: 0;}
/*product info*/
.product-info{position: relative; width: 352px; margin-left: 15px; margin-top: -5px; padding-top: 15px;  font-family: Georgia;}
.product-info .card-back{position: absolute; width: 352px; height: 159px; top: 0; left: 0; background: url(../images/recipe/product_info_card.jpg) no-repeat left -1px;}
.product-info .title{position: relative; width: 100%; margin-bottom: 15px; font-size: 14px; color: #9b4747; text-align: center; }
.product-info .title .made-with{font-size: 11px; font-style: italic; color: #8c7e5c;}
.product-image{position: relative; width: 155px; height: 187px; float: left; text-align: center;}
.product-options{position: relative; float: left; width: 164px; height: 187px; }
.product-options .break{position: relative; width: 100%; height: 1px; margin-bottom: 18px; border: none; color: #d0be85; background: #d0be85;}
.product-options ul{text-align: center;}
.product-options ul a{display: block; height: 24px; font-size: 12px; color: #91805a;}
.product-options ul a:hover{color: #91805a; text-decoration: none; background: url(../images/product/underline.jpg) no-repeat center 12px;}
/*spice-it-up*/
.spice-break{position: relative; width: 100%; height: 1px; margin-bottom: 14px; border: none; color: #eae3cb; background: #eae3cb;}
.spice-img{position: relative; width: 100%; text-align: center; margin-bottom: 30px;}
.spice-instructions p{margin-bottom: 10px; font-size: 12px; color: #b4ac8f;}
.spice-products {position: relative; margin: auto; margin-top: 20px;}
.spice-product{float: left; margin: 0 20px 0 20px;}

/*right column */
.right-column{position: relative; float: left; width: 454px; margin-left: 30px;}
.recipe-name{float: left; font-size: 17px; color: #9e0c0c; margin-right: 15px; margin-bottom: 18px;}
.rating{float: left;}
.rate-it{position: relative; left: 10px;}
.rate-it a{color: #94938e;}
/*submitter*/
.submitter{position: relative; width: 100%; margin-bottom: 20px;}
.submitter-image{float: left; width: 70px;}
.submitter-info{float: left; width: 365px; margin-left: 18px; font-size: 11px; line-height: 14px; color: #b4ac8f;}
.submitter-info .submitted-by{color: #776e4e;}
.submitter-break{position: relative; width: 100%; height: 1px; margin-bottom: 20px; background: #eae3cb;}
/*recipe info*/
.recipe-info{position: relative; margin-bottom: 25px;}
.recipe-info .title{font-weight: bold;}
.recipe-info .value{color: #b4ac8f;}
.recipe-info .left{position: relative; float: left; margin-right: 50px;}
.recipe-info .middle{position: relative; float: left; margin-right: 40px;}
.recipe-info .right{position: relative; float: left;}
.recipe-info .right a{display: block; height: 15px; font-size: 11px; color: #94938e; padding-left: 25px;}
.print{background: url(../images/recipe/printer_icon.jpg) no-repeat;}
.send{background: url(../images/recipe/envelope_icon.jpg) no-repeat left 3px;}
.submit{background: url(../images/recipe/arrow_icon.jpg) no-repeat 3px 2px;}
.ingredients{margin-bottom: 20px;}
.ingredients li{margin-bottom: 5px;}
.prep_instruction{color: #b4ac8f; margin-bottom: 30px;}
/**************
	Recipe Frame
***************/
.frame-top{position: relative; width: 992px; height: 26px; margin-left: -7px; background: url(../images/recipe/header_transition.png) no-repeat;}
.frame-bottom{position: relative; height: 24px; width: 992px;}
.frame-bottom .btm-left{position: absolute; width: 23px; height: 24px; left: -10px; background: url(../images/recipe/bottom_corner_left.png) no-repeat;}
.frame-bottom .btm-right{position: absolute; width: 23px; height: 24px; left: 962px; background: url(../images/recipe/bottom_corner_right.png) no-repeat;}
.frame-bottom .btm-bar{position: absolute; width: 950px; height: 17px; left: 13px; background: url(../images/recipe/bottom_cross_section.jpg) repeat-y;}
.frame-bottom .btm-gradient{position: absolute; width: 949px; height: 7px; left: 13px; top: 17px; background: url(../images/recipe/drop_shadow_bottom.png) repeat-x;}

/***************************
		Search Results Page* 
****************************/
.results-content{position: relative; margin-left: 60px;}
.search-results{position: relative; width: 100%; margin-bottom: 50px; font-family: Georgia; font-size: 35px; color: #a50000;}
.results-content .title{margin-bottom: 5px; font-family: Georgia; font-size: 17px; color: #9e0c0c;}
.results-content .result-count{margin-bottom: 20px; font-size: 13px; color: #cfa32c;}
.result-item{position: relative; width: 100%;}
.result-item .break{position: relative; width: 374px; height: 1px; margin-bottom: 15px; background: #eae3cb;}
.result-item .left{float: left; width: 92px; text-align: center;}
.result-item .right{float: left; width: 320px;}
.result-item .item-title a{margin-bottom: 15px; font-size:12px; color: #776e4e;}
.result-item .item-title a:hover{text-decoration: underline;}
.result-item .short-description{color: #a49d82; margin-bottom: 15px;;}
.product-results{position: relative; float: left; width: 425px;}
.recipe-results{position: relative; float: left; margin-left: 30px; width: 425px;}

/***************************
		FAQ Page	       * 
****************************/
.middle-content{position: relative; margin-left: 60px;}
.faq .title{position: relative; width: 951px; height: 89px; margin: -20px 0 -20px 20px; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; font-family: Georgia; font-size: 35px; color: #a50000; background: url(../images/FAQ/landscape_underlay.gif) no-repeat 523px top;}
.middle-content .left{position: relative; float: left; width: 425px;}
.middle-content .right{position: relative; float: left; width: 425px; margin-left: 30px;}
.entry{margin-bottom: 20px;}
.question, .middle-content .note{margin-bottom: 15px; color: #776e4e;}
.answer{color: #a49d82;}
.answer p, .answer ul{margin-bottom: 20px;}
.barcode-pic{float: left; margin-left: -20px;}
.benefits-card{position: relative; width: 482px; margin: 5px 0 10px -5px; background: url(../images/FAQ/paperclip_end.png) no-repeat 477px 85px;}

/***************************
		About Us Page      * 
****************************/
.about-us{position: relative; margin-left: 60px; margin-top: 50px;}
.about-us p{margin-bottom: 10px;}
.about-us .left{position: relative; float: left; width: 405px; margin-top: 20px;}
.about-us .right{position: relative; float: left; width: 390px; margin-left: 50px; margin-top: 20px;}
.about-us .right .floating-head{position: relative; width: 388px; height: 58px; background: url(../images/about_us/floating_head.png) no-repeat;}
.about-us #flash-placeholder{position: relative; height: 280px;}
.about-us-title{margin-bottom: 30px; font-family: Georgia; font-size: 35px; color: #a50000;}
.about-us-slogan{margin-bottom: 10px; font-family: Georgia; font-size: 17px; color: #be2101;}
.about-us .break{width: 167px; height: 1px; margin-bottom: 10px; border: none; color: #e6d8ac; background-color: #e6d8ac;}

/***************************
		Contact Us	       * 
****************************/
.contact-us{position: relative; margin-left: 60px;}
.contact-us-title{position: relative; width: 100%; height: 118px; margin-left: -5px; padding: 20px 0 20px 0; font-family: Georgia; font-size: 35px; color: #a50000; background: url(../images/contact_us/background_pic.jpg) no-repeat 456px;}
.contact-us-title .title-text{padding-top: 35px;}
.contact-us .left{position: relative; float: left; width: 400px;}
.contact-us .right{position: relative; float: left; width: 390px; margin-left: 60px;}
.contact-us .right .left-column{position: relative; float: left; width: 170px;}
.contact-us .right .right-column{position: relative; float: left; width: 170px; margin-left: 40px;}
.contact-us .cube-title{margin-bottom: 12px; font-family: Georgia; font-size: 17px; color: #be2101;}
.contact-us .break{width: 167px; height: 1px; margin-bottom: 10px; border: none; color: #e6d8ae; background: #e6d8ae;}
.contact-us ul{margin-bottom: 20px; }
/**************
	form 
***************/
#contact-us-form{margin-left: -10px;}
#contact-us-form .row{margin-bottom: 7px;}
#contact-us-form .label{float: left; width: 90px; text-align: right; margin-right: 5px; color: #b89942;}
#contact-us-form .value{float: left; width: 300px;}
#contact-us-form input{width: 288px; font-size: 11px; color: #655223;}
#contact-us-form textarea{width: 288px; font-family: Arial; font-size: 11px; color: #655223;}

/***************************
		No-Route Page      * 
****************************/
.no-route{margin-left: 60px; padding-top: 50px; padding-bottom: 50px;}
.no-route-title{margin-bottom: 40px; font-family: Georgia; font-size: 35px; color: #a50000;}
.no-route .section-content{color: #a49d82;}
.no-route .section-content ul{margin-left: 10px; margin-top: 10px; margin-bottom: 10px;}

/***************************
		Coupon Print       * 
****************************/
.coupon-print{position: relative; width: 100%; padding-top: 50px; text-align: center;}
.coupon-print-title{position: relative; padding-bottom: 50px; font-size: 35px; color:#a50000; font-family: Georgia; }
.coupon-image{position: relative; margin-left: 30px; margin-bottom: 30px;}
.coupon-print .print-btn{margin-bottom: 20px;}
.coupon-print .send{padding: 2px 0 0 25px; color: #94938e;}
/******************************************
				Footer 					  *
*******************************************/
/***************************
		Global		       * 
****************************/
#footer {position: relative; float: right; right:5px;  width: 225px; top: -5px;}
#footer ul, a {color: #c2950e; font-size: 11px; text-decoration: none;}
#footer ul li {float: left;	margin-right: 6px;}

/*******************************************
			Modal Windows			       *
********************************************/
/***************************
		Global		       * 
****************************/
.modal-title{margin: auto; margin-bottom: 25px;}
/**************
	form 
***************/
.modal-form .row{margin-bottom: 7px;}
.modal-form .left{float: left; width: 90px; text-align: right; margin-right: 5px; font-size: 11px; color: #b89942;}
.modal-form .right{float: left; width: 265px;}
.modal-form input{width: 255px;}
.modal-form textarea{width: 255px;}
.modal-form select{width: 135px; background: white; border: none; font-family: Arial; font-size: 11px; color: #655223;}
.modal-form .privacy{margin-top: 10px; margin-bottom: 10px; font-size: 10px; line-height: 10px; color: #a39c89;}
.modal-form .privacy a{color: #a39c89; font-size: 10px; text-decoration: underline;}
.modal-form .alert{font-size: 11px; color: #a30400;}
/**************
	search 
***************/
#search{display: none;}
#search-content{position: relative; width: 400px; text-align: center;}
#search-content table{margin: auto; margin-bottom: 30px;}
#search-content .bottom p{font-size: 10px; color: #918a79;}
/**************
	product details 
***************/
.product-details-container{display: none;}
#product-details{position: relative; width: 340px; margin: auto; color: #655223;}
#product-details .modal-title{width: 230px; height: 29px;}
#product-details .break{position: relative; width: 100%; height: 1px; margin-bottom: 12px; border: none; color: #e6dbbe; background: #e6dbbe;}
#product-details .title{width: 100%; margin-bottom: 15px; text-align: center; font-size: 18px; font-family: Georgia; color: #bc0f02;}
.special-description .left{position: relative; float: left; width: 130px; text-align: center;}
.special-description .right{position: relative; float: left; width: 200px;}
.special-description .right .blurb{margin-bottom: 15px;}
.special-description .options ul{text-align: center;}
.special-description .options ul a{display: block; height: 24px; font-size: 12px; color: #b4a070;}
.special-description .options ul a:hover{color: #91805a; text-decoration: none; background: url(../images/product/underline.jpg) no-repeat center 12px;}
#product-details .preparation{margin-left: 18px; margin-bottom: 20px;}
#product-details .label{color: #9e9683;}
.allergens{margin-left: 18px; margin-bottom: 24px;}
.allergens .allergen{width: 210px;}
.allergens .gluten{width: 60px;}
.allergens .msg{width: 40px;}
.allergens td{border-bottom: 1px solid #9e9683;}
#product-details .bottom{margin-left: 10px;}
#product-details .bottom .left{float: left; width: 180px;}
#product-details .bottom .right{float: left; width: 140px; margin-left: 5px; font-size: 10px; line-height: 12px;}

/**************
	locate product 
***************/
#locate-product {position: relative; width: 350px; margin: auto;}
#locate-product .modal-title{width: 225px;}
#locate-product .title{width: 100%; margin-bottom: 15px; text-align: center; font-size: 18px; font-family: Georgia; color: #bc0f02;}
#locate-product .break{position: relative; width: 100%; height: 1px; margin-bottom: 12px;border: none; color: #e6dbbe; background: #e6dbbe;}
#locate-product .section{margin-left: 20px; color: #6f5d2f;}
#locate-product .section-label{margin-bottom: 15px; color: #9e9683;}
#locate-product .section-value{margin-bottom: 15px;}
#locate-product form .row{margin-bottom: 7px;}
#locate-product form .label{float: left;}
#locate-product form .value{float: left; margin-left: 5px;}
#locate-product form .zip{width: 70px;}
#locate-product form .left{float: left;}
#locate-product form .right{float: right; margin-right: 20px;}
#locate-product .bottom .row{margin-bottom: 15px;}
#locate-product .bottom .left{float: left; width: 150px;}
#locate-product .bottom .middle{float: left; width: 105px; text-align: center;}
#locate-product .bottom .right{float: right; width: 55px; text-align: right;}
#locate-product .bottom .values{font-size: 11px; color: #b89942;}
#locate-product .bottom .values a{text-decoration: underline; color: #b89942;}

/***************************
		Recipe		       * 
****************************/
/**************
	print 
***************/
.recipe-print-container{display: none;}
#recipe-print{width: 100%;}
#recipe-print .modal-title{width: 204px;}
#recipe-print .select-size{margin-bottom: 20px;}
#recipe-print .large{float: left; width: 75px; margin-left: 40px;}
#recipe-print .medium{float: left; width: 60px; margin-left: 80px;}
#recipe-print .small{float: left; width: 60px; margin-left: 55px;}
#recipe-print .left, #recipe-print .label{float: left;}
#recipe-print .label{margin-left: 5px; font-size: 13px; color: #63542d;}
#recipe-print .print-submit{width: 100%; text-align: center;}

/**************
	send-friend
***************/
.send-friend-container{display: none;}
#send-friend .modal-title{width: 330px; height: 29px;}
/**************
	submit recipe 
***************/
.submit-recipe-container{display: none;}
#submit-recipe .modal-title{width: 240px;}
#submit-recipe .note{font-size: 11px; color: #b89942;}
#submit-recipe .invite-friend{position: relative; top: -20px; width: 100%; text-align: center; font-size: 11px; color: #63542d; cursor: pointer;}
/**************
	friend submit 
***************/
.friend-submit-container{display: none;}
#friend-submit .modal-title{width: 350px;}
/**************
	rate-it
***************/
#rate-recipe .modal-title{width: 239px; height: 29px;}
#rate-recipe .title{width: 100%; margin-bottom: 15px; text-align: center; font-size: 18px; font-family: Georgia; color: #bc0f02;}
#rate-recipe .middle{position: relative; width: 300px; margin: auto;}
#rate-recipe .left{position: relative; float: left; width: 130px;}
#rate-recipe .right{position: relative; float: left; width: 170px;}
#rate-recipe .right p{color: #655223; font-style: italic;}
#rate-recipe #rate_it_flash{position: relative; width: 160px; height: 35px; margin-top: 10px; margin-bottom: 10px;}
/***************************
		Coupon		       * 
****************************/
#coupon-verify{width: 355px; margin: auto;}
#coupon-verify .break{position: relative; width: 100%; height: 1px; margin-bottom: 10px; border: none; color: #e5d9bd; background: #e5d9bd;}
#coupon-verify .modal-title{width: 280px;}
#coupon-verify .row{margin-bottom: 15px;}
#coupon-verify .banner{position: relative; width: 100%; top: -15px; text-align: center; font-family: Georgia; font-size: 18px; color: #bc0f02;}
#coupon-verify .left{float: left;}
#coupon-verify .right{width: 235px;}
#coupon-verify .right input{width:200px;}
#coupon-verify .far-right{float: right;}
#coupon-verify .top .left{float: left; width: 170px;}
#coupon-verify .top .right{float: left; width: 165px; padding-top: 15px; color: #655223;}
#coupon-verify .current-customer{width: 185px;}
#coupon-verify .middle{font-size: 11px; color: #655223;}
#coupon-verify .survey-instruction{margin-bottom: 20px; color: #918b78;}
#coupon-verify .check, #coupon-verify .check-label{margin-left: 5px;}
#coupon-verify .purchase-history-label{width: 225px; margin-bottom: 20px;}
#coupon-verify .purchase-history{font-size: 10px;}
#coupon-verify .purchase-history .left-side{width: 205px;}
#coupon-verify .purchase-history .right-side{width: 150px;}
#coupon-verify .purchase-history .right-side .check-label{width: 120px;}
#coupon-verify .modal-form .left{color: #655223;}
#coupon-verify .modal-form .row{margin-bottom: 7px;}
#coupon-verify .privacy{width: 100%; margin-bottom: 20px; text-align: center; font-size: 10px; color: #a39c89;}
#coupon-verify .privacy a{color: #a39c89; font-size: 10px; text-decoration: underline;}
#coupon-verify .submit-form{width: 100%; text-align: center;}
#customer-type{position: relative; margin-bottom: 20px; margin-top: 20px;}
#customer-type #buttons{position: relative; width: 305px; margin:auto;}
#customer-type #buttons button{margin-right: 10px; margin-left: 10px;}
#returning-customer .center{width: 132px; margin-top: 10px; margin-bottom: 20px;}
/***************************
		Privacy		       * 
****************************/
#privacy .privacy-title{width: 100%; text-align: center; font-size: 14px; font-weight:bold; color: #a50000;}
#privacy .date{width: 100%; text-align: center; font-size: 10px; margin-top: 5px;}
#privacy p.privacy-subtitle{color: #a50000;}
#privacy p{margin-top: 10px;}
#privacy p.title{font-weight: bold;}
#privacy ol{margin: 10px 0 0 20px; list-style-type: decimal;}
#privacy ul{margin: 10px 0 0 20px; list-style-type: circle;}

/*******************************************
			Flagging    			       *
********************************************/
.success { color:#3d6611; }
.error { color:#df280a; }
.notice {color:#e26703;}
.success, .error { font-weight:bold; }
.messages { width:100%; overflow:hidden; }
.error-msg, .success-msg, .notice-msg, .note-msg {
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    background-repeat:no-repeat !important;
    background-position:10px 10px !important;
    padding:0px 0px 0px 32px !important;
    font-size:.95em !important;
    font-weight:bold !important;
    }
.error-msg li, .success-msg li, .notice-msg li {margin-bottom:.2em; }
.error-msg {
    border-color:#f16048;
    color:#df280a;
    background-color:#faebe7;
    background-image:url(../images/error_msg_icon.gif);
    }
.success-msg {
    border-color:#446423;
    color:#3d6611;
    background-color:#eff5ea;
    background-image:url(../images/success_msg_icon.gif);
    }
.notice-msg, .note-msg {
    border-color:#fcd344;
    color:#3d6611;
    background-color:#fafaec;
    background-image:url(../images/note_msg_icon.gif);
    }
    
 /* loading wheel */
 #loading-mask-loader {
    position:fixed;
    top: 40%;
    left:47%;
    z-index: 10000;
}