body {margin: 0px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #48484A; background: #AEC6A8}
a {text-decoration: none; color: #900024}
a:hover {text-decoration: underline}
form {margin: 0}
img {border: 0}
hr {width: 80%}

#wrapper {position:relative; margin: 0 auto; padding: 0px; top:50px; width:1000px; min-height: 510px; clear: both; text-align: center; background: transparent url(../images/background.gif) no-repeat top left; z-index: 9999}

#backgroundtopleft {position: absolute; top: 0px; left: 0px; width: 187px; height: 294px; background: transparent url(../images/backgroundleft.png) no-repeat top left; z-index: 9999}
#backgroundbottomright {position: absolute; bottom: 0px; right: 0px; width: 245px; height: 639px; background: transparent url(../images/backgroundright.png) no-repeat top left; z-index: 2}

.logo {margin: 40px 0px 10px 0px; }

h1.homepage {position: relative; display: block; margin: 0px 0px 20px 272px; background: transparent url(../images/strap_homepage.gif) no-repeat; width: 456px; height: 26px;}
h1.homepage span {display: none}

h2.strawberryganache {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_strawberryganache.gif) no-repeat; width: 199px; height: 27px;}
h2.strawberryganache span {display: none}
h2.peanutbutter {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_peanutbutter.gif) no-repeat; width: 229px; height: 25px;}
h2.peanutbutter span {display: none}
h2.malibu {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_malibu.gif) no-repeat; width: 78px; height: 18px;}
h2.malibu span {display: none}
h2.rosecream {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_rosecream.gif) no-repeat; width: 123px; height: 18px;}
h2.rosecream span {display: none}
h2.jasminetea {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_jasminetea.gif) no-repeat; width: 130px; height: 24px;}
h2.jasminetea span {display: none}
h2.seasaltcaramel {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_seasaltcaramel.gif) no-repeat; width: 168px; height: 18px;}
h2.seasaltcaramel span {display: none}
h2.pralinecream {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_pralinecream.gif) no-repeat; width: 151px; height: 19px;}
h2.pralinecream span {display: none}
h2.honeytruffle {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_honeytruffle.gif) no-repeat; width: 148px; height: 25px;}
h2.honeytruffle span {display: none}
h2.marco {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_marco.gif) no-repeat; width: 72px; height: 18px;}
h2.marco span {display: none}
h2.mintroyale {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_mintroyale.gif) no-repeat; width: 133px; height: 25px;}
h2.mintroyale span {display: none}
h2.aztecgold {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_aztecgold.gif) no-repeat; width: 113px; height: 25px;}
h2.aztecgold span {display: none}
h2.cinnamontruffle {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_cinnamontruffle.gif) no-repeat; width: 177px; height: 24px;}
h2.cinnamontruffle span {display: none}
h2.violetcream {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_violetcream.gif) no-repeat; width: 122px; height: 18px;}
h2.violetcream span {display: none}
h2.eggyolkcream {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_eggyolkcream.gif) no-repeat; width: 174px; height: 25px;}
h2.eggyolkcream span {display: none}
h2.lemoncream {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_lemoncream.gif) no-repeat; width: 143px; height: 21px;}
h2.lemoncream span {display: none}
h2.vanilla {position: relative; display: block; margin: 0px 0px 1px 0px; background: transparent url(/images/chocolates/title_vanilla.gif) no-repeat; width: 68px; height: 18px;}
h2.vanilla span {display: none}

p, ul.bodytext {font-size: 1.4em; text-align: left; margin-left: 50px; margin-right: 150px}

.floatleft {float: left}
.floatright {float: right}

.contactfields {width: 300px}


#menu {margin-left: 190px; text-align: center; font-size: 1.4em; color: #583F15}
#menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#menu li {
	float:left;
	position:relative;
	z-index:100;
	list-style-type:none;
	/*border-bottom: 1px solid #cc0000;*/
}
#menu a, #menu :visited {
	display:block;
	text-decoration:none;
	text-align:center;
}
#menu a, #menu a:link, #menu a:visited, #menu a:active, #menu span {
	text-decoration:none;
	cursor:pointer;
	color:#696966;
	display: block;
	padding: 0px 30px 0px 0px;
	margin-left: 20px; 
}
#menu a:hover {text-decoration:underline;}


#footer {font-size: 1.2em; margin-top: 10px}
#footer2 {display: block; position:absolute; bottom: 0px; font-size: 1.2em; margin-top: 10px; margin-left: 390px;}

#bottomofwrap {position:relative; margin: 0 auto; padding: 0px; margin-top: 50px; margin-bottom: 10px; both; width: 1000px; height: 32px; background: transparent url(../images/background_bottom.gif) no-repeat; z-index: -1}
#bottomofwrap2 {position:absolute; bottom: 10px; width: 1000px; height: 32px; background: transparent url(../images/background_bottom.gif) no-repeat; z-index: -1}

.chocolatetable {margin-left: 50px; font-size: 1.2em}

#development {position: absolute; top: -50px; left: 300px; z-index: 999999; background: transparent url(/images/dev.gif); width: 384px; height: 72px}

.contacttable {text-align: left; position: relative; margin-left: 50px; font-size: 1.2em}

.title {display: block; margin-bottom: 15px; font-weight: bold; font-size: 1.6em}


/*shopping cart*/

#smallbasket {position: absolute; top: 40px; right: 40px; font-size: 1.2em; }
#smallbasket a {color: #000000}

.productlist {float: left; width: 200px; text-align: left; font-size: 1.2em}
.productlist img {float: left}

#demoContainer{
	width:855px;
	margin:50px auto 0 auto;
	padding:45px 0 0 49px;
	background:url(/images/shoping-cart-back.jpg) no-repeat;
}
.listpage {height: 400px}
.productpage {height: 500px}
#demoContainer p {margin-left: 500px; width: 300px}

.simpleCart_shelfItem{
	float:left;
	margin:20px 10px 0 0;
	width:250px;
	height:107px;

	position:relative; text-align: left; 
	/*remove this line if no border required, also item_price and item_add margin bottom replications*/border: 1px solid #cccccc; padding: 10px
}
.item_image{
	float:left;
	margin-right:15px;
}
.item_name{
	text-transform:uppercase;
	margin-top:0px; font-size: 1.2em
}
.item_Description{
	font-size:1.2em;
	padding:5px 0;
}
.buybutton {float: right; background-color: yellow; display: inline-block; width: 300px; height: 25px; left: 0px}
.item_price{
	float:left;
	margin:6px 3px 0 0;
	position:absolute;
	bottom:5px; bottom: 13px;
	left:125px; font-size: 1.2em
}
.item_thumb{
	display:none; width: 100px; height: 107px
}
.item_add{
	display:block;
	width:85px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/cart.png) 0 -21px;
}
.item_add:hover{
	background-position:-85px -21px;
}
.item_add:active{
	background-position:-170px -21px;
}
.simpleCart_items{
	position: absolute; top: 690px; left: 100px;
	height:170px; padding-top: 10px
}
.cartHeaders{
	display:none;
}
.itemContainer{
	float:left;
	width:100px;
	text-align:center;
	margin-right:25px;
	position:relative;
	bottom:0; /* border: 1px solid #ffffff */
}
.itemname{
	font:bold 11px "Helvetica", Arial, sans-serif;
	color:#000;
	text-transform:uppercase; height: 3.6em; width: 100px; text-align: center; 
}
.itemthumb{
	float:none;
	margin:0;
	padding-top:5px;
}
.itemQuantity{
	float:left;
	clear:both;
	margin-top:5px;
	display:inline;
	margin-left:30px;
}
.itemQuantity input{
	background:none;
	border:none;
	width:21px;
	height:17px;
	background:url(/images/cart.png);
	text-align:center;
	color:#000;
	font:bold 11px Arial, sans-serif;
	padding:0 9px;
	margin:0 5px 0 0;
	vertical-align:top;
	padding-top:3px;
}
.itemQuantity input:focus{
	outline:none;
}
.itemincrement a{
	display:block;
	background:url(/images/cart.png) -278px -29px;
	width:7px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	margin:10px 0 0 0;
}
.itemdecrement a{
	display:block;
	background:url(/images/cart.png) -278px -35px;
	width:7px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	margin:3px 0 0 0;
}
.itemTotal{
	color:#000;
	font:bold 11px Arial, sans-serif;
	margin:8px 0 0 0;
	padding:0;
	clear:both;
}
#cartTotal{
	position: absolute; top: 670px; right: 300px;
	text-align:right;
	font:11px Arial, sans-serif;
	text-shadow:none;
}
.cartButtons {position: absolute; top: 632px; right: 100px;}

.simpleCart_empty{
	clear:both;
	display:-moz-inline-box;
	display:inline-block;
	color:#000;
	font-size:11px;
	text-decoration:none;
	padding-left:665px;
	margin-right:10px;
	position:relative;
	top:25px;
}
.simpleCart_checkout{
	display:-moz-inline-box;
	display:inline-block;
	background:url(/images/btnCheckout.png);
	width:87px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	top:25px;
}

/*category page*/
#shopcategorylist {margin-top: 50px; margin-left: 80px; margin-right: 80px; text-align: center;}

.shopcategory {width: 157px; margin: 10px; display: inline-block}
.shopcategory a img {border: 8px solid #ffffff}
.shopcategory a:hover img {border: 8px solid #b5bea1}
.shopcategory h2 {margin: 0px; font-size: 1.2em; text-align: center; font-weight: normal}
  .shopcategory-first {margin-left: 130px}
		.shopcategory-break {margin-left: 210px; clear: left}


.productheader {margin: 0px 0px 0px 0px; text-align: left; width: 270px;}
.shopproductinfo {float: left; margin: 50px 5px 5px 0px;}
.shopproductdesc {position: relative; float: left; top: 50px; left: 5px; width: 280px; text-align: left; font-size: 1.2em; padding-bottom: 50px }
.shopproductdesc p {width: 100%; margin: 20px 0px}

.buybutton {position: absolute; top: 340px; right: 100px;}

.no-display {display: none}

.no-border{
	position:relative; text-align: left; 
border: 0; margin: 0px;
}




/*standard shopping cart*/

h1.general-title {display: block; clear: both; top: 20px }
.shop-title {position: absolute; top: 13px; width: 697px; text-align: center; font-size: 2.6em; color: #6d5426; margin: 0px; font-family: 'PeaJennyRomanRegular', Arial}
#list-item-holder {margin: 10px 30px 10px 30px; text-align: center}
.list-item {display: inline-block; float: left; text-align: center; margin: 4px 15px; font-size: 1.2em}
.item-list-name {margin: 0px; max-width: 122px; font-size: 1.2em; color: #6d5426}

#product-item-holder {position: absolute; top: 20px}
.product-image {float: left; margin-left: 30px; height: 300px; width: 281px}
.product-image-large {position: relative; top: 0px; left: 0px}
.product-thumbs {clear: both; margin-top: 10px; margin-bottom: 20px;}
.product-thumbs a {margin-left: 10px}
.product-thumbs a:first-child, .product-thumbs a.first-thumb {margin-left: 0px;}
.shop-product {font-family: Georgia, Arial; margin-left: 10px}
.product-info {text-align: left; font-size: 10px; margin-left: 325px; color: #6d5426}
.product-info p {margin: 10px 25px 10px 10px; padding: 0px; font-size: 10px; text-align: justify}

.prevnextlinks {display: block; clear: both; top: 50px}

.product-form {margin-left: 10px; font-size: 10px;}
.quantityfield {width: 16px}
.textfield {width: 300px}
.buybutton {font-family: Georgia, Arial; border: 0px; color: #6d5426; float: right; margin-right: 22px; background-color: #dde0d8; padding: 3px 5px; font-size: 10px; }
.checkoutlink {font-family: Georgia, Arial; border: 0px; color: #6d5426; float: right; background-color: #dde0d8; padding: 3px 5px;  }
.productprice {float: right; font-size: 14px; margin-right: 25px}

#basketarea table {font-size: 1.2em; margin-left: 50px}

.wrap {
  background: transparent;
  border: 0px solid #456;
  padding: 0px 40px;
	margin-bottom: 20px;
	clear: both;

}

.box {
  margin: 5px;
  padding: 5px;
  background: #ffffff;
  font-size: 11px;
  float: left;
		border: 1px solid #D8D5D2;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.col1 { width: 160px; }
.col1 p {padding: 0px; margin: 0px}