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}

#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}

#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: 9999}

.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 {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 60px 0px 0px;
	margin-left: 20px; 
}


#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}


/*shopping cart*/

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

#demoContainer{
	width:855px;
	height:832px;
	margin:50px auto 0 auto;
	padding:38px 0 0 49px;
	background:url(/images/shoping-cart-back.jpg) no-repeat;
}


.simpleCart_shelfItem{
	float:left;
	margin:47px 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;
}
.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;
	position:absolute;
	bottom:0px;  bottom: 10px;
	right:3px;
}
.item_add:hover{
	background-position:-85px -21px;
}
.item_add:active{
	background-position:-170px -21px;
}
.simpleCart_items{
	position: absolute; top: 690px; left: 100px;
	height:170px;
}
.cartHeaders{
	display:none;
}
.itemContainer{
	float:left;
	width:110px;
	text-align:center;
	margin-right:25px;
	position:relative;
	bottom:0;
}
.itemname{
	font:bold 11px "Helvetica", Arial, sans-serif;
	color:#000;
	text-transform:uppercase;
}
.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: 180px; margin-right: 180px; 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;
}