* { margin:0; padding:0; }
html { background: #cccccc; }
body { width: 762px; margin:10px auto; color:#fff; background: url(/images/body_top.gif) no-repeat; line-height: 1.3em; padding-top:15px; font-family: Verdana, Arial, "Sans Serif"; font-size: 12px; position:relative; } 
div#branding { margin-bottom:10px; width: 140px; height:75px; margin-left: 25px; background: url(/images/logo.gif); text-indent: -9999em;  }
div#branding a { display:block; height:100%; }
h1 { overflow: hidden; padding-bottom: 15px; margin-bottom:10px; background: #fff url(/images/product-title-back.gif) repeat-x 0 100%; font-size: 20px; font-family: "Times New Roman"; color: #b90000; line-height:20px; }
    h1 em { color:#ff9100; font-style: normal; }
h2 { } /* reserved for future use */
h3 { font-weight:bold; font-size:16px; margin-bottom:8px; line-height:1.2em; }
h4 { font-weight:bold; font-size:12px; }
a { text-decoration: underline; color: #fff; }
    a img { border:none; } 
a:hover { text-decoration: none; }
ul { list-style: none; }
p { margin: 0px; margin-bottom:8px; }
legend { margin-left:6px;color:#000000; font-size:14px;  font-weight:normal; }
fieldset { padding:8px; margin-bottom:12px; }
th { text-align:left; }

#container { border-style: solid; border-color: #afafaf; border-width: 0 1px 0 1px; zoom:1; } 

/* white border around areas */
#header, #content { border-color: #fff; border-style: solid; border-width: 0 3px 0 3px; zoom:1; }

#header { overflow:hidden; background: url(/images/header-back.gif ); height:116px; }

    /*** broker links ***/
    #broker-links { position: absolute; top: 30px; right:5px; }
    #broker-links li { display: inline; border-right: 1px solid #fff; padding: 0 10px; }
    #broker-links a { text-decoration: underline; } 
    #broker-links .last { border:none; }
    
    /*** nav area ***/
    #nav { background: url(/images/nav-back.png) no-repeat; line-height: 26px; text-align: center; width: 740px; margin:0 auto 10px auto; } 
        * html #nav { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav-back.png', sizingMethod='image'); }
        #nav li { display: inline; }
        #nav li a { text-decoration: none; font-size:11px; font-weight: bold; } 
        #nav li a:hover { text-decoration: underline; }

/*** side navigation ***/
#secondary-nav { font-size:11px; width: 172px; float:left; margin-top:28px; }
    * #secondary-nav { width: 175px; }
#secondary-nav dt, #secondary-nav dd { display:block; } 
#secondary-nav dt { padding:5px 0; background: #b90000; text-transform: uppercase; text-align: center; font-weight: bold; border-bottom:1px solid #fff; border-top:1px solid #fff; }
#secondary-nav dd { border-bottom:1px solid #000; text-align: right; } 
    #secondary-nav dd a { display: block; padding:5px 0; padding-right:10px; }
    #secondary-nav dd a:hover, #secondary-nav dd a.active { background-color: #b90000; }
#secondary-nav dd.first { background: url(/images/secondary- nav-first-back.gif) repeat-x 0 0; }
	#secondary-nav a { color:#fff !important; font-weight:normal !important; text-decoration:none !important; }

/*** content area ***/
#content { background: #f62d01; }
	#content a { text-decoration: underline; color: #000; font-weight:bold; }
		#content a:hover { text-decoration: underline;  }	
    #broker-locator { position: absolute; left: 30px; bottom:10px; background: url(/images/broker-locator-btn.png ); height: 23px; width: 125px; text-indent: -1000em; }
        * html #broker-locator { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/broker-locator-btn.png', sizingMethod='image'); } 
    
    /*** content details area with rounded top ***/
    #details { overflow:hidden; width: 574px; background: url(/images/rounded-content-back.gif) left top no-repeat;  padding-top:53px; }
        * html #details { position: relative; left: -3px; } 
    #details .inner { min-height: 400px; padding: 0 20px; background: #fff url(/images/content-left-shadow.gif) repeat-y; color:#000; }
        * html .inner { height: 300px; }
        
        #details .inner #description { clear:both; margin-bottom:12px; } 		
        
/*** footer ***/
#footer { color:#000; text-align: center; font-size:11px; background: url(/images/body_bottom.gif) no-repeat; padding-top: 20px; }
    #footer li { display: inline; }
    #footer a { color:#000; text-decoration:underline; } 
        #footer a:hover { text-decoration:underline; } 
    #footer p { margin:0; }

/************************* COMMON CLASSES *****************************************/

/*** product details **/
.product-details * { zoom:1 } /*** has layout fix ***/ 
.product-details li { border-top: 1px solid #d6d6d6; }
    
    .product-details p, .product-details span, .product-details ul { display: block; margin:0; margin-left:145px; border-left: 1px solid #d6d6d6; padding: 5px; } 
    .product-details .title { width: 130px; float:left; border:none; margin:0; }

    .product-details li li { border:none; display:inline-block; }
	.product-details ul.parve-details li:after { display:inline; }
    .product-details li li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.product-details li li span { margin:0; padding:0; border:none; font-weight: normal; float:left; width: 150px; padding-bottom: 5px; }
    
    .product-details span.checked { background: url(/images/check.gif) 5px center no-repeat; text-indent: -9999em; }
    
    .product-details .kosher { background: #ffe0cf; }
    .product-details .parve { background: #ffcfcf; } 
    .product-details .ingredients, .product-details .description { background: #fffecf; }
	.product-details .description { min-height:73px; }
		 .product-details .description * { min-height:73px; }
    .product-details .nutrition { background: #cffffb; }

/*** product additional links ***/
.additional-links { text-align: center; padding: 20px; } 
.additional-links li { display: inline; }
.additional-links a { padding:0 5px; border-right: 1px solid #00f;  color: #00f; text-decoration: underline }
.additional-links li.last a { border: none; }


/************************** MAIN PAGE *************************************************/ 

#flash-content { float: left; background: url(/images/flash-main.gif); height:197px; width:347px; }

/*** product thumbs ***/
#product-thumbnails { margin-left:5px; float:left; width: 339px; margin-bottom: 10px; } 
    #product-thumbnails li { float:right; margin-bottom:3px; }
    #product-thumbnails .cookie-dough { margin-left: 228px; }
    #product-thumbnails .brownies-crumbcakes { margin-left: 3px; } 
    #product-thumbnails .tarts-cakes { margin-left:114px;}	
    #product-thumbnails .muffin-batter {  }    
    #product-thumbnails .rugelach-scones { margin-left: 3px; }    
    #product-thumbnails .individual-desserts { margin-left:3px;}    
    #product-thumbnails .parisian-style { float:none; clear: right; margin: 0 auto; width:111px; height:111px; }      
        
/*** upcoming events ***/    
#upcoming-events { margin-bottom:15px; margin-left: 354px; width: 343px; height: 147px; background: url(/images/upcoming-events-back.gif); padding: 25px; }
#upcoming-events ul { margin-top:10px; height: 111px; overflow: auto; } 
    #upcoming-events h3 { background: url(/images/upcoming-events.gif); padding: 0; width:339px; height:25px; text-indent: -9999em;  }
    #upcoming-events li { padding:0 8px; margin-bottom: 10px; font-size:11px; line-height: 1.3em; overflow:hidden;}
    #upcoming-events li img { margin-right: 10px; float: left; }
    #upcoming-events strong { display: block; }
    #upcoming-events p { margin:0; padding-bottom:8px; }
    #upcoming-events a { color:#FFFFFF; }	
    
* html #content { height: 1%; }
#content { position:relative; background: #f62d01 url(/images/content-back.gif) 0 100% repeat-x; /*** bottom gradient ***/ overflow: hidden; }
    
    /*** corporate sales area ***/ 
    #corporate-sales { margin-left: 357px; }
    	#corporate-sales h3 { padding:0; background: url(/images/index-header-back.gif); line-height: 30px; height: 42px; margin-bottom: -3px; font-family: Verdana; font-size:11px; padding-left: 5px; margin-bottom:6px; color:#fff; } 
    	#corporate-sales p { text-align: justify; margin-right: 15px; }
		#corporate-sales a { color:#ffffff; }

.home #broker-locator { left: 357px; }

/********************************************** PRODUCT DETAILS PAGE *******************************************/ 

/*** set font size ***/
body.product #content { font-size:11px; }
body.product h1 { padding-left:10px; }
    * html body.product h3 { zoom:1 }

/*** broker location link to locate it, same styles as main page ***/ 
.products #broker-locator { left:30px; }

#product { overflow:hidden; min-height: 123px; background: #e6e6e6; }
#product img { float:left; }     
    * html product-details { height:123px; }

/*** available sizes ***/ 
#product-sizes { min-height: 93px; margin-left: 118px; font-size:10px; padding-left:10px;  }
    * html #product-sizes { height: 93px; }
#product-sizes h4 { margin-bottom:2px; font-size:11px; }
#product-sizes th, #product-sizes td { width:96px; text-align: left;} 
#product-sizes th { font-weight: normal; }
    #product-sizes .servings { text-align: right; }
#product-sizes .sizes { text-align: left; }

#product-sizes-table { margin-bottom:8px; }
	#product-sizes-table td.selected { background-color:#fff; }

/*** product description area ***/
#product-description { overflow:hidden; padding: 5px; background: #fffecf; border-top:1px solid #fff;} 
    #product-description { zoom:1; }
    #product-description p { margin-bottom:0px; }	

/********************************** PRODUCTS PAGE **************************************/
#features { margin-left:25px; margin-top:8px; list-style: outside disc; }

#products * { zoom:1; } 
/* #products a { display: block; float:left; } */
#products a { display: block; }
#products img { display:block; }
    * html .product-header, * html .product-details { position: relative; left:-3px; }    /*** 3px bug ***/
#products li {  margin-top:15px; background-color:#FFFECF; } 
#products li li { margin:0; }

/*** title for the product ***/
#products h4, #products .product-detail, #products .flavor-detail , #products .view-samples { line-height: 2.3em; 28px; padding:0 7px; }
#products h4 { margin-right: font-size: 12px; float:left; border-top:1px solid #d6d6d6; background: #b4b4b4; color: #000000; } 
* html #products h4 { margin-right: -3px; }
#products .product-detail, #products .flavor-detail, #products .view-samples { overflow: hidden; border-top: 1px solid #d6d6d6; display:block; background: #b4b4b4; }
* html #products .product-detail, * html #products .flavor-detail, , * html #products .view-samples { zoom:1; } 
    #products .product-detail a { background: url(/images/product-detail.gif) left center no-repeat; width: 110px; float:right; text-indent: -1000em; display: block; }
    #products .flavor-detail a { background: url(/images/flavor-detail.gif) left center no-repeat; width: 110px; float:right; text-indent: -1000em; display: block; } 
    #products .view-samples a { background: url(/images/view-samples.gif) left center no-repeat; width: 110px; float:right; text-indent: -1000em; display: block; } 	

	#products .product-detail a.samples { background:none; text-indent:0px; }

/* misc */
.clear { clear:both; }
.required { color:#ff0000; }
.colorbutton { background-color:#b90000; color:#fbfad8; padding:1px;}
.nominheight * { min-height:1px !important; }

#products.details p { border: none; overflow:hidden; margin:0;  }
	* html #products.details p {  }

.product-details ul.parve-details { margin:0; border:none; padding-left:25px; padding-bottom:8px; list-style-type:disc;  }	
	.product-details ul.parve-details li { border:0px;  }
	
/* flavor image borders */
.flavor-image-outer { width:109px; height:109px; border:1px solid #a61e21; float:left;}
.flavor-image-middle { width:107px; height:107px; border:1px solid #ffffff; }
.flavor-image-inner { width:105px; height:105px; border:1px solid #000000; }

/* category image borders */
.category-image-outer { width:109px; height:109px; border:1px solid #791618; }
.category-image-middle { width:107px; height:107px; border:1px solid #ffffff; }
.category-image-inner { width:105px; height:105px; border:1px solid #000000; }

/* upcoming events landing page */
#upcoming-events-list { width:500px; }
	#upcoming-events-list li { padding-bottom:20px; }
		#upcoming-events-list .image { float:left; width:83px; padding-right:10px; }
		#upcoming-events-list .description { float:right; width:407px; }	
			#upcoming-events-list .description p, #upcoming-events-list .description div { margin:0px; padding-bottom:8px; }	
			#upcoming-events-list .description a.normal { font-weight:normal; }			
			 
		
/* broker table */
.brokertable { margin:6px; }
	.brokertable .col1 { text-align:right; padding-right:6px; }
	
	/*** product details **/
.product-details { overflow:hidden; }

/* broker */
#success { width:510px; padding:10px; margin-bottom:12px; background-color:#42A50D; color:#ffffff; border:1px solid #000000; font-size:14px; }
#error { width:510px; padding:10px; margin-bottom:12px; background-color:#D42E11; color:#ffffff; border:1px solid #000000; font-size:14px;}

/* *** contact us form *** */
#contact-us { width:540px; padding-bottom:20px; }
	#contact-us fieldset { width:520px; }

.contact-table { width:500px; margin:6px; }
	.contact-table td { padding-bottom:3px; }
		.contact-table td.col1 { text-align:right; padding-right:6px; }

	.contact-table .inputmid { width:150px; }
	.contact-table .inputtiny { width:50px; }
	
/**********************
 Homepage 
**********************/
#product-thumbnails-table { margin-left:5px; float:left;width:339px; margin-bottom: 10px; }

/**********************
 Popup cookie image 
**********************/
.hiddencookie-image-outer { width:354px; height:354px; border:1px solid #791618; }
.hiddencookie-image-middle { width:352px; height:352px; border:1px solid #ffffff; }
.hiddencookie-image-inner { width:350px; height:350px; border:1px solid #000000; }
#hiddencookie { position:absolute; left:307px; width:354px; height:350px; visibility:hidden; }