body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #000000 url(../images/bg.gif);
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}		

#container {
	width: 670px;
	margin-right:auto;
	margin-left:auto;
	background: #FFFFFF;
	border-top: 1px none #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding-bottom: 20px;
	}

		#banner {
	padding: 0px;
		}

		#content {
	padding: 0px;
	background: #FFFFFF;
	width: 100%;
		}



	#footer {
	clear: both;
	text-align: center;
	border: 1px solid #999999;
	width: auto;
	position: relative;
	height: 20px;
	padding: 2px;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
		}
		
	#footer a{
	text-decoration: none;
	color: #999999;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 85%;
	line-height: 20px;
	}
	
		#footer p{
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	color: #CCCCCC;
		}
		
#headwrap {
	padding: 0px;
	background: #000000;
	float: left;
	margin: 0px;
	width: 100%;
}


/*nav styles*/
#navwrap {
	margin: 0px;
	padding: 0px;
	background: #D5D1CA url(../images/nav_bg.gif) repeat-x;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	float: left;
	width: 100%;
	font-size: 90%;
}

#navwrap ul {
	width: 671px;
	margin: 0px auto;
	padding: 0px;
	font-size: 90%;
}

#navwrap ul li {
	display: inline;
	border-right: 1px solid #999999;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navwrap ul li a{
	text-decoration: none;
	margin: 0px;
	padding: .5em 1em;
	float: left;
	color: #666666;
}
#navwrap ul li a:hover{
	background: #FFFFFF;	
}

/*end nav*/

p {
	font-size: 76%;
	color: #333333;
	line-height: 120%;
	margin: 0px;
	padding: 1em 0px 0px;
}

ul {
	text-align: left;
	line-height: 2em;
	font-size: 76%;
}
a {
	color: #46AFC1;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#footer a:hover {
	color: #5A64BF;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 85%;
}


#nav1 {
	border-left: 1px solid #999999;
}
.left {
	float: left;
	clear: none;
}
.floatright {
	float: right;
	clear: none;
}
#headwrap div{
	clear: none;
	float: right;
	padding-top: 1.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
}
	
#headwrap div p{
	font-size: 65%;
	color: #958A7A;
	text-align: right;
	padding: 0px;
	margin: 0px;
	}
.white {
	color: #FFFFFF;
}
#header {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(../images/tile_shad.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-top: 1px solid #FFFFFF;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 178px;
}

#header h1{
	font: normal 150%/1.5em "Times New Roman", Times, serif;
	color: #FFFFFF;
	background: #7F3414;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

#header_img {
	background: #2A2722 url(../images/masthead.jpg) no-repeat 50px;
	float: left;
	width: 421px;
	height: 135px;
	margin: 0px;
	padding: 0px;
}
.introtxt {
	width: 380px;
	float: left;
	background: #FFFFFF;
}
#padding {
	padding: 15px;
	padding-top:0px;
	background: #FFFFFF;
}
.clear {
	clear: both;
}
.expand {
	background: url(../images/expand.gif) no-repeat left 50%;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.dash {
	background: url(../images/dash.gif) repeat-x;
	clear: both;
}
 form dt {
	clear: left;
	float: left;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 76%;
	border: none;
	padding-left: 20px;
	width: 100%;
}
form dd {
	margin: 0px;
	padding: 10px 0px 0px;
	display: block;
	clear: left;
	float: left;
}
form dl {
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	text-align: center;
	display: block;
	width: 100%;
}

.form {
	border: 1px solid #CCCCCC;
	border-left:none;
	float: left;
	width: 100%;
}

.tbord {
	border-top: 1px solid #CCCCCC;
	border-right: 1px #CCCCCC;
	border-bottom: 1px #CCCCCC;
	border-left: 1px #CCCCCC;
	padding-top: 4px;
}

.aright {
	text-align: right;
}
.desc {
	width: 130px;
	background: #F4F1F0 url(../images/cup.gif) no-repeat 50% 10px;
}
.desc_cold {
	width: 250px;
	background: #F4F1F0 url(../images/cold_bev.gif) no-repeat 50% 10px;
}
.even {
	background: #CCCCCC;
}
h5 {
	margin: 0px;
	padding: 0px;
}
.ordertf {
	margin: 0px;
	padding: 0px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
}
h6 {
	margin: 0px;
	padding: 0px;
}
.jump {
	background: url(../images/down.gif) no-repeat right 50%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 120px;
	display: block;
}
h4 {
	font-family: "Times New Roman", Times, serif;
	margin: 0px;
	padding: 20px 0px 0px;
	font-size: 120%;
	font-weight: bold;
	display: block;
}

/*styles for store tables*/
#Cappuccino tr.even,#Cappuccino td.even,#Detox tr.even,#Detox td.even,#Breakfast-Smoothie td.even, #Breakfast-Smoothie tr.even {background-color: #EDF7F8;} /*even rows/cells*/
#Cappuccino .ttitle, #Detox .ttitle,#Breakfast-Smoothie .ttitle{background-color: #E0F0F3;}/*table title*/
#Cappuccino .desc,#Detox .desc,#Breakfast-Smoothie .desc{background-color: #F6F6F6;}/*description bg */
#Cappuccino h4,#Detox h4 ,#Breakfast-Smoothie h4{color: #46A5B3;} /*Bev title*/

#Flat-White tr.even,#Flat-White td.even,#Immune-Booster tr.even, #Immune-Booster td.even, #Mango tr.even, #Mango-Smoothie td.even{background-color: #FFF4E6;} /*even rows/cells*/
#Flat-White .ttitle,#Immune-Booster .ttitle,#Mango-Smoothie .ttitle {background-color: #FFE6BF;}/*table title*/
#Flat-White .desc,#Immune-Booster .desc, #Mango-Smoothie desc{background-color: #F6F6F6;}/*description bg */
#Flat-White h4,#Immune-Booster h4 , #Mango-Smoothie h4 {color: #E88B00;} /*Bev title*/

#Latte tr.even, #Latte td.even, #Revive tr.even, #Revive td.even{background-color: #F0EFFA;} /*even rows/cells*/
#Latte .ttitle, #Revive .ttitle {background-color: #D9D8F1;}/*table title*/
#Latte .desc, #Revive desc{background-color: #F6F6F6;}/*description bg */
#Latte h4, #Revive h4 {color: #5A55C1;} /*Bev title*/

#Mochacino tr.even, #Mochacino td.even{background-color: #F4F5EF;} /*even rows/cells*/
#Mochacino .ttitle {background-color: #DEE3CC;}/*table title*/
#Mochacino .desc{background-color: #F6F6F6;}/*description bg */
#Mochacino h4{color: #7B894B;} /*Bev title*/

#Macchiato tr.even,#Macchiato td.even, #Sustain-Me tr.even, #Sustain-Me td.even,#Strawberry-Smoothie tr.even ,#Strawberry-Smoothie td.even{background-color: #FAF5F5;} /*even rows/cells*/
#Macchiato .ttitle, #Sustain-Me .ttitle,#Strawberry-Smoothie .ttitle{background-color: #EEDFDF;}/*table title*/
#Macchiato .desc, #Sustain-Me desc, #Strawberry-Smoothie desc{background-color: #F6F6F6;}/*description bg */
#Macchiato h4, #Sustain-Me h4, #Strawberry-Smoothie h4{color: #9F5357;} /*Bev title*/

#Ristretto tr.even,#Ristretto td.even, #Banana-Smoothie tr.even, #Banana-Smoothie td.even{background-color: #F4F2EA;} /*even rows/cells*/
#Ristretto .ttitle, #Banana-Smoothie .ttitle {background-color: #E9E4D6;}/*table title*/
#Ristretto .desc, #Banana-Smoothie desc{background-color: #F6F6F6;}/*description bg */
#Ristretto h4, #Banana-Smoothie h4 {color: #A39256;} /*Bev title*/

#Hot-Chocolate tr.even,#Hot-Chocolate td.even{background-color: #F5F5EB;} /*even rows/cells*/
#Hot-Chocolate .ttitle {background-color: #E6E6CA;}/*table title*/
#Hot-Chocolate .desc{background-color: #F6F6F6;}/*description bg */
#Hot-Chocolate h4{color: #858541;} /*Bev title*/

#Chai-Latte tr.even,#Chai-Latte td.even, #Tropical-Smoothie tr.even, #Tropical-Smoothie td.even, #Wake-Me-Up tr.even, #Wake-Me-Up td.even{background-color: #F4EFF8;} /*even rows/cells*/
#Chai-Latte .ttitle, #Tropical-Smoothie .ttitle, #Wake-Me-Up .ttitle  {background-color: #E3D9EC;}/*table title*/
#Chai-Latte .desc, #Tropical-Smoothie desc, #Wake-Me-Up desc{background-color: #F6F6F6;}/*description bg */
#Chai-Latte h4, #Tropical-Smoothie h4, #Wake-Me-Up h4 {color: #A083BC;} /*Bev title*/


#extras p, #extras h5{
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#extras div{
	width: 400px;
	text-align: right;
}
#extras label{
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 76%;
}
.inst {
	color: #FF0000;
	font-size: 70%;
	padding-bottom: 2em;
}
.floatright {
	float: right;
}
.floatright_red {
	float: right;
	color: #CC0000;
}
.conds {
	background: #FFFFE6;
	border: 1px solid #CCCCCC;
	padding: 2em 2em 2em 0em;
	margin-bottom: 20px;
	width: 600px;
}
.right {
	clear: none;
	float: right;
}
#minicart {
	width: 100px;
	background: #66FFFF;
}
noscript {
	font-size: 76%;
	color: #FF0000;
}
.shipping {
	background: #F2F2F2;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	border: 1px solid #999999;
}
h3 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 100%;
}
.cartstat{
	background: #F2F2F2;
	margin-bottom: 20px;
	border: 1px solid #999999;
	padding: 10px 20px;
}
.chkbox {
	margin: 0px 4px;
	padding: 0px;
}
.chkbox_txt {
	font-size: 70%;
	padding: 0px 0px 20px;
	margin: 0px;
	line-height: 1em;
}
.sinst {
	width: 200px;
}
.table3 {
	font-size: 76%;
}
.cup {
	background: #FFFFFF url(../images/dl_coffee.gif) no-repeat;
	height: 154px;
	width: 254px;
	float: right;
}

.zero {
	margin: 0px;
	padding: 0px;
}
.cond2 {
	font-size: 70%;
	line-height: 1em;
}
body#home #navwrap li#nav1 a, 
body#coffee #navwrap li#nav2 a,
body#panini #navwrap li#nav3 a,
body#pizza #navwrap li#nav4 a,
body#ristorante #navwrap li#nav5 a,
body#catering #navwrap li#nav6 a,
body#functions #navwrap li#nav7 a
{background-color: #FFFFFF;}

body#home #header #titlebar h1{ background: #62332E;}

body#coffee #header #titlebar h1{ background: #7F3414;}
body#coffee #header_img {background: #2A2722 url(../images/coffee_head.jpg) no-repeat}

body#catering #header #titlebar h1{ background: #C24130;}
body#catering #header_img {background: #2A2722 url(../images/catering_head.jpg) no-repeat}

body#panini #header #titlebar h1{ background: #237887;}
body#panini #header_img {background: #2A2722 url(../images/panini_head.jpg) no-repeat}

body#ristorante #header #titlebar h1{ background: #1B5B67;}
body#ristorante #header_img {background: #2A2722 url(../images/ristorante_head.jpg) no-repeat}

body#pizza #header #titlebar h1{ background: #666666;}
body#pizza #header_img {background: #2A2722 url(../images/pizza_head2.jpg) no-repeat}

body#functions #header #titlebar h1{ background: #CC9333;}
body#functions #header_img {background: #2A2722 url(../images/functions_head.jpg) no-repeat}

#titlebar {
	clear: none;
	width: 421px;
	float: left;
}
.description {
	font-size: 85%;
	color: #29727E;
	text-decoration: none;
	display: block;
	width: 100%;
}
#menu {
	text-align: center;
}

#menu p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	color: #333333;
	font-size: 80%;
}

#menu strong{
	font-size: 80%;
}

#menu dl{
	text-align: left;
	font-size: 70%;
	height: 4em;
	padding-top: 0.5em;
	padding-left: 0.5em;
}
#menu dt {
	float: left;
	margin: 0px;
	
	clear: none;
	visibility: visible;
	width: 300px;
}
#menu dd{
	text-align: right;
	float: right;
	clear: none;
	margin: 0px;
	padding: 0px;
}
.menusub {
	font-size: 95%;
	margin-bottom: 30px;
}
.menusub2 {
	font-size: 80%;
	margin-bottom: 10px;
	color: #666666;
}
.menusub3 {
	font-size: 85%;
	color: #000000;
	margin: 20px 0px 0px;
	padding: 0px;
}
#menu2 {
	width: 180px;
	font-size: 90%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#menu2 dl {
	margin: 0em;
	padding: 0em;
}
#menu2 dt{
	width: 100px;
	margin: 0px;
	padding: 0px;
}
.note {
	color: #FF0000;
	font-size: 80%;
}
.post_head {
	margin: 0px;
	padding: 0px 0px 0px -10px;
	background-image: none;
}
#downloads {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 0px;
}

.dl{
	margin: 0px;
	padding-bottom: 2px;
	font-size: 70%;
	background-image: url(../images/doc.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 20px;
	height: 2em;
}


.downloads{
	margin: 15px 0px 0px;
	padding: 4px 4px 4px 30px;
	font-size: 85%;
	background-color: #666666;
	color: #FFFFFF;
	font-weight: normal;
	border: 1px solid #CCCCCC;
	background-image: url(../images/download.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
#no_bg {
	background-image: none;
	background-color: #0099FF;
	background-position: 2000px 2000px;
}
li {
	list-style: square;
}
.rightclear {
	clear: both;
	float: right;
}
.menu_ul {
	margin: 0px 10px;
	padding: 0px;
	list-style: url(none) none;
	text-align: left;
	font-size: 70%;
}
.menu_ul li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;
	color: #666666;
	text-align: center;
}
.rightclear5 {
	clear: both;
	float: right;
	margin-top: 5px;
}