/* CSS Document */
html, body { height: 100%; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; background:#EDEDED; margin:5px; height:auto }
.main { max-width:100%; min-width:950px; width:auto; margin:0 auto;}
.fl { float:left }
.fr { float:right }
.cl { clear:both; }

/* Header */
.header { width:100%; }
.header .bgR { background:url(../images/index_03.gif) no-repeat left top }
.header .bgL { background:url(../images/index_05.gif) no-repeat right top }
.header .bg { background: url(../images/bg_header_05.gif); margin:0 12px; height:107px; padding-top:16px; }
.header .banner728 { width:728px; height:90px; border:#CCCCCC 1px solid; margin:0 auto; }
.header .menu { padding-top:1px; }
.header .menu table { width:100%; border-collapse:collapse; border:0; }
.header .menu table a { display:block; text-align:center; height:22px; text-decoration:none; background:url(../images/bgmenu_12.gif); padding-top:5px; }
.header .menu table a span.br { display:block; background:url(../images/menu_bl.gif) no-repeat right top; }
.header .menu table a span { color:#FFFFFF; font-size:12px; }
.header .menu table a:hover { background: url(../images/bgmenuRo_12.gif)}
.header .menu table a:hover span {color:#333333}
.header .menu table td { width:16%; }
.header .menu table div.nolink {background: url(../images/bgmenu_12.gif);color:#CECECE; font-size:12px;display:block; text-align:center; height:22px; text-decoration:none;padding-top:5px;}
.header .menu table span.br { display:block; background:url(../images/menu_bl.gif) no-repeat right top; }
/* Content */
.content { background-color:#EAE9E9; margin-top:3px; padding:10px; min-height:100% }

.grocerList { display:inline;float:left; width:60%; margin-right:1%; position:relative; }
.grocerList .bg { background:url(../images/index_16.gif) no-repeat top left; background-color:#269AD7; padding:10px; }
.grocerList table {border-collapse:collapse; padding:0; margin:0; font-size:12px; color:#FFFFFF}
.grocerList table td { padding:10px 5px; border:1px solid #CCCCCC; text-align:center}
.grocerList table td.grocerName{width:200px;}
.grocerList table td.address{width:200px;}
.grocerList table td.location{width:100px;}
.grocerList table td.date{width:75px;}
.grocerList table td.more{width:80px;}
.grocerList table a { font-weight:bold; color:#FFFFFF; text-decoration:underline}
.grocerList table a:hover{ text-decoration:underline}
/*News*/
.news { display:inline;float:left; width:38%; background:#FFFFFF; margin-right:0%}
.news .bg {background:url(../images/index_12.gif) no-repeat left top;}
.news .bgL {background:url(../images/index_22.gif) no-repeat right bottom; padding:3px;}
.news .bgL a{font-size:12px; font-weight:bold; float:righy; color:#269AD7; text-decoration:none}
.news .bgL a:hover {color:#1C5D8E}
.news .bg .txt {font-size:11px; color:#666666; padding:10px}
.news .bg .txt span {font-size:16px; color:#269AD7; float:right; font-weight:bold;}
.news .bg .txt div a{font-size:12px; color:#333333; text-decoration:none; display:block;}
.news .bg .txt div a:hover {color:#269AD7; text-decoration:underline}
/*login*/
.boxLogin { display:inline;float:right; width:195px; height:215px; background:url(../images/index_14.gif) no-repeat right top; font-size:12px; color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif }
.boxLogin .inside {display:inline;width:180px; margin-top:30px; float:right; }
.boxLogin div {padding-top:15px}
/*footer*/
.footer {padding:10px;}
.footer a {font-size:12px; color:#333; text-decoration:none;}
.footer a:hover span {color:#269AD7}
.footer a img {border:0px; text-decoration:none; margin-right:5px}
div.grocerListTitle{margin: 12px auto;color:#269AD7;font-weight:bold; text-align:center;}