@charset "utf-8";

/* reset */
#flashContent { display:block; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
* { outline: none; }

/* layout */

.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }
.clear { clear: both; }

.indent { margin-left: 20px; }
.outdent { margin-right: 20px; }
.prepend { margin-top: 20px; }
.append { margin-bottom: 20px; }
.nomargin { margin-bottom: 0; }
.wrap { padding: 0 20px; }

.span-1 { width: 60px; }
.span-2 { width: 120px; }
.span-3 { width: 180px; }
.span-4 { width: 240px; }
.span-5 { width: 300px; }
.span-6 { width: 360px; }
.span-6b { width: 350px; }
.span-7 { width: 420px; }
.span-8 { width: 480px; }
.span-9 { width: 540px; }
.span-10 { width: 600px; }
.span-11 { width: 660px; }
.span-12 { width: 720px; }
.span-13 { width: 780px; }
.span-14 { width: 840px; }
.span-15 { width: 900px; }
.span-16 { width: 960px; }

.span-3.wrap { width: 140px !important; }
.span-4.wrap { width: 200px !important; }
.span-5.wrap { width: 260px !important; }
.span-6.wrap { width: 320px !important; }
.span-7.wrap { width: 380px !important; }
.span-8.wrap { width: 440px !important; }
.span-9.wrap { width: 500px !important; }
.span-10.wrap { width: 560px !important; }
.span-11.wrap { width: 620px !important; }
.span-12.wrap { width: 680px !important; }
.span-13.wrap { width: 740px !important; }
.span-14.wrap { width: 800px !important; }
.span-15.wrap { width: 860px !important; }
.span-16.wrap { width: 920px !important; }

/* typography */

body { background: #e5e5e5 url(../images/fill-1.png) repeat-x top left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; line-height: 15px; }
h1 { font-size: 32px; line-height: 40px; font-weight: normal; }
h2 { font-size: 22px; line-height: 40px; font-weight: normal; text-transform: uppercase; padding: 30px 20px; }
h3 { font-size: 16px; line-height: 20px; font-weight: normal; text-transform: uppercase; margin: 20px 0; }
h4 { font-size: 16px; line-height: 20px; font-weight: normal; margin-bottom: 10px; }
h5 { font-weight: normal; text-transform: uppercase; }
h6 { font-weight: bold; }
blockquote { font-size: 16px; line-height: 20px; margin-bottom: 10px; }
ul { list-style: none; }
p { margin-bottom: 10px; }

a { text-decoration: none; color: #3399cc; }
a:hover { text-decoration: underline; }

input { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; line-height: 15px; }
label { display: inline-block; vertical-align: top; }

/* styling */

img.shadow { background-color: #fff; }
.shadow-lt { background: url(../images/shadow-lt.png) no-repeat top right; }
.shadow-lb { background: url(../images/shadow-lb.png) no-repeat bottom right; min-height: 240px; }
.shadow-lc { background: url(../images/shadow-lc.png) repeat-y top right; }

.fill-1 { background-color: #e5e5e5; }

.color-1, .color-1 a { color: #fff; }
.color-2, .color-2 a { color: #999; }
.color-3, .color-3 a { color: #3399cc; }

.inline { list-style: none; }
.inline li { display: block; float: left; }
.inline li.rule { margin-left: 5px; padding-left: 5px; border-left: 1px solid #999; }
.inline.upper li.rule { margin-left: 10px; padding-left: 10px; }

.page { width: 1000px; }

#header { padding: 0 40px; }
#logo { float: left; padding-left: 0px; padding-top:4px }

#subnav { float: right; clear: right; margin-top: 60px; }
#subnav li { margin-left: 10px; padding-bottom: 2px; line-height: 20px; text-transform: uppercase; }
#subnav li.rule { margin-left: 10px; padding-left: 10px; }


.inline { list-style: none; margin: 0; }
.inline li { display: block; float: left; }
.inline li.rule { margin-left: 5px; padding-left: 5px; border-left: 1px solid #999; }
.inline.upper li.rule { margin-left: 10px; padding-left: 10px; }

#nav { float: right; clear: right; margin-top: 5px; }
#nav li { position: relative; z-index: 100; line-height: 30px; text-transform: uppercase; }
#nav li ul { position: absolute; left: -10px; background-color: #000; display: none; }
#nav li ul li { display: block; line-height: 20px; text-transform: none; }
#nav li ul li a { display: block; width: 180px; padding: 5px 10px; }
#nav li ul li a:hover { color: #fff; background-color: #3399cc; }

#sidenav { border-bottom: 1px solid #e5e5e5; color: #999; }
#sidenav li { text-transform: uppercase; padding: 7px 0; border-top: 1px solid #e5e5e5; }

#cart { padding: 20px; height: 40px; margin-bottom: 20px; color: #fff; background-color: #000; }
#cart h5 { line-height: 20px; margin: 0; }
#cart #total { line-height: 20px; text-transform: uppercase; }
#cart #total li.rule { margin-left: 10px; padding-left: 10px; }
#cart .button { float: right; }

#screen { width: 920px; height: 260px; padding-bottom: 80px; background: #000 url(../images/fill-2.png) no-repeat center; }
#content { padding: 0 20px; background-color: #fff; }
#footer { margin: 0 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; }

.button { display: inline-block; line-height: 20px; padding: 0 5px; text-transform: uppercase; color: #fff; background-color: #3399cc; }

/* widgets */

.scrollable { position: relative; overflow: hidden; }
.scrollable .panels { width: 20000em; position: absolute; }
.scrollable .panels div { float: left; }

#featured { width: 520px; height: 240px; background-color: #fff; }
#featured .scrollable { width: 480px; height: 240px; float: left; }
#featured .scrollable .panels div { width: 120px; height: 200px; padding: 20px; }
#featured .scrollable .panels div img { margin-bottom: 10px; background: none; }
#featured .prev, #featured .next { display: block; float: left; width: 20px; height: 240px; }
#featured .prev { background: #e5e5e5 url(../images/icons/arrow_left.png) no-repeat center; }
#featured .next { background: #e5e5e5 url(../images/icons/arrow_right.png) no-repeat center; }
#featured .disabled { background-image: none; cursor: default; }

#schedule { width: 350px; height: 240px; background-color: #fff;  padding-left: 10px }