/* colors:
		832236	dark red
	*/

	* {
		margin:0;
		padding:0;
	}
	
	a {
		color:#832236;
		font-weight:bold;
		text-decoration:underline;
	}
	
	a:hover {
		text-decoration:none;
	}
		
	#banner {
		background:url(/images/grocery-bag.jpg) bottom center no-repeat;
		height:200px;
		width:386px;
	}
	
	body {
		background:transparent url(/images/bg.gif) repeat scroll left top;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:22px;
	}
	
	#bottom-border {
		background:url(/images/border/bottom-middle.gif) top left repeat-x;
		height:39px;
	}
	
	#bottom-left {
		background:url(/images/border/bottom-left.gif) top left no-repeat;
		float:left;
		height:39px;
		width:37px;
	}
	
	#bottom-right {
		background:url(/images/border/bottom-right.gif) top left no-repeat;
		float:right;
		height:39px;	
		width:37px;
	}

	#caption {
		background:#eee;
		border-bottom:1px solid #777;
		border-left:1px solid #777;
		border-right:1px solid #777;
		border-top:1px solid #777;
		line-height:18px;
		margin:2px 0;
		padding:10px;
	}
	
	#content {
		padding:0 65px 25px;
	}
	
	#credits {
		color:#fff;
		font-size:10px;
		margin:20px auto;
		width:500px;
	}
	
	#credits a {
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	
	#credits a:hover {
		background:#ffc;
		color:#832236;
	}
	
	.error {
		background:#fcc;
		border:1px solid red;
		float:left;
		margin:5px 0;
		padding:3px;
	}
	
	#footer {
		clear:both;
		/*padding-top:45px;*/
	}
	
	#grocery-list td {
		padding:2px;
	}
	
	h1 {
		color:#832236;
		font-size:20px;
		font-weight:normal;
		margin:0;
		padding-bottom:30px;
	}
	
	h2 {
		color:#333;
		font-size:16px;
		font-weight:bold;
		padding:10px 0;
	}
	
	#header {
	}
	
	.hidden { 
		visibility: hidden; 
	}

	#info img {
		float:left;
	}
	
	#info p {
		float:left;
		margin:15px 20px;
	}
	
	#info a {
		color:#3A60B1;
	}
	
	#logo {
		float:left;
		margin-top:25px;
	}
	
	#logo img {
		border:none;
	}

	
	#main {
		clear:both;
		padding-top:45px;
	}
	
	#main #order-form {
		
	}
			
	#main-text {
		float:left;
		width:420px;
	}
	
	.message {
		background:#3f0;
		border:1px solid #777;
		float:left;
		margin:10px 0;
		padding:5px;
	}
	
	#nav {
		float:right;
		height:200px;
		width:470px;
	}
	
	#nav ul {
		background:url(images/nav.png) top left repeat;
		border-bottom:1px solid #777;
		border-right:1px solid #888;
		border-top:1px solid #999;
		height:46px;
	}
	
	#nav li {
		background:url(images/nav-sep.png) top left no-repeat;
		float:left;
		height:46px;
		list-style:none;
	}
	
	#nav li a {
		color:#000;
		display:block;
		font-size:16px;
		font-weight:normal;
		padding:12px 15px;
		text-decoration:none;
	}
	
	#nav li a:hover {
		background:url(images/nav-on.png) top left repeat-x;
		color:#832236;
	}
	
	#nav li.on {
		background:url(images/nav-on.png) top left repeat-x;
	}
	
	#newsletter {
	
	}
	
	#newsletter img {
		float:left;
		margin-right:25px;
	}
	
	#newsletter p {
		float:left;
		margin:15px 20px;
	}

	#newsletter sign-up {
		float:left;
	}
	
	#order-form {
	
	}
	
	#order-form #guest-info {
		float:left;
		width:350px;
	}
	
	#order-form #guest-info table {
		background:#ddd;
		border:1px solid #777;
	}

	#order-form #guest-info td {
		padding:2px;
	}
	
	p {
		margin:0;
		padding-bottom:15px;
	}

	#promos {
		background:#eee;
		border:1px solid #777;
		margin:30px 0;
		padding:10px;
	}
	
	#sidebar {
		float:right;
		margin:5px 0;
		width:360px;
	}
	
	#sidebar #photo {
		border:1px solid #999;
	}
	
	.shown { 
		visibility: visible; 
	}
	
	#top-border {
		background:url(/images/border/top-middle.gif) top left repeat-x;
		height:39px;
	}
	
	#top-left {
		background:url(/images/border/top-left.gif) top left no-repeat;
		float:left;
		height:39px;
		width:37px;
	}
	
	#top-right {
		background:url(/images/border/top-right.gif) top left no-repeat;
		float:right;
		height:39px;	
		width:37px;
	}
	
	#wrapper {
		background:#fff url(/images/border/content-tile.gif) top left repeat-y;
		border:1px solid #eee;
		margin:15px auto;
		width:950px;
	}