html { padding: 0px; margin: 0px; }
body { font-family: verdana,arial,helvetica; font-size: 8pt; padding: 0px; margin: 0px; background-color: white; }
form { padding: 0px; margin: 0px; }
table { font-family: verdana,arial,helvetica; font-size: 8pt; }
th { text-align: left; }

h1 { margin-top: 0px; margin-bottom: 15px; padding: 0px; color: #808090; font-family: Arial, Verdana; font-weight: bold; font-size: 16pt; }
h2 { margin-top: 0px; margin-bottom: 15px; padding: 0px; color: #808090; font-family: Arial, Verdana; font-weight: normal; font-size: 16pt; border-bottom: 5px solid #EEEEF0 /*#E1E1E4 /*#C6C6CC /*#AAAAB4*/; }
h3 { margin-top: 0px; margin-bottom: 15px; padding: 0px; color: #404050; font-family: Arial, Verdana; font-weight: bold; font-size: 16pt; border-bottom: 5px solid #EEEEF0 /*#E1E1E4 /*#C6C6CC /*#AAAAB4*/; }
h4 { margin-top: 0px; margin-bottom: 15px; padding: 0px; color: #808090; font-family: Arial, Verdana; font-weight: normal; font-size: 12pt; border-bottom: 5px solid #EEEEF0 /*#E1E1E4 /*#C6C6CC /*#AAAAB4*/; }

a { color: #606070; border: 3px solid white; text-decoration: none; padding: 0px; line-height: 20px; }
a:link { color: #606070; border: 3px solid white; text-decoration: none; }
a:visited { color: #808090; border: 3px solid white; text-decoration: none; }
a:hover { color: white; background-color: #EE9900; border: 3px solid #EE9900; }

.pic a { color: #606060; border: none; text-decoration: none; padding: 0px; line-height: normal; }
.pic a:link { color: #606060; border: none; text-decoration: none; }
.pic a:visited { color: #808080; border: none; text-decoration: none; }
.pic a:hover { color: white; background-color: Transparent; border: none; }

input { font-family: verdana, arial, helvetica; font-size: 8pt; }
textarea { font-family: verdana, arial, helvetica; font-size: 8pt; }
img { border: none; }

.nav { padding-right: 40px; color: #c0c0c0; font-size: 9pt; }
.nav .sel a { color: #ee9900; border: 3px solid white; text-decoration: none; padding: 0px; line-height: 20px; font-size: 9pt; font-weight: bold; }
.nav .sel a:link { color: #ee9900; border: 3px solid white; text-decoration: none; }
.nav .sel a:visited { color: #ee9900; border: 3px solid white; text-decoration: none; }
.nav .sel a:hover { color: white; background-color: #EE9900; border: 3px solid #EE9900; }

.navs { padding-right: 40px; color: #c0c0c0; font-size: 8pt; }
.navs .sel a { color: #ee9900; border: 3px solid white; text-decoration: none; padding: 0px; line-height: 20px; font-size: 8pt; font-weight: bold; }
.navs .sel a:link { color: #ee9900; border: 3px solid white; text-decoration: none; }
.navs .sel a:visited { color: #ee9900; border: 3px solid white; text-decoration: none; }
.navs .sel a:hover { color: white; background-color: #EE9900; border: 3px solid #EE9900; }

.main { background-color: #E1E1E4; }
.main_content { width: 800px; height: 100%; background-color: White; border-left: 1px solid #D4D4D8; border-right: 2px solid #D4D4D8; }
.logo { padding: 20px 0px 0px 20px; }
.header { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding-top: 3px; padding-bottom: 3px; }
.spacer { height: 10px; line-height: 1px; width: 100%; }
.customer { /*color: #3366FF;*/ color: #808090; font-weight: bold; overflow: hidden; width: 150px; }

.box { background-image: url(images/box_back.gif); background-position: left bottom; background-repeat: repeat-x;  }
.box .t { border-top: 1px solid #c0c0c0; line-height: 1px; }
.box .b { border-bottom: 1px solid #c0c0c0; line-height: 1px; }
.box .l { border-left: 1px solid #c0c0c0; }
.box .r { border-right: 1px solid #c0c0c0; }

/*.box a { color: #606060; border: none; text-decoration: none; padding: 0px; line-height: normal; }
.box a:link { color: #606060; border: none; text-decoration: none; }
.box a:visited { color: #808080; border: none; text-decoration: none; }
.box a:hover { color: white; background-color: Transparent; border: none; }
*/

/*.box a { color: #FF9900; border: none; text-decoration: none; padding: 0px; line-height: normal; }
.box a:link { color: #FF9900; border: none; text-decoration: none; }
.box a:visited { color: #FF9900; border: none; text-decoration: none; }
.box a:hover { color: white; background-color: #EE9900; border: none; }
*/

.obox { background-color: #fed184; background-image: url(images/obox_back.gif); background-position: left bottom; background-repeat: repeat-x;  }
.obox .t { border-top: 1px solid #ee9900; line-height: 1px; }
.obox .b { border-bottom: 1px solid #ee9900; line-height: 1px; }
.obox .l { border-left: 1px solid #ee9900; }
.obox .r { border-right: 1px solid #ee9900; }

.obox a { color: #303030; font-weight: bold; border: none; text-decoration: none; padding: 0px; line-height: normal; }
.obox a:link { color: #303030; border: none; text-decoration: none; }
.obox a:visited { color: #303030; border: none; text-decoration: none; }
.obox a:hover { color: white; background-color: Transparent; border: none; }

.wbox { background-color: white;  }
.wbox .t { border-top: 1px solid #c0c0c0; line-height: 1px; }
.wbox .b { border-bottom: 1px solid #c0c0c0; line-height: 1px; }
.wbox .l { border-left: 1px solid #c0c0c0; }
.wbox .r { border-right: 1px solid #c0c0c0; }

.content { padding: 40px 40px 40px 40px; text-align: left; }
.content2 { padding: 0px 40px 40px 40px; text-align: left; }
.footer { padding: 40px; color: #999999; font-size: 7pt; text-align: center; }

.ingredients { color: #666666; font-size: 8pt; padding: 10px; }
.allergens { color: #666666; font-size: 8pt; padding: 10px; }

.nutrition { color: #666666; font-size: 7pt; padding: 10px; }
.nutrition .title { font-size: 8pt; font-weight: bold; }
.nutrition td { color: #666666; font-size: 7pt; }
.nutrition .sep { border-top: 2px solid #666666; padding-top: 3px; padding-bottom: 3px; }
.nutrition .value { color: black; }
.nutrition .val_sep { border-bottom: 1px solid #e0e0e0; }

.news .time { font-size: 7pt; color: #999999; }
.news .headline { font-size: 8pt; color: #666666; }
.news .body { font-size: 8pt; color: #666666; }

.order { }
.order .steps { color: #666666; padding-top: 5px; padding-bottom: 5px; }
.order .steps .normal { }
.order .steps .normal_number { color: #666666; width: 21px; text-align: center; height: 21px; vertical-align:  top; background-image: url(images/step_normal.gif); background-repeat: no-repeat; background-position: left top; padding-right: 5px; padding-top: 2px; }
.order .steps .current { font-weight: bold; }
.order .steps .current_number { font-weight: bold; color: #ffffff; width: 21px; text-align: center; height: 21px; vertical-align: top; background-image: url(images/step_current.gif); background-repeat: no-repeat; background-position: left top; padding-right: 5px; padding-top: 2px; }
.order .steps .connect { width: 21px; height: 21px; background-image: url(images/step_connect.gif); background-repeat: repeat-y; background-position: left top; }

.form .label { color: #666666; white-space: nowrap; }
.form .required { color: #666666; font-weight: bold; white-space: nowrap; }
.form .readonly { color: #a0a0a0; }

.help { color: #999999; font-size: 7pt; }

.success { color: #3366FF; padding-bottom: 20px; font-weight: bold; }
.error { color: red; padding-bottom: 20px; font-weight: bold; }
.error_required { color: orange; padding-bottom: 20px; }

.cookie_menu_item { padding-right: 20px; }

/* Cart */
.cart { }
.cart .hdr { color: #808090; padding: 10px; border-right: 1px solid #EEEEF0; border-bottom: 4px solid #EEEEF0; }
.cart .cell { padding: 10px; border-right: 1px solid #EEEEF0; border-bottom: 2px solid #EEEEF0; }
.cart .subtotal { padding: 10px; border-right: 1px solid #EEEEF0; border-top: 2px solid #EEEEF0; }
.cart .total { font-weight: bold; padding: 10px; border-right: 1px solid #EEEEF0; border-top: 2px solid #EEEEF0; }

/* Checkout */
.checkout { color: #808090; font-family: Arial, Verdana; font-weight: bold; font-size: 12pt; }
.checkout td { padding: 10px; color: #AAAAB4; border-bottom: 4px solid #EEEEF0; white-space:nowrap; }
.checkout .sel { color: #404050; border-bottom: 4px solid #EE9900; }

/* Payment options */
.payment { }
.payment td { vertical-align: top; }

/* Map */
.map {}
.map a { color: blue; font-weight: normal; border: none; text-decoration: none; padding: 0px; line-height: normal; }
.map a:link { color: blue; border: none; text-decoration: none; }
.map a:visited { color: blue; border: none; text-decoration: none; }
.map a:hover { color: purple; background-color: transparent; border: none; }

/* Calendar */
.cal { background-color: White; }
.cal a { color: green; text-decoration: none; font-weight: normal; }
.cal a:link { color: green;  }
.cal a:visited { color: green; }
.cal a:hover { text-decoration: underline; color: #3333cc; }
.cal .title {  }
.cal .selectedday { }
.cal .selectedday a { color: black; text-decoration: none; font-weight: bold; }
.cal .othermonthdaystyle { }
.cal .todayday { }
.cal .day { color: Green; }
.cal .dayheader { border-top: 1px solid #F2EFE9; }
.cal .nextprev { }