html, body, #container { width:100%; height:auto; margin:0; padding:0; }
html { background:#F2F2F2 url(../images/header-back.png) top center repeat-x; }
a, object { text-decoration:none; outline:none; }
a img { border:none; }
#container { position:relative; }

#nav { width:100%; height:51px; font:bold 13px verdana; color:#BBB; background:url(../images/nav-back.png); }
#nav div { width:956px; margin:0 auto; padding:22px 0 0 0; }
#nav img { margin:0 0 -3px 0; }
#nav a { padding:0 8px; }
#nav a:hover { opacity:.5; }
#nav #addthis { width:auto !important; margin:0 !important; padding:0 !important; position:absolute; top:21px; right:5px; }

#flash { width:100%; height:456px; background:url(../images/header-back2.jpg) top center no-repeat; position:relative; }
#flashcontent { width:990px; height:456px; margin:0 auto; position:relative; z-index:2; }
#content { width:990px; margin:0 auto; position:relative; z-index:1; }
#content p, h1, h2, h3 { margin:0; padding:0; }
#content p a, #copy a, #box a, .mandatory { color:#E1C600; }
#content p a:hover, #copy a:hover, #box a:hover { color:#333; }

#left { width:230px; position:absolute; left:32px; }
#box { width:192px; height:271px; padding:10px 15px 0 15px; background:#636467; position:absolute; top:0; }
#box p { margin:0 0 10px 0; padding:0; font:18px/19px helvetica, arial; color:#C4C4C4; text-transform:uppercase; }
#box p img { margin:3px 0 0 0; float:right; }
#box span, h2 span { font-size:15px; }
#directions div { width:25%; text-align:center; float:left; }
#box img:hover, #box2:hover { opacity:.7; }
#tradinghours { width:100%; margin:0 0 30px 0; font:10px/18px helvetica, arial; color:#C4C4C4; }
.stores { text-transform:uppercase; float:left; }
.times { text-align:right; }
#box2 { position:absolute; top:296px; }

#main { width:690px; position:relative; top:15px; left:269px; }
h1 { margin:0 0 18px 0; padding:0; font:26px helvetica, arial; color:#4D4F50; text-transform:uppercase; }
h2 { margin:0 0 18px 0; padding:0; font:18px/22px helvetica, arial; color:#A9A9A9; }
h3 { margin:0 0 3px 0; padding:0; font:16px/22px helvetica, arial; }
h3 span { font:11px helvetica, arial; }
#copy { min-height:371px; _height:371px; padding:21px 21px 5px 21px; font:12px/20px helvetica, arial; color:#333; background:#FFF; border:1px solid #FFF; }
#copy p { margin:0 0 14px 0; }
#copy ul { margin:0 0 14px 0; padding:0; list-style:none; }
#copy li { margin:0; padding:0 0 0 10px; background:url(../images/li.png) top left no-repeat; }
td { vertical-align:top; }
.linkbox { padding:1px 5px; font-size:11px; font-weight:bold; color:#333 !important; background:#F4DD2C; }
.linkbox:hover { background:#FBEF99; }
#copy .more { margin:10px 0 5px 0; text-align:right; }
#copy .more a { padding:0 18px 1px 0; font-size:11px; color:#E1C600; background:url(../images/arrow3.png) right no-repeat; display:block; }
#copy .more a:hover { color:#A4A4A4; background:url(../images/arrow2.png) right no-repeat; }
.fine { font:10px/18px helvetica, arial; color:#999; }
hr { margin:0 0 18px 0; padding:0; border:1px solid #F2F2F2; }
.indent { margin:0 0 0 20px !important; }
#mapcontainer { width:630px; height:300px; border:8px solid #A9A9A9; }
#map { width:100%; height:100%; background:#000; }

#specialbox, .storedetails { width:213px; height:234px; margin:-8px -8px 0 20px; background:#F2F2F2; border:1px solid #EBEBEB; float:right; position:relative; }
#specialbox img { width:195px; height:95px; border:1px solid #DDD; position:absolute; top:8px; left:8px; }
#specialbox h2 { line-height:18px; text-transform:uppercase; position:absolute; top:114px; left:8px; }
#specialbox p { height:47px; padding-right:8px; line-height:16px; overflow:hidden; position:absolute; top:155px; left:8px; }
#specialbox .more { position:absolute; bottom:0; right:8px; }
#specialbox .more a, .storedetails .more a { padding:0 18px 3px 0; color:#A4A4A4 !important; background:url(../images/arrow2.png) right no-repeat !important; }
#specialbox .more a:hover, .storedetails .more a:hover { color:#333 !important; background:url(../images/arrow3.png) right no-repeat !important; }
.special h2 { color:#4D4F50; }
.special img { width:195px; height:95px; margin:0 25px 20px 0; border:1px solid #DDD; float:left; }

.storedetails { width:197px; height:auto; margin:-8px -8px 18px 20px; padding:8px 8px 0 8px; clear:right; }
.storedetails img { width:195px; margin:0 0 8px 0; border:1px solid #DDD; }
.storedetails h2 { margin:0 0 8px 0; text-transform:uppercase; }
.storedetails p { margin:0 0 8px 0 !important; line-height:16px; }
.storedetails .stores p, .storedetails .times p { font:10px/18px helvetica, arial; }

#form label { margin:4px 0 0 0; font-weight:bold; position:absolute; }
.cat_textbox { width:220px; margin:2px 0 2px 150px; padding:4px; font:12px helvetica, arial; color:#888; border:1px solid #DDD; }
.cat_textbox:hover { border:1px solid #E1C600; }
.captcha .cat_textbox { width:150px !important; margin-left:0; }
.cat_button { padding:8px; background:#F4DE31; border:none; font:bold 12px helvetica, arial; text-transform:uppercase; color:#333; cursor:pointer; }
.cat_button:hover { background:#333; color:#FFF; }

#footer { width:100%; height:180px; margin:30px 0 0 0; background:#636467 url(../images/footer-back.png) top repeat-x; }
#footercontent { width:990px; margin:0 auto; position:relative; z-index:2; }
#footer .left { font:11px/18px helvetica, arial; color:#DDD; position:absolute; top:25px; left:27px; }
#footer .left div, #footer .left div a { color:#AAA; }
#footer p { margin:0; padding:0; }
#footer .left a { color:#DDD; }
#footer .left a:hover { color:#F7E453; }
#footer span { margin:0 2px; font:bold 10px verdana; color:#F7E453; }
#logo { position:absolute; top:15px; right:33px; }
#logo:hover, .left img:hover { opacity:.65; }