html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

.clearboth {
	clear: both;
}

.clearright {
	clear: right;
}

a, a:visited {
	color: #0000ff;
}

body {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: small;
	background: #c1b7a1;
}

/* tables still need 'cellspacing="0"' in the markup -- */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* font styles */

p, li {
	color: #9d856d;
	line-height: 1.5em;
}

p {
	margin-bottom: 10px;
}

h1, h2, h3, h4 {
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

h1 {
	font-size: 1.8em;
	color: #5a3817;
	font-style: normal;
	margin-bottom: 5px;
}

h1 .subheading {
	display: block;
	font-size: 0.8em;
	color: #946c46;
	font-style: italic;
}

h2 {
	font-weight: normal;
	font-size: 1.4em;
	color: #946c46;
	margin-bottom: 10px;
}

img.left {
	float: left;
	margin: 10px 20px 10px 0;
}

img.right {
	float: right;
	margin: 10px 0 20px 10px;
}

img.photo {
	border: 1px solid #ccc;
	padding: 6px;
}

.maincontainer {
	width: 880px;
	margin: 20px auto;
	background: #fff;
	font-size: 115%;
}

.header {
	height: 113px;
}

.nav {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 100%;
}

.nav li {
	float: left;
	background: #e7ddc6;
	font-size: 1.3em;
	font-style: italic;
}

.nav li.home {width: 132px;}
.nav li.origins {width: 332px;}
.nav li.order {width: 190px;}
.nav li.gifts {width: 226px;}

.nav li a {
	text-decoration: none;
	display: block;
	padding: 15px 0;
	border-right: 1px solid #beac82;
	border-bottom: 1px solid #ad8d6d;
	color: #714e2d;
}

/* on states */

.home .nav li.home a {
	background: #fff;
	border-bottom: none;
}

.origins .nav li.origins a {
	background: #fff;
	border-bottom: none;
}

.order .nav li.order a {
	background: #fff;
	border-bottom: none;
}

.gifts .nav li.gifts a {
	background: #fff;
	border-bottom: none;
}

/* hover states */

.nav li a:hover {
	background: #f8f1df;
	color: #d68435;
}

.maincontent {
	clear: left;
	padding: 27px 65px;
	text-align: left;
}

.intro p {
	margin: 0;
}

.text-padder {
	padding: 0 60px;
}

.panels {
	padding-top: 30px;
	width: 100%;
}

.panel {
	float: left;
	border: 3px solid #c3a486;
	width: 205px;
	margin-right: 15px;
	padding: 10px 12px;
	min-height: 190px;
}

.panel p {
	color: #735d46;
}

.panel h2 {
	margin: 0 0 10px 0;
	color: #000;
}

.panel .order-button {
	float: right;
	display: block;
}

.phone dl {
	margin-left: 70px;
}

.phone dt {
	color: #735d46;
	font-size: 0.8em;
}

.phone dd {
	font-size: 1.2em;
}

.post {
	background: #F1E3C6 url(../images/panel-bg-post.jpg) bottom repeat-x;
}

.personalised {
	background: #D4DFE5 url(../images/panel-bg-personalised.jpg) bottom repeat-x;
}

.phone {
	background: #F0D4C6 url(../images/panel-bg-phone.jpg) bottom repeat-x;
}

.order-button-large {
	width: 191px;
	height: 31px;
	background: url(../images/order-button-large.gif) no-repeat left top;
	text-indent: -9999px;
	margin-top: 10px;
	display: block;
	float: left;
}

.order-button {
	width: 135px;
	height: 31px;
	text-indent: -9999px;
	margin-top: 25px;
}

.post .order-button {
	background: url(../images/order-button-brown.gif) no-repeat left top;
}

.personalised .order-button {
	background: url(../images/order-button-blue.gif) no-repeat left top;
}

.tarts {
	clear: left;
	width: 100%;
	padding-top: 40px;
}

.tarts img {
	margin-right: 20px;
}

.footer {
	clear: both;
	padding-bottom: 10px;
	padding-top: 10px;
}

.footer li {
	display: inline;
	margin-right: 25px;
}

.callout {
	border: 3px solid #c09063;
	background: #f8f0de;
	padding: 10px;
	overflow: hidden;
	margin-right: 20px;
}

.callout p {
	color: #333;
	margin-bottom: 0;
}

.callout .order-button-large {
	float: right;
}

.phone-number {
	color: #000;
	font-weight: bold;
}

form.order-form {
	padding-top: 30px;
}

.postcard-container {
	position: relative;
	width: 100%;
}

.delivery-message {
	background: #ebebeb;
	overflow: hidden;
	padding: 10px 4%;
	width: 92%;
	float: left;
}

.delivery-message dl {
	width: 340px;
	float: left;
}

.delivery-message dt, .delivery-message dd {
	float: left;
	margin-bottom: 5px;
}

.delivery-message dt {
	clear: left;
	text-align: right;
	width: 40%;
	margin-right: 4%;
}

.postcard {
	position: absolute;
	width: 338px;
	height: 265px;
	right: 30px;
	top: -25px;
}

.postcard div.postcard-content {
	width: 150px;
}

.postcard textarea {
	width: 140px;
	height: 150px;
	margin: 40px 0 0 30px;
	padding: 15px;
	border: none;
	background: #fff7dc;
	color: #666;
	font-style:italic;
	font-size:.9em;
	font-family:georgia,serif;
	overflow: hidden;
}

table.menu {
	margin: 30px auto 0;
	clear: both;
}

table.menu th {
	color: #664523;
}

table.menu th.image, table.menu th.quantity {
	visibility: hidden;
}

table.menu td {
	padding: 5px;
}

table.menu h3 {
	color: #664523;
}

table.menu td.total {
	border-top: 1px solid #d0beae;
	color: #946c46;
	font-size: 1.2em;
	font-style: italic;
}

table.menu td.total span {
	color: #000;
	font-style: normal;
	font-weight: bold;
}

td.price {
	font-family: Arial, Helvetica, sans-serif;
}

table.menu td.vegetarian {
	background: url(../images/vegetarian.gif) no-repeat left center;
	padding-left: 25px;
}

.characters {
	margin-bottom: 0;
}

.tart-text input {
	margin-left: 10px;
	width: 200px;
}

#continue {
	float: right;
	width: 137px;
	height: 31px;
	background: url(../images/continue-button.jpg);
	border: none;
	text-indent: -9999px;
	margin: 20px 40px 30px 0;
	cursor: hand;
	cursor: pointer;
}

.packaging {
	clear: both;
	border: 3px solid #c3a486;
	width: 378px;
	margin: 20px auto 0;
	padding: 7px;
	background: #FCF6E8 url(../images/callout-bg.gif) repeat-x top;
}

.packaging p {
	color: #735d46;
	background: url(../images/package.jpg) no-repeat 100% 10px;
	padding: 5px 80px 5px 10px;
}

#charsLeft {
	height:2em;
	color:#777;
	font-size:.8em;
	font-style:italic;
	position:absolute;
	top:119px;
	right:15px;
	width:110px;
	line-height:31px;
}

div.postcard-inner { behavior: url(../iepngfix.htc); background: url(../images/postcardbg-trans.png); height: 265px;}
.postcard-inner textarea {position: relative; z-index: 1;}