@charset "utf-8";
@import url(reset.css);
/* sukhi's style */ 

/* body background */

body { background: #fff url(../images/bg-body-s.jpg) fixed center top; }

/* wrappers */

#wrapper { width: 873px; margin: 0 auto; position: relative; overflow: hidden; background-image: url(../images/products/homechef/prepshot_homechef.jpg); }
#wrapper_top { width: 873px; height: 28px; margin: 5px auto 0 auto; }
#wrapper_btm { width: 873px; height: 28px; margin: 0 auto 65px auto; }
/* wrapper images */


#wrapper { background: url(../images/box-mid.jpg) repeat-y; }
#wrapper_top { background: url(../images/box-top.jpg) no-repeat center top; }
#wrapper_btm { background: url(../images/box-btm.jpg) repeat-y center bottom; }


/* layout */

#colleft { width: 213px; margin: 5px 0 0 23px; _margin: 5px 0 0 15px; }
#colright { width: 580px; float: left; margin-top: 5px; margin-right: 0; margin-bottom: 0; margin-left: 15px; }
#flashbox { width: 590px; height: 330px; margin: 10px auto 10px auto; _margin: 10px 0 10px -10px; text-align: center; position: relative; }
#photobox { width: 508px; margin: 0 auto 0 auto; text-align: center; }
#colright .textbox_top { margin-top: 0; font: 12px Arial, Helvetica, sans-serif; color: #311113; }
#colright .textbox { margin-top: 20px; color: #000; font-family: "Century Gothic"; font-size: 16px; }
/* colleft */

h1#logo { background: url(../images/left-col-logo.png) no-repeat; width: 213px; height: 122px; }
h1#logo a, h1#logo span { width: 213px; height: 122px; display: block; text-indent: -9999px; }
#left_textbox { background: url(../images/left-col-mid.png) repeat-y; padding: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 1.2em; }
#leftcol_btm { background: url(../images/left-col-btm.png) no-repeat center top; height: 10px; width: 213px; }
/* colright */

#availbox { background: url(../images/dot-circle.gif) repeat-x left top; margin-top: 10px; padding-top: 15px; clear: both; color: #680712; font-family: Arial, Helvetica, sans-serif; overflow: hidden; }
#availbox ul li { float: left; height: 14px; list-style: none; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #680712; border-left-color: #680712; }
#inset { margin-left: 10 px; }
#availbox ul li a { color: #680712; text-decoration: none; display: block; padding: 0 10px 23px 10px; text-align: center; }
#availbox ul li a:hover, #availbox ul li a.active, .btn_back { background: url(../images/curlies.gif) no-repeat center bottom; color: #376B73; }
/* headers and titles */

.left_header { width: 213px; height: 33px; text-indent: -9999px; overflow: hidden; }
#left_textbox h3, #left_textbox h3 a { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #680712; text-decoration: none; }
.inset {  margin left: 10 px;
}
.h_home { background: url(../images/h-home.png) no-repeat; }
.h_freshfrozen { background: url(../images/h-freshfrozen.png) no-repeat; }
.h_leanfare { background: url(../images/h-leanfare.png) no-repeat; }
.h_delifresh { background: url(../images/h-delifresh.png) no-repeat; }
.h_homechef2 { background: url(../images/h-homechef2.png) no-repeat; }
.h_title { height: 15px; width: 580px; text-align: center; background: url(../images/h-title-bg.jpg) no-repeat center; color: #743B12; font-size: 13px; text-transform: uppercase; margin-top: 20px; margin-right: auto; margin-bottom: 16px; margin-left: auto; }
.h_title_freshlyfrozen { background: url(../images/h_title_freshlyfrozen.gif) no-repeat; height: 31px; width: 243px; text-indent: -9999px; }
.h_foodserv { background: url(../images/h-foodserv.png) no-repeat; }
.h_homechef { background: url(../images/h-homechef.png) no-repeat; }
.h_naan { background: url(../images/h-naan.png) no-repeat; }
.h_welcome { background: url(../images/h-welcome.png) no-repeat; }
.h_hotbar { background: url(../images/h-hotbar.png) no-repeat; }
.h_family { background: url(../images/h-family.png) no-repeat; }
.h_university { background: url(../images/h-university.png) no-repeat; }
.h_corporate { background: url(../images/h-corporatedining.png) no-repeat; }
.h_distribution { background: url(../images/h-distribution.png) no-repeat; }
.h_menuplanning { background: url(../images/h-menuplanning.png) no-repeat; }
.h_video { background: url(../images/h-video.png) no-repeat; }
.h_recipeproduct { background: url(../images/h-recipeproduct.png) no-repeat; }
.h_recipecategory { background: url(../images/h-recipecategory.png) no-repeat; }
.h_shoponline { background: url(../images/h-shoponline.png) no-repeat; }
.h_giftbasket { background: url(../images/h-giftbasket.png) no-repeat; }
.h_farmersmarkets { background: url(../images/h-farmersmarkets.png) no-repeat; }
.h_storelocator { background: url(../images/h-storelocator.png) no-repeat; }
.h_press { background: url(../images/h-press.png) no-repeat; }
.h_shows { background: url(../images/h-shows.png) no-repeat; }
.h_aboutsukhis { background: url(../images/h-aboutsukhis.png) no-repeat; }
.h_ourfamily { background: url(../images/h-ourfamily.png) no-repeat; }
.h_ourcommunity { background: url(../images/h-ourcommunity.png) no-repeat; }
.h_familyalbum { background: url(../images/h-familyalbum.png) no-repeat; }
.h_privacy { background: url(../images/h-privacypolicy.png) no-repeat; }
.h_faq { background: url(../images/h-faq.png) no-repeat; }
.h_spiceorigin { background: url(../images/h-spiceorigins.png) no-repeat; }
.h_history { background: url(../images/h-history.png) no-repeat; }
.h_asksukhis { background: url(../images/h-asksukhis.png) no-repeat; }
.h_contact { background: url(../images/h-contact.png) no-repeat; }
.h_newsletter { background: url(../images/h-newsletter.png) no-repeat; }
.h_tellafriend { background: url(../images/h-tellafriend.png) no-repeat; }
#colright .textbox h3, #colright .textbox_top h3 { font: 27px 'Futura Book', Futura, Arial, Helvetica, sans-serif; color: #DC6122; text-decoration: none; text-transform: uppercase; }
#colright .textbox h4, #colright .textbox_top h4 { font-weight: bold; text-transform: uppercase; margin-bottom: 14px; }
/* nav top */

#navcontainer { width: 829px; height: 30px; margin: 0 auto; zoom: 100%; }
#navtop { width: 809px; height: 30px; margin: 0 auto; padding-left: 20px; position: relative; background: url(../images/menu-bg.jpg) no-repeat; }
#navtop li { float: left; text-align: center; font: normal 12px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; position: relative; margin: 0 12px; }
#navtop li a { height: 30px; display: block; text-decoration: none; color: #743B12; }
#navtop li a:hover, #navtop li a.active { color: #DC6122; }
/* highlight current section */

#home_page #nav_home a { color: #DC6122; }
#prod_page #nav_prod a { color: #DC6122; }
#foodserv_page #nav_food a { color: #DC6122; }
#homechef_page #nav_chef a { color: #DC6122; }
#market_page #nav_market a { color: #DC6122; }
#news_page #nav_news a { color: #DC6122; }
#story_page #nav_story a { color: #DC6122; }
#past_page #nav_past a { color: #DC6122; }
/* end highlight */
/*
#nav_home, #nav_home a { width: 60px; }
#nav_prod, #nav_prod a { width: 95px; }
#nav_food, #nav_food a { width: 115px; }
#nav_chef, #nav_chef a { width: 95px; }
#nav_market, #nav_market a { width: 105px; }
#nav_news, #nav_news a { width: 100px; }
#nav_story, #nav_story a { width: 90px; }
#nav_past, #nav_past a { width: 120px; }
*/
/* second level nav */


#navtop li.off ul, #navtop li.on ul { /*hide the subnavs*/
  display: none; }
#navtop li.off ul, #navtop li.on ul { /*put the subnavs below and hide them all*/
	position: absolute; top: 30px; left: 0px; /*height: 25px;
	width: 800px;*/
	width: 220px !important; height: auto; padding-top: 0px; background: #743B12; }
#navtop li ul li, #navtop li ul li { white-space: nowrap; text-align: left; padding: 3px; height: 15px; line-height: 15px; display: block; float: none; }
#navtop li.on ul a, #navtop li.off ul a, #navtop li.over ul a { /*  cancel inherit of border on subnav of active topic */
	color: #F3EFDE !important; font-size: 11px; display: block; margin-top: 0; zoom: 100%; height: 11px; }
#navtop li.on ul { /*display active subnav list
  	display: block;*/
}
#navtop li.off:hover ul, #navtop li.on:hover ul, #navtop li.over ul { /*  display the other topics when their parent is hovered */
	display: block; z-index: 6000; }
#navtop li.on a:hover, #navtop li.off a:hover, #navtop ul li a:hover, #navtop ul li a.active, #navtop li.over ul li a:hover { color: #DC6122 !important; }
/* top subnav */




/* scrollbox */

.holder { margin: 0; }
.scroll-pane { width: 200px; overflow: auto; background: transparent; }
#pane2 { height: 274px; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: transparent url(../images/scrollbar.gif) no-repeat center top; }
.jScrollPaneDrag { position: absolute;  background:;
cursor: pointer; overflow: hidden; background: url(../images/drag-grab.gif) no-repeat; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
	height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/
}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
	height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/
}
ul.scrollnav { margin-bottom: 10px; }
ul.scrollnav li { width: 170px; }
ul.scrollnav li a { text-transform: uppercase; text-decoration: none; font: 13px 'Futura Book', Futura, Arial, Helvetica, sans-serif; color: #311113; }
ul.scrollnav li a:hover, ul.scrollnav li a.active { color: #376B73; }
/* scroll navs */

.scrollnav li { margin-bottom: 8px; zoom: 100%; }
.scrollnav li a { display: block; }
.scrollnav { padding-top: 8px; }
/* nav bottom */

#navbtm { background: url(../images/nav-btm-bg.jpg) no-repeat; height: 34px; width: 804px; margin: 32px auto 0 auto; clear: both; padding-left: 25px; text-align: center; }
#navbtm li { display: inline; text-align: center; font: normal 12px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding: 0 10px; }
#navbtm li a { height: 16px; display: inline-block; padding-top: 18px; text-decoration: none; color: #743B12; }
#navbtm li a:hover, #navbtm li a.active { color: #DC6122; }


#copyright_bottom {padding: 10px 0; text-align: center;}

/* recipe list */

#recipe_list li { font-size: 12px; color: #311113; margin-bottom: 18px; }
#recipe_list li a { font-size: 18px; text-decoration: underline; font-weight: normal; }
#recipe_list li a:hover, #recipe_list li:hover, #recipe_list li:hover a, #recipe_list li.active, #recipe_list li.active a { color: #DC6122; }
/* table */

.table_products td { padding: 2px; }
/* type format */

body { font: 12px Georgia, "Times New Roman", Times, serif; }
.orange_big { font-weight: normal; font-size: 19px; color: #DC6122 !important; }
.lavender_big { font-weight: normal; font-size: 16px; color: #000 !important; }
.olive_big { font-weight: normal; font-size: 19px; color: #506D4D !important; }
.blue_big { font-weight: normal; font-size: 19px; color: #25536D !important; }
.green_big { font-weight: normal; font-size: 19px; color: #117C68 !important; }
.brown_big2 { font-weight: normal; font-size: 19px; color: #965200 !important; }
.brown_big3 { font-weight: normal; font-size: 19px; color: #4C2D22 !important; }
.olive_txt { font: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; color: #506D4D !important; }
.brown_text { font-size: 15px; font-style: italic; color: #45231D !important; font-weight: bold; line-height: 16px; margin: 5px 0; }
.pagerule { background: transparent url(../images/page-rule.jpg) no-repeat center center; height: 32px; width: 529px; border: none; margin: 0 auto; }
#colright .textbox p, #colright .textbox_top p { margin-bottom: 14px; }
/* buttons and links */

a.nutritionbox { background: #376B73; display: block; color: #fff !important; font-size: 10px; font-weight: bold; text-transform: uppercase; width: 90px; padding: 5px; text-align: center; border: 1px solid #651B1F; margin-top: 14px; }
.buttonbox { background: #376B73; display: block; color: #fff !important; text-transform: uppercase; width: auto; padding: 5px; text-align: center; border: 1px solid #651B1F; margin: 14px 5px 0 0; font: bold 10px Arial, Helvetica, sans-serif; text-decoration: none; }
#colright .textbox a, #colright .textbox_top a { color: #680712; }
.printer_recipe { font-size: 11px; text-decoration: underline; }
a.btn_order { background: #680712; padding: 3px; font-size: 11px; font-weight: bold; color: #fff !important; display: inline; }
.btn_back { background: url(../images/curlies.gif) no-repeat center bottom; color: #45231D; display: block; padding: 0 10px 23px 10px; text-align: center; margin-right: 10px; font: bold 10px Arial, Helvetica, sans-serif; }
a.button_cart, input.button_cart { background: #376B73; color: #fff !important; font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 5px; text-align: center; border: 1px solid #651B1F; }
.button_cart_orange { background: #F96F2E; color: #fff !important; font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 5px; text-align: center; border: 1px solid #651B1F; }
input.button_add { background: #376B73; color: #fff !important; text-transform: uppercase; padding: 2px; text-align: center; border: 1px solid #651B1F; font: bold 10px Arial, Helvetica, sans-serif; float:right; }
/* reviews box */

.reviews_box { margin: 21px; }
.reviews_logo { float: left; width: 150px; overflow: hidden; }
.reviews_text { margin-left: 170px; }
/* tell a friend */

.table_friend td { padding: 2px 0; vertical-align: top; }
/* floats */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* text format */

#colright p, #colright ul { margin-bottom: 12px; font-size: 16px; }
#colright ul { margin-left: 20px; }
#colright ul, #colright li { list-style: disc url(none) inside; }
.small, small { font-size: 80%; text-transform: lowercase; }
#frontpage_left { position:relative; left:35px; width:20%; top: 10px; }
#frontpage_cenleft { position:inherit; left:22%; width:28%; }
#frontpage_cenright { left:51%; width:28%; }
#frontpage_right { left:80%; width:19%; }
/* nutrition info box */

.nutrition_info { font-family: Arial, Helvetica, sans-serif; }
.nutrition_info td { padding: 3px; }
.black_border1 { background: #000; height: 1px; padding: 0 !important; }
.black_border2 { background: #000; height: 5px; padding: 0 !important; }
.black_border { background: #000; height: 10px; padding: 0 !important; }
.pop_heading { font-size: 18px; padding: 0 !important; }
.pop_subheading1 { font-size: 12px; }
/* accordion */

#vertical_container { padding-bottom: 20px; }
.accordion_toggle { background: #dc6122; font-weight: bold; color: #FFCC33; margin-bottom: 1px; }
.accordion_toggle a { color: #ffcc33 !important; display: block; padding: 5px 10px; text-decoration: none; }
.accordion_content { background: #f9eed5; padding: 10px; overflow: hidden; }
.accordion_content table td { padding-bottom: 2px; }
.accordion_content table td.inset { font-size: 80%; }
/* store locator */

.innersearchtable td { padding: 3px; }
.smalltxt.altlink { background: #dc6122; font-weight: bold; color: #ffcc33 !important; font-size: 10px; text-transform:uppercase; text-decoration: none; padding: 3px; }
.resultsdisplay2 td { text-align: left !important; }
.resultsdisplay2 .smalltxt.altlink { margin: 5px 0; display: block; width: 80px; text-align: center; }
#errorDiv { background: #dc6122; font-weight: bold; color: #FFCC33; margin: 10px 0 !important; }
.maptable { width: 100%; }
.searchtable { margin: 10px 0; }
th.tableheaderleft { background: #dc6122; font-weight: bold; color: #FFCC33; margin-bottom: 1px; padding: 3px; }
td.resultsdisplay1 { text-align: left !important; }
td.resultsdisplay1 .smalltxt.altlink, #mapDiv .smalltxt.altlink { margin: 5px 0; text-align: left; color: #dc6122 !important; text-decoration: underline; background: none !important; }
.maptable ol, .maptable li { text-align: left !important; list-style: none !important; }
.maptable li { padding: 5px 0; }
#mapDiv { margin: 20px 0; }
.txtsubheader { font-size: 14px; font-weight: bold; }

/*	SLIDER */
.slider-wrap								{ width: 590px; height: 310px; position: absolute; top: 0; left: 0; overflow: hidden; background: #fff; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 590px; height: 263px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 590px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -3px 0 0 0;  padding-left: 0px !important; }
#movers-row div								{ width: 14%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../images/slider/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px;}
.photo-meta-data a		 					{ color: #FC0 !important;}
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/slider/icon-uparrowsmallwhite.png) top center no-repeat; }

.ingredient_text {font-size:12px;}
.new_Marker { color:#FFC;}


/* new food service */

/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0;  margin: 0; border-bottom: 0 !important; padding: 0;}
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 570px; }
.ui-tabs-vertical .ui-tabs-nav { padding: 0; margin: 0 !important; float: left; width: 180px; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; padding: 5px 0 !important; list-style: none !important; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs-vertical .ui-tabs-panel { padding: 0; float: right; width: 340px;}

#tabs ul li {font-size: 12px;}

.prodbox .content {padding: 10px; background-color: #e2c993; }

.ui-tabs-panel .thumb {width: 125px; float: left;}
.ui-tabs-panel .prodinfo {width: 200px; float: right;}

.foodserv_row {width: 580px; clear: both; margin-bottom: 20px;}
.foodserv_col {width: 120px; float: left; margin-right: 33px; text-align: center; font-size: 12px;}
.foodserv_col.last {width: 120px; float: right; margin-right: 0;}
.foodsrv_textbox {background-color: #e2c993; padding: 10px; margin-bottom: 20px;}

.foodserv_col3 {width: 180px; float: left; margin-right: 20px; text-align: center; font-size: 12px;}
.foodserv_col3.last {width: 180px; float: right; margin-right: 0;}