/* css dev: chris gerikh */
body, form { margin:0px; }
body { background: #94babd; }
body, div, table, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; }
a img, a:hover img { border: none; }
a, a:hover { text-decoration: underline; }
a { color: #ff9900; }
a:hover { color:#333333; }


.shell { width: 1012px; margin:8px auto 0 auto; position: relative; }
.push { height: 216px; }
.header, .nav, .addr, .header img, .imask-l, .imask-r, .addr-phone, .mini-sub { position: absolute; }
.left-side, .right-side { float: left; }

/* header */
.header { top:0px; left:0px; z-index:1; }
.hdl, .hdr { float: left; height: 201px; width: 18px; }
.hdl { background:url(../images/hdr-side-l.gif) no-repeat; }
.hdr { background:url(../images/hdr-side-r.gif) no-repeat; }
.hdc { float: left; position: relative; width: 964px; height: 201px; background:url(../images/hdr-bg.gif) repeat-x; text-align:left; }
.header h1, .header h1 a, .header h1 a:hover { display: block; color:#6ca1a5; font-size: 1px; width: 255px; height: 151px; }
.header h1 { margin:4px 0 0 12px; text-indent:-9000px; background:url(../images/mikes-subs-kenmores-original.jpg) no-repeat; }
.addr, .addr-phone { color:#FFFFFF; font-weight: bold; font-size: 12px; }
.addr { top: 8px; right: 0px; width: 190px; text-align:right; z-index:9; }
.header a, .header a:hover { text-decoration: none; }
.header a:hover { color: #FFFFFF; }

.header img { left: 275px; top: 4px; z-index: 3; width: 550px; height: 157px; }
.imask-l, .imask-r { top: 4px; width: 115px; height: 157px; z-index: 6; }
.imask-l { left: 275px; background:url(../images/imask-l.png) no-repeat; }
.imask-r { left: 712px; background:url(../images/imask-r.png) no-repeat; }

.addr span { float: right; }
.addr-day { text-align:right; width: 70px; margin:0 8px 0 0; }
.addr-hrs { text-align:left; width: 89px; }
.addr-phone { width: 128px; height:37px; background:url(../images/deliver-bg.gif) top right no-repeat; margin:0 -13px 0 0; padding:4px 14px 0 0; bottom: 46px; right: 0; z-index: 9; text-align:right; }

/* nav */
.nav { top: 161px; left: 72px; z-index:9; }
.nav-item { margin:0 1px 0 0; float: left; }
.nav-l, .nav-r { width: 8px; font-size: 1px; }
.nav-l, .nav-r, .nav-c { float: left; height: 42px;  }
.nav-on .nav-l { background:url(../images/nav-on-l.gif) no-repeat; }
.nav-on .nav-c { background:url(../images/nav-on-bg.gif) repeat-x; }
.nav-on .nav-r { background:url(../images/nav-on-r.gif) no-repeat; }
.nav-off .nav-l { background:url(../images/nav-off-l.gif) no-repeat; }
.nav-off .nav-c { background:url(../images/nav-off-bg.gif) repeat-x; }
.nav-off .nav-r { background:url(../images/nav-off-r.gif) no-repeat; }
.nav-item a, .nav-item a:hover { font-weight: bold; text-decoration: none; font-size: 14px; display: block; padding:12px 16px 0 16px; }
.nav-off a { color:#FFFFFF; }
.nav-off a:hover { color:#cccccc; }
.nav-on a { color:#111111; }
.nav-on a:hover { color:#111111; }

/* snav = sub nav */
.subnav { margin:0 0 0 1px; }
.subnav ul { list-style-type: none; margin:2px 8px 4px 5px; padding:2px 8px 4px 5px; }
.subnav ul a { color:#FFFFFF; }
.subnav ul a:hover { color:#cccccc; }
.snav-item { margin:1px 0 0 0; width: 193px; }
.snav-t, .snav-b { width: 193px; font-size: 1px; height: 7px;}
.snav-c { width: 193px; }
.snav-on .snav-t { background:url(../images/snav-on-t.gif) no-repeat; }
.snav-on .snav-c { background:url(../images/snav-on-bg.gif) repeat-y; }
.snav-on .snav-b { background:url(../images/snav-on-b.gif) no-repeat; }
.snav-off .snav-t { background:url(../images/snav-off-t.gif) no-repeat; }
.snav-off .snav-c { background:url(../images/snav-off-bg.gif) repeat-y; }
.snav-off .snav-b { background:url(../images/snav-off-b.gif) no-repeat; }
.snav-item a, .snav-item a:hover { font-weight: bold; text-decoration: none; font-size: 12px; display: block; padding:0px 2px 0 8px; }
.snav-off a { color:#FFFFFF; }
.snav-off a:hover { color:#cccccc; }
.snav-on a { color:#111111; }
.snav-on a:hover { color:#111111; }


/* left */
.left-side { width: 212px; margin:0 12px 8px 2px; }
.right-side { }

/* order options */
.order-options  { list-style-type: none; margin:0; padding:0; }
.order-options .ico-order { background:url(../images/ico-order.gif) top left no-repeat; }
.order-options .ico-cart { background:url(../images/ico-cart.gif) top left no-repeat; }
.order-options .ico-print { background:url(../images/ico-print.gif) top left no-repeat; }
.order-options a, .order-options a:hover { display: block; padding:5px 0 4px 32px; font-weight: bold; text-decoration:none; }
.order-options a { color:#FFFFFF; }
.order-options a:hover { color:#cccccc; }

/* l-s = left section */
.l-s { width: 212px; background:url(../images/left-col-bg.gif) repeat-y; }
.l-t, .l-b { height: 8px; width: 212px; font-size: 1px; }
.l-t { background:url(../images/left-col-t.gif) no-repeat; }
.l-b { background:url(../images/left-col-b.gif) no-repeat; }
.l-c { padding:0 8px 0 8px; color: #eef6f6; }
.oo { width: 212px; height: 41px; display: block; }

/* col = narrow column unit */
.col { width: 380px; float: left; margin-right: 12px;}

.c-unit, .wc-unit { margin:0 0 12px 0; }
.c-unit, .c-t1, .c-t2, .c-bg, .c-b { width:380px;}
.c-t1 h1, .wc-t1 h1 { padding:6px 8px 0 12px; margin:0; color:#FFFFFF; font-size: 14px; }
.c-t1 { background:#196e70 url(../images/col-t1.gif) top no-repeat; }
.c-t2 { background:url(../images/col-t2.gif) top no-repeat; height: 15px; font-size:1px; }
.c-bg { background:url(../images/col-bg.gif) repeat-y; }
.c-b { background:url(../images/col-b.gif) no-repeat; font-size: 1px; height: 7px; }
.c-c, .wc-c { padding:0 12px 0 12px; } /* c-c = col content */

.wc-unit, .wc-t1, .wc-t2, .wc-bg, .wc-b { width:770px; }
.wc-t1 { background:#196e70 url(../images/wcol-t1.gif) top no-repeat; }
.wc-t2 { background:url(../images/wcol-t2.gif) top no-repeat; height: 15px; font-size:1px; }
.wc-bg { background:url(../images/wcol-bg.gif) repeat-y; }
.wc-b { background:url(../images/wcol-b.gif) no-repeat; font-size: 1px; height: 7px; }


/* footer & base */
.base { width: 950px; }
.footer { width: 990px; margin:0 auto; clear: both; }
.footer { background:#4c8d90; }
.f-t, .f-b { width: 990px; height: 8px; font-size: 1px; }
.f-t { background:url(../images/f-t.gif) no-repeat; }
.f-b { background:url(../images/f-b.gif) no-repeat; }
.f-c { padding:2px 58px 2px 8px; text-align:right; color:#eef6f6; position: relative; }
.footer a, .footer a:hover { text-decoration: none; font-size: 11px; font-weight: bold; }
.footer a { color:#eef6f6; }
.footer a:hover { color:#cccccc; }
.mini-sub { left: 940px; top:-5px; }

.base { text-align:right; color:#196e70; font-size: 11px; font-weight: bold; padding:2px 63px 8px 0; }

/* misc */
.clear { clear: both; }
.center { text-align:center; margin:0 auto; }
.mikes-tweets { width: 210px; height: 77px; display: block; margin:8px auto 0 auto; }

.coupon {border: 5px dashed #555555; padding: 15px; margin: 15px; text-align: center;}

/* email us form */
#mailinglist label { width: 135px; display: block; float: left; clear: left; height: 35px; line-height: 35px;}
#mailinglist input, #mailinglist select { float: left; }