body { background:url("images/bg.jpg") repeat-x scroll 0 0 #282628}

#left,#right { float:left; width:50%; margin:0 0 0 -406px; position:relative;}
#left-inner, #right-inner { margin:0 0 0 406px;}
#left-inner { background:url(images/left.jpg) top right no-repeat; height:538px;}
#right-inner { background:url(images/right.jpg) top left no-repeat; height:538px;}

#container { position:relative; margin:0px auto; z-index:2;}

/*grocery*/
#grocery-left { float:left; margin:2px 2px 4px 9px; width:530px; height:562px; background:url(images/grocery_bg.jpg) no-repeat; display:inline; position:relative;}
#grocery-left-text { position:absolute; top:25px; left:22px; width:496px; height:359px; background:url(images/grocery_text.gif) no-repeat;}
#grocery-left-title { position:absolute; top:125px; left:200px;}
#grocery-left-form { position:absolute; top:310px; left:200px;}
#grocery-left-form div { text-align:right; margin-top:5px;}

#grocery-right { float:left; margin-top:2px; width:261px; color:#000; font-size:11px; line-height:150%;}
#grocery-right-text { padding:15px 15px 0;}

.grocery-space { height:50px;}

#grocery-footer { clear:both; margin-left:9px; width:984px; height:165px; background:#5A752E; color:white; font-size:11px; overflow:hidden;}
#grocery-footer h2 { color:white; font-size:28px; line-height:28px;}
#grocery-footer a { color:white;}
#grocery-footer a:hover { color:#ddd;}
#grocery-footer-left,#grocery-footer-right { float:left; margin:25px 0 0 76px; width:308px; border:1px dashed white; display:inline;}
#grocery-footer-right { margin-left:26px;}
.grocery-footer { padding:12px 35px;}

/*grocery search result*/
#grocery-sr-left { float:left; margin:2px 1px 0 9px; width:530px; height:156px; background:url(images/grocery_sr_bg.jpg) no-repeat; display:inline;}
#grocery-sr-left-form { padding:22px 0 0 352px; margin:0; width:150px;}
#grocery-sr-left-form div { text-align:right; margin-top:5px;}
#grocery-sr-right { float:left; margin-top:2px; width:263px; height:156px; background:url(images/grocery_sr_right.jpg) no-repeat;}
#grocery-sr-text { clear:both; margin-left:28px; height:38px; line-height:38px; font-size:11px; color:#000; font-style:italic; font-weight:bold;}

/*grocery list*/
.grocery-list { margin:0 0 12px 9px; width:792px; border:1px dashed #666; background:url(images/grocery_lst_bg.gif) repeat-y 422px 0; color:#000; font-size:11px; line-height:150%; overflow:hidden;}

.grocery-ll { float:left; width:422px;}
.grocery-ll-area { padding:8px 12px 3px;}
.grocery-ll-name { background:#D8D8D8;}
.grocery-ll-name h1 { padding:3px 12px; margin:0;}
.grocery-ll-summary { padding:3px 12px 8px;}

.grocery-lr { float:left; width:370px;}
.grocery-lr-list { margin:15px 0 10px 12px; padding:0; list-style:none; overflow:hidden;}
.grocery-lr-list li { float:left; margin:3px 0;}
.grocery-lr-website { clear:both; padding-left:28px; width:57px; font-weight:bold; line-height:16px; background:url(images/icon1.gif) no-repeat;}
.grocery-lr-address { clear:both; padding-left:28px; width:57px; font-weight:bold; line-height:16px; background:url(images/icon2.gif) no-repeat;}
.grocery-lr-phone { clear:both; padding-left:28px; width:57px; font-weight:bold; line-height:16px; background:url(images/icon3.gif) no-repeat;}
.grocery-lr-content { width:260px; line-height:150%;}

/*manufacturer*/
#manufacturer-top { margin:1px 0 0 9px; width:984px; height:180px; background:url(images/manufacturers_bg.jpg) no-repeat; position:relative;}
#manufacturer-right { position:absolute; top:-9px; right:-4px;}