* {position: relative; margin: 0; padding: 0; text-decoration: none; vertical-align: top; list-style: none;}

body {visibility: hidden; height:100%; width: 100%; margin: 0; padding: 0; font: 10pt Arial; color: #000; background: url( '/img/background-tile.jpg' ) top left #47c3d0; overflow: auto;}
a {text-decoration: none; color: #05f; cursor: pointer;}
img {border: 0; }
fieldset {padding: 10px;}

.hidden {display: none;}
.text {color: #000;}
.right {text-align: right;}
.error-message {color: #f00;}
.tiny {font-size: 7pt;}

div#header {height: 130px; width: 100%; background: url( '/img/header.jpg' ) repeat-x #007ba4; z-index: 100; }

div#nav {background: url( '/img/bread-crumb-bg.jpg' ) #007aa2; z-index: 100;}

div#mainTop {height: 109px; width: 688px; background: url( '/img/scroll-white-header.png' ) repeat-y;}
div#main {margin: 0; width: 688px; background: url( '/img/scroll-white-middle.png' ) repeat-y;}
div#mainBottom {height: 129px; width: 688px; background: url( '/img/scroll-bottom-white.png' ) repeat-y;}

div#content {margin: 0px 80px 0 0; padding: 20px;}
div#content:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden;}

div#rightSidebar {position: absolute; top: 160px; left: 650px; width: 300px; background: url( '/img/ScrollBG.jpg' ) #eec16b; border: 1px solid #444; z-index: 80;}

div#cart {margin: 10px; width: 280px; background: #fff; border: 1px solid #444;}
div#cart h2 {padding: 3px; font-size: 10pt; background: #ddddd7; border-bottom: 1px solid #aaa;}
div#cart h2 a {font-size: 9pt; font-weight: normal;}
div#cart p {padding: 5px;}

table.cart {padding: 5px; width: 100%;}

div#checkoutButton {width: 280px;margin-top: 10px; padding: 3px 0; text-align: center; background: #ddd; border-top: 1px solid #aaa;}

div#localPromotions {margin: 10px; text-align: center;}

p.promo {padding: 35px 0 0 10px; font-size: 9pt;}

div#pizzaNav {margin: 0 100px 0 10px; padding: 25px 0 0;}
div#pizzaNav a {margin: 0 0 0 10px; color: #444; font: 14pt georgia;}
div#pizzaNav a img {margin-top: -7px;}
div#pizzaNav a span {visibility: hidden;}
div#pizzaNav a.selected span {visibility: visible;}
div#pizzaNav a:hover span {visibility: visible;}

div#pizzaPreview {float: left; width: 360px; height: 365px; background: url( '/img/classic_crust.jpg' )}
div#pizzaPreview div, div#pizzaPreview img {position: absolute; top: 0; left: 0;}

div#pizzaSelector {float: right; width: 164px; margin-right: 30px;}
div#pizzaSelector {font-size: 8pt; color: #0078AE;}
div#pizzaSelector input {margin: 2px;}

div.notificationBackground {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 120; filter: alpha(opacity=50); opacity: 0.5;}
div.notificationContainer {position: fixed; width: 100%; text-align: center; background: none; z-index: 130;}
div.notificationContainer div.notification {position: relative; margin: -5px auto 0 auto; width: 600px; text-align: left; background: #fff; border: 1px solid #444; z-index: 140;}
div.notificationContainer div.notification h2 {margin: 0; padding: 3px 7px; color: #fff; background: #2478b1;}
div.notificationContainer form {margin: 20px;}
div.notificationContainer input {margin: 3px}
div.notificationContainer div.right {position: absolute; bottom: 20px; right: 20px;}

div#authMessage {margin: 10px 20px -10px;}

div#sessionStatus {position: absolute; top: 7px; right: 15px; color: #fff; line-height: 13pt;}
div#sessionStatus a {color: #a8d2e0;}

div.columnA1 {float: left; padding: 5px 50px; width: 220px; height: 260px; font-size: 9pt;}
div.columnA1 * {margin: 5px 1px; vertical-align: baseline;}

div.columnA2 {float: left; padding: 5px 50px; width: 170px; height: 260px; font-size: 9pt;}
div.columnA2 * {margin: 5px 1px; vertical-align: baseline;}

div.columnA3 {float: left; padding: 5px; width: 170px; height: 260px; font-size: 9pt;}
div.columnA3 * {margin: 5px 1px; vertical-align: baseline;}

div.columnB3 {float: left; padding: 5px; width: 170px; height: 320px; font-size: 9pt;}
div.columnB3 * {margin: 5px 1px; vertical-align: baseline;}

.bold {font-weight: bold;}

div.storeInfo {margin: 0 0 40px 20px;}
div.storeInfo:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
div.storeInfo h3 {margin: 0 60px 0 0; border-bottom: 1px solid #eee;}
div.storeInfo h3 span {position: absolute; bottom: 0; padding: 2px; font-size: 9pt; font-weight: normal;}
div.storeInfo div {float: left; display: inline-block; margin: 10px 20px 0 0; width: 160px; font-size: 9pt; color: #444;}
div.storeInfo div.phone {width: 100px;}
div.storeInfo div.hours {width: 200px;}

div.checkout {font-size: 8pt; font-weight: bold;}
div.checkout table {width: 300px;}
div.checkout table td {padding: 10px;}

div#orderConfirmation {margin-top: 30px; font-size: 8pt;}
div#orderConfirmation * {margin: 5px;}