body {
	color: #fff;
	background: #bbb;
	margin: 0px auto;
	padding: 10px 10px 25px 10px;
	border: 0px;
	width: 646px;
	font-family: arial, helvetica, verdana, lucida, sans-serif;
}

#header, #footer {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 0.25em 0em;
	text-align: center;
	clear: both;
	background: #916C80;
	color: #fff;
	height: 1em;
}

#header div.inner {text-align: center; float:left; width: 20%; padding: 0px;}
#header div.first {text-align: center; width: 20%; float: left; padding: 0 0 0 0px;}
#header div.last {text-align: center; width: 20%; float: left; padding: 0 0px 0 0;}
	
#footer div.first {text-align: left; width: 23%; float: left; padding: 0 0 0 10px;}
#footer div.last {text-align: right; width: 23%; float: right; padding: 0 10px 0 0;}

.clearing {
	clear: both;
	height: 0px;
}
	

#homecontent {
	margin: 12px 0px 20px 0px;
	position: relative;
	height: 420px;
	}
	
#titlebar {
	border-bottom: 1px solid white;
	min-height: 81px;
	padding: 20px 0;
	position: relative;
	}

#titlebarimage {
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 165px;
}

#titlebarheading {
	position: absolute;
	bottom: 20px;
	right: 0px;
	width: 450px;
	text-align: right;
}

#titlebarheading h1 {padding: 0; margin: 0;}
#titlebar img {border: 0;}

#titlebarbasket {
	clear:both;
	position: relative;
	min-height: 10px;
	text-align: right;
	border-bottom: 1px solid #fff;
	background: #D16B80;
	color: #fff;
}

#titlebarbasket p {
	padding: 0.5em 0.5em; 
	margin: 0;
	font-size: 95%;}
	
#titlebarbasket a {color:#fff; background: inherit;}
	
#content {
	margin: 10px 0px;
	padding: 0 0 1em 0;
	clear: both;
	color: #661c44;
	background: inherit;
	font-size: 90%;
	}
	
#content img {border: 0px;}

#contentImages {float:right; width: 260px; padding:0px}
#contentImages .contentImageColumn {float:right; width: 130px; padding:0px}
#contentImages img {margin: 0 0 10px 10px; border: 1px solid #916c80;}
#contentImages img.purpleBorder {margin: 0 0 10px 10px; border: 1px solid #661c44;}

table.basket{
	text-align: right;
	border-collapse:collapse;
}

table.basket .left{
	text-align: left;
}

table.basket td {
	padding: 0.5em 0.25em;
}

table.basket tr.basketHeader th, table.basket tr.basketTotal td {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #fff;
	background: #916C80;
	padding: 0.25em;
}
	
#content .productrow, #content .productrow1 {
	padding: 10px 0px 30px 0px;
	clear: both;
	font-size: 90%;
	margin: 20px 0px 0px 0px; 
}

#content .productrow {
	border-top: 1px solid #fff;
}

#content .productrow img, #content .productrow1 img {
	vertical-align: top;
	margin-bottom: 10px;
	border: 1px solid #916c80;
}

#content .productrow img.last, .productrow1 img.last {
	padding: 0px;
}


.product3 {float: left; width: 200px; padding: 0px 20px 10px 0px; color: #661c44; background: inherit;}
.product3.last {padding: 0px 0px 10px 0px;}

.product3 p {padding-top: 0.5em;; margin: 0px;}
.product3 p.title {padding: 0px; margin: 0px;}

.product3 a.title {font-weight: bold; font-size: 120%; color: #ba2141; background: inherit; padding-bottom: 0.5em;}

.product3 ul {margin: 0 0 0 1em; padding: 0px;}
.product3 ul li {padding-top: 0.5em; list-style: square;}

#homecontent #logo {position: absolute; top: 0px; left: 0px;}
#homecontent #bags {position: absolute; top: 0px; left: 330px;}
#homecontent #shipdish {position: absolute; top: 330px; left: 110px;}
#homecontent #bowl {position: absolute; top: 220px; left: 440px;}
#homecontent #block1 {position: absolute; top: 330px; left: 0px;}
#homecontent #block2 {position: absolute; top: 220px; left: 330px;}
#homecontent #block5 {position: absolute; top: 0px; left: 550px;}
#homecontent #block6 {position: absolute; top: 110px; left: 550px;}

#credits {
	text-align: right;
	padding: 0.75em 0em;
	font-size: 80%;
	clear: both;
	background: inherit;
	color: #ba2141;
}

#credits ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	}
	
#credits ul li {
	margin-left: 35px;
	padding-left: 15px;
	display: inline;
	background: url(/images/purple_bullet.gif) no-repeat 0% 50%;
	background-color: inherit;
	color: inherit;
	}

	
h1.homepage {
	padding: 220px 0px 0px 0px;
	margin: 0px;
	font-size: 120%;
	width: 300px;
}

#titlebar h1 {font-size: 240%; font-weight: normal;}

h2, h3 {color: #ba2141; background: inherit; margin: 1em 0 0em 0;}

#detailImage {float: left; width: 290px; padding: 0px; margin: 0 10px 20px 0;}
#detailImage img {padding: 0px; margin: 0px; border: 1px solid #916c80;}

#detailText {float: left; width: 344px; line-height: 1.25em;}
#detailText p.title {font-weight: bold; font-size: 120%; margin: 0px;  color: #ba2141; background: inherit;}
#detailText p {margin: 0 0 1em 0; color: #661c44; background: inherit;}
#detailText h2 {font-size: 100%; margin: 0px;}
#detailText ul {margin: 0px;}
#detailText ul li a {color: #661c44; background: inherit; text-decoration: none;}
#detailText ul li a:hover {color: #661c44; background: inherit; text-decoration: underline;}

#contactform {border: 1px solid #916C80; width: 80%; padding: 1em; background: #EDE7EA; color: inherit;}

#errorBlock {border: 1px solid #916C80; width: 50%; padding: 0.5em; margin-top: 1em; color: #ba2141; background: #EDE7EA; }

textarea {font-family: arial, helvetica, verdana, lucida, sans-serif; font-size: 90%;}

#deliveryform {border: 1px solid #916C80; width: 80%; padding: 1em; background: #EDE7EA; color: inherit;}
div.formrow {clear: both; padding: 0 0 10px 10px; margin-bottom: 2em; height: 1px;}
div.formrow span.formlabel {float: left; width: 30%; text-align: left; padding: 0px;}
div.formrow span.formfield {float: left; width: 60%; text-align: left; padding: 0 0 0 1em;} 

p.address {clear: both; padding: 0 0 0.5em 0;}
p.address span.addresslabel {float: left; width: 15%; text-align: left; padding: 0px; color: #ba2141; background: inherit;}
p.address span.addressdetail {float: left; width: 75%; text-align: left; padding-left: 1em;}
 
p.tabular {clear: both; padding: 0}
p.tabular span.tabularlabel {float: left; width: 15%; text-align: left; padding: 0 0 0.5em 0; color: #ba2141; background: inherit;}
p.tabular span.tabulardetail {float: left; width: 75%; text-align: left; padding: 0 0 0.5em 1em;} 

a {background: inherit; color: #ba2141;}

.button, .buttonred {clear:both; padding: 0 0 2em 0; text-align: right;}
.buttonredsmall {clear:both; padding: 0 0 2em 0; text-align: right; font-size: 80%;}
.button a, .buttonred a, .buttonredsmall a {border: 1px solid white; padding: 0.25em; text-decoration: none; }
.button a {background: #916C80; color: #fff;}
.buttonred a, .buttonredsmall a  {background: #DF2D52; color: #fff;}

.red {color: #ba2141; background: inherit;}

.noBottomMargin {margin-bottom:0;}
.noMargin {margin:0;}
.redStrong {background: inherit; color:#ba2141; font-weight:bold;}
.purpleStrong {background: inherit; color:#916C80; font-weight:bold;}

input.submit  {background: #DF2D52; color: #fff; border: 1px solid #fff; padding: 0.25em;}
.buttonredsmall input {font-size: 80%;}

div.formrow textarea {margin: 0 0 1em 0;}


#credits a {background: #bbb; color: #ba2141; text-decoration: none;}
#credits a:hover {background: #fff; color: #ba2141;} 
#credits a:focus {background: #fff; color: #ba2141;}
#header a, #footer a {background: #916C80; color: #fff; text-decoration: none;}
#header a:hover, #footer a:hover {background: #fff; color: #916C80;} 
#header a:focus, #footer a:focus {background: #fff; color: #916C80;}