/* CSS Document */

/** * {
	margin: 0;
	padding: 0;
}**/

body {
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

th { font-size: 12px; text-align: left; }
td { font-size: 12px; }



h3 {
	margin: 0 0 13px 0;
}

a { color: #79452d; text-decoration: none; }
a:hover { text-decoration: underline; }

.clear { clear: both; }

/*colours*/

.brown { color: #79452d; }
.green { color: #297e40; }

#pageWrapper {
	width: 986px;
	margin: 0 auto;
	text-align: left;
}

#headerWrapper {
	position: absolute;
	top: 0;
	background-image: url(../images/headerbg.png);
	background-repeat: no-repeat;
	width: 986px;
	height: 145px;
	z-index: 99;
}
#headerWrapper h1#logo {
	float: left;
	margin: 20px 0 0 20px;
}
#headerWrapper h1#logo a {
	display: block;
	height: 80px;
	width: 182px;
	background-repeat: no-repeat;
}
#headerWrapper h1#logo a.green { background-image: url(../images/greenlogo.gif); }
#headerWrapper h1#logo a.orange { background-image: url(../images/orangelogo.gif); }

#headerWrapper h1#logo a span { display: none; }

#headerWrapper #navigationWrapper {

}

#headerWrapper ul#navigation {
	padding: 0;
	margin: 20px 5px 0 0;
	float: right;
	list-style-type: none;
}
#headerWrapper ul#navigation li {
	float: left;
	color: #79452d;
	font-size: 11px;
	font-weight: bold;
	margin: 0 8px 0 0;
	padding: 0 0 0 8px;
	background-image: url(../images/navbullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#headerWrapper ul#navigation li a {
	color: #79452d;
	text-decoration: none;
	position: relative;
	width: auto;
}
#headerWrapper ul#navigation li a:hover, #headerWrapper ul#navigation li a.selected {
	color: #fff;
}

#headerWrapper #searchWrapper {
	clear: right;
	float: right;
	margin: 20px 20px 0 0;
}
#headerWrapper #searchWrapper form {
	background-color: #fff;
	margin: 0;
	padding: 0;
	width: 170px;
}
#headerWrapper #searchWrapper form #searchText {
	margin: 5px 0 5px 5px;
	padding: 1px;
	float: left;
	width: 130px;
	font-size: 12px;
	font-weight: bold;
	color: #aaa;
	border: none;
}
#headerWrapper #searchWrapper form #go {
	float: right;
	margin: 3px;
}

#contentWrapper {
	position: absolute;
	top: 90px;
	width: 986px;
}
#contentWrapper.bg {
	background-image:url(../images/contentwrapperbg.gif);
	background-repeat: repeat-y;
}
#contentWrapper.leftbg {
	background-image: url(../images/contentwrapperbg202px.gif);
	background-repeat: repeat-y;
}

#contentWrapper #leftCol {
	width: 202px;
	float: left;
	padding: 55px 0 0 0;
	margin-right: 8px;
}


#contentWrapper #leftCol h2 {
	height: 26px;
	text-indent: -999em;
	background-repeat: no-repeat;
	margin: 0;
}

#contentWrapper #leftCol #latestnews p, #contentWrapper #leftCol #buyonline p, #contentWrapper #leftCol #mailinglist p, #contentWrapper #leftCol #todayssoups p {
	margin: 3px 0;
}
#contentWrapper #leftCol #latestnews, #contentWrapper #leftCol #buyonline, #contentWrapper #leftCol #mailinglist, #contentWrapper #leftCol #todayssoups {
	border-bottom: 8px solid #fff;
	padding: 15px;
}
#contentWrapper #leftCol #latestnews, #contentWrapper #leftCol #buyonline {

}
#contentWrapper #leftCol #latestnews h2 {
	background-image: url(../images/latestnews.gif);
	width: 106px;
}

#contentWrapper #leftCol #buyonline h2 {
	background-image: url(../images/buyonline.gif);
	width: 95px;
}
#contentWrapper #leftCol #mailinglist h2 {
	background-image: url(../images/joinourmailinglist.gif);
	width: 172px;
}
#contentWrapper #leftCol #todayssoups h2 {
	background-image: url(../images/todays_soups.gif);
	width: 120px;
}
#contentWrapper #leftCol #mailinglist ul {
	margin: 0;
	padding: 0;
	color: #00a9b5;
	list-style-position: inside;
}
#contentWrapper #leftCol #mailinglist ul li span { color: #000000; }
#contentWrapper #leftCol #mailinglist form {
	background-color: #fff;
	margin: 5px 0 0 0;
	padding: 0;
	height: 26px;
}
#contentWrapper #leftCol #mailinglist form #emailAddress {
	margin: 5px 0 5px 5px;
	padding: 1px;
	float: left;
	width: 139px;
	font-size: 12px;
	font-weight: bold;
	color: #aaa;
	border: none;
}
#contentWrapper #leftCol #mailinglist form #go {
	float: left;
	margin: 3px;
}

#contentWrapper #leftCol ul#subnav {
	margin: 0 0 0 20px;
	padding: 20px;
}
#contentWrapper #leftCol ul#subnav li {
	font-size: 18px;
	color: #79452d;
}
#contentWrapper #leftCol ul#subnav li a {
	color: #79452d;
	text-decoration: none;
}
#contentWrapper #mainCol {
	float: left;
	width: 776px;
}
#contentWrapper #mainCol #col1 {
	float: left;
	width: 526px;
	padding: 50px 20px 20px;
}
#contentWrapper #mainCol #col1 h2 {
	font-weight: normal;
	color: #297e40;
	margin: 0 0 15px 0;
	font-size: 20px;
}
#contentWrapper #mainCol #col1 p {
	margin: 0 0 10px 0;
}
#contentWrapper #mainCol #col1 ul {
	margin: 0 0 20px 30px;	
}
#contentWrapper #mainCol #col2 {
	float: right;
	background-color: #f1e3c5;
	width: 202px;
}

#gallery {
	margin: 55px 0 0 0;
	height: 400px;
	padding-left: 13px;
	overflow: auto;
}
#gallery h2 {
	background-image: url(../images/gallery.gif);
	background-repeat: no-repeat;
	margin: 0;
	height: 26px;
	width: 57px;
	text-indent: -999em;
}
#gallery img {
	margin: 10px 0;
	border: none;
}

#footerWrapper {
	background-color: #FFFFFF;
	padding: 20px;
	font-size: 10px;
}
#footerWrapper ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footerWrapper ul li {
	float: left;
	padding: 0 20px 0 0;
}
#footerWrapper a {
	display: block;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
}
#footerWrapper a.emaillink {
	background-image:url(../images/emaillink.gif);
	padding: 0 0 0 14px;
}
#footerWrapper a.print {
	background-image: url(../images/printericon.gif);
	padding: 0 0 0 14px;
}
#footerWrapper a:hover {
	text-decoration: underline;
}



.navimage1, .navimage2 {
	float: left;
	border-style: solid;
	border-color: #fff;
}
.navimage1 {
	border-width: 0 8px 8px 0;
}
.navimage2 {
	border-width: 0 8px 0 0;
}

#ceramicsbadge {
	margin: 0 auto;
	height: 108px;
	width: 108px;
	margin-top: 100px;
}


.newsItem {
	margin-bottom: 10px;
	border-bottom: 1px solid #79452d;
}


/* SHOPPING CART CSS */


#contentWrapper #leftCol #shoppingcart {
	border-bottom: 8px solid #fff;
	padding: 15px;
}
#contentWrapper #leftCol #shoppingcart h2 {
	text-indent: 0;
	color: #79452d;
	font-weight: normal;
}

#contentWrapper #mainCol #padded {
	padding: 50px 20px 20px;
}

#contentWrapper #mainCol #padded h2 {
	font-weight: normal;
	margin: 0 0 15px 0;
	font-size: 20px;
}

.pagination {
	clear: both;
	margin: 5px 0;
}

.product {
	float: left;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #CBA58D;
	width: 100%;
	clear: both;
}
.twocolproduct {
	float: left;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	width: 50%;
}
.twocolproduct .image, .product .image {
	float: left;
	width: 150px;
	text-align: center;
}
.product .detail {
	float: left;
	text-align: left;
	padding-left: 20px;
	width: 530px;
}
.twocolproduct .detail {
	float: left;
	padding-left: 20px;
	width: 190px;
}
.twocolproduct .detail .desc, .product .detail .desc {
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #297e40;
	margin-bottom: 5px;
}
.twocolproduct .detail .sku, .product .detail .sku {
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
}
.twocolproduct .detail .shortdesc, .product .detail .shortdesc {
	display: block;
	margin-bottom: 10px;
}
.twocolproduct .detail .shortdesc, .product .detail .stockinfo-in {
	color: #990000;
}
.twocolproduct .detail .price, .product .detail .price {
	font-weight: bold;
}
.twocolproduct .detail .addtobasket, .product .detail .addtobasket {
	color: #297e40;
	font-weight: bold;
}
.twocolproduct .detail .weddinglistinfo, .product .detail .weddinglistinfo {
	display: block;
	margin: 5px 0;
}
.chalkboard {
	float: left;
	margin-right: 25px;
	width: 237px;
	height: 276px;
	background: url('/images/todays_soups.jpg') no-repeat;
	color: #fff;
}
.blankboard {
	background: url('/images/chalkboard.jpg') no-repeat;
}
#contentwrapper #maincol #col1 .chalkboard p {
	margin: 0 0 4px 0;
}
#contentwrapper #maincol #col1 .chalkboard .padded .download {
	font-size: 90%;
	margin-top: 10px;
	font-weight: bold;
}
.chalkboard .padded {
	padding: 85px 0 0 35px;
	width: 170px;
	height: 150px;
	overflow: auto;
}
.blankboard .padded {
	padding: 85px 0 0 35px;
	width: 170px;
	height: 205px;
	overflow: auto;
}
.chalkboard .padded a {
	color: #fff;
}
#contentwrapper #maincol #col1 .chalkboard ul {
	margin: 0 0 4px 10px;
	padding: 0 0 4px 10px;
}