/*      This is the CSS style sheet for Ilze's Chocolat */

body{
background-color: #ECECE7;
text-align:center;
margin: 0px auto;
height:100%;
}

/*Paragraphs */

p.body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color:#000;
text-align:left;
line-height:16px;
margin-top:0px;
margin-bottom:0px;
}

p.macmessage{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color:#000;
text-align:left;
line-height:14px;
margin-top:72px;
margin-bottom:0px;
margin-left:233px;
margin-right:20px;
}

p.bodyCentred{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color:#000;
text-align:center;
margin-top:6px;
margin-bottom:6px;
}

p.centerBlue{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight:normal;
color:#000;
text-align:center;
line-height:16px;
margin-left:20px;
margin-right:20px;
margin-top:0px;
}

p.bodytestimonial{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color:#000;
text-align:left;
line-height:16px;
margin-top:0px;
margin-bottom:-4px;
}

p.bodytestimonial2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
font-style:italic;
color:#000;
text-align:left;
margin-top:-12px;
margin-bottom:8px;
}

p.line{
margin-top:0px;
margin-bottom:0px;
}

p.tableWhite{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin:0;
font-weight:normal;
color:#FFFFFF;
text-align:left;
}

p.tableWhite2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color:#FFFFFF;
text-align:left;
line-height:10px;
margin-left:6px;
}

p.tableGrey{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin:0;
font-weight:normal;
color:#000;
text-align:left;
}

p.tableGrey2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color:#000;
text-align:left;
line-height:14px;
margin-left:6px;
}

p.copyright{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color:#FFFFFF;
text-align:left;
margin-left:20px;
margin-top:6px;
}

p.footerLinks{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color:#FFFFFF;
text-align:right;
margin-right:20px;
margin-top:6px;
margin-bottom:6px;
}

p.sideboxTitle{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#000;
text-align:left;
margin-top:6px;
margin-bottom:4px;
margin-left:8px;
margin-right:8px;
}

p.sideboxBody{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color:#000;
text-align:left;
line-height:14px;
margin-left:8px;
margin-right:8px;
margin-top:0px;
margin-bottom:4px;
}

p.productboxTitle{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#000;
text-align:left;
margin-top:6px;
margin-bottom:10px;
margin-left:8px;
margin-right:8px;
}
p.productboxSubTitle{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:narmal;
color:#000;
text-align:left;
margin-top:-6px;
margin-bottom:10px;
margin-left:8px;
margin-right:8px;
}

p.productboxBody{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color:#000;
text-align:left;
line-height:13px;
margin-left:8px;
margin-right:8px;
margin-top:0px;
margin-bottom:0px;
}

p.productboxPrice{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:bold;
color:#000;
text-align:left;
line-height:14px;
margin-left:8px;
margin-right:8px;
margin-top:20px;
margin-bottom:14px;
}

p.productboxADD{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color:#979187;
text-align:left;
margin-bottom:4px;
margin-left:4px;
margin-top:4px;
}

h1.red{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight:bold;
color:#FF0000;
text-align:center;
margin-top:12px;
}

p.red{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight:normal;
color:#FF0000;
text-align:center;
margin-bottom:12px;
margin-left:15px;
margin-right:15px;
}

h2.Grey{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight:normal;
color:#000;
text-align:left;
margin-top:3px;
margin-bottom:-6px;
}

h3.Grey{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color:#000;
text-align:left;
margin-top:3px;
margin-bottom:-6px;
}

h3.Blue{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:normal;
color:#000;
text-align:left;
margin-top:3px;
margin-bottom:-10px;
}

h3.Cart{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#FFF;
text-align:right;
margin-bottom:0px;
margin-top:-3px;
margin-right:0px;
}

p.jssFormError{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
font-weight:normal;
color:#FF0000;
text-align:left;
line-height:16px;
margin-top:0px;
}

ul{
	margin-left:0px;
	margin-top:-15px;
	margin-bottom:-15px;
}

li.bullet {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align:left;
color:#000;
font-size: 11px; 
list-style-image:  url(../images/tbullet.gif);
margin-top:0px;
margin-left:-15px;
margin-bottom:-8px;
line-height:16px;
}

input {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
font-style:normal;
color: #000;
background: #FFF;
border: 1px solid #979187;
}

input.outline {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
font-style:normal;
color: #000;
background: #FFF;
border: 1px solid #979187;
}

input.button {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
font-weight:bold;
color: #979187;
background: #ECECE7;
border: 3px solid #ECECE7;
text-transform:uppercase;
cursor:pointer;
}

input.lrgButton {
	border: 0px solid #FFF;
cursor:pointer;
}

p.space{
margin-top:0px;
margin-bottom:0px;
margin-left:-20px;
}

p.minibasket{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color:#C4C1B3;
text-align:left;
margin-top:6px;
margin-bottom:0px;
}

form{
margin-top:0px;
margin-bottom:0px;
}

.jssPageSubHeading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:normal;
color:#000;
text-align:left;
margin-bottom:0px;
margin-top:0px;
}

.vdotline{
	background-image:url(../images/v_dotline.gif);
}



/* Top Navigation Styling ------------------------------------------------------------- */


.home {
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	width: 68px;
	height: 29px;
	background: url('../images/home-btn.gif') top;
	text-indent: -99999px;
	
}
.home:hover {
	background-position: 0px -29px;
}

.story {
	position:absolute;
	top:0px;
	left:68px;
	display: block;
	width: 110px;
	height: 29px;
	background: url('../images/story-btn.gif') top;
	text-indent: -99999px;
}
.story:hover {
	background-position: 0px -29px;
}
.storyON {
	position:absolute;
	top:0px;
	left:68px;
	display: block;
	width: 110px;
	height: 29px;
	background: url('../images/story-btn.gif') top;
	background-position: 0px -29px;
	text-indent: -99999px;
}

.markets {
	position:absolute;
	top:0px;
	left:178px;
	display: block;
	width: 90px;
	height: 29px;
	background: url('../images/markets-btn.gif') top;
	text-indent: -99999px;
}
.markets:hover {
	background-position: 0px -29px;
}
.marketsON {
	position:absolute;
	top:0px;
	left:178px;
	display: block;
	width: 90px;
	height: 29px;
	background: url('../images/markets-btn.gif') top;
	background-position: 0px -29px;
	text-indent: -99999px;
}

.about {
	position:absolute;
	top:0px;
	left:268px;
	display: block;
	width: 173px;
	height: 29px;
	background: url('../images/about-btn.gif') top;
	text-indent: -99999px;
}
.about:hover {
	background-position: 0px -29px;
}
.aboutON {
	position:absolute;
	top:0px;
	left:268px;
	display: block;
	width: 173px;
	height: 29px;
	background: url('../images/about-btn.gif') top;
	background-position: 0px -29px;
	text-indent: -99999px;
}

.news {
	position:absolute;
	top:0px;
	left:441px;
	display: block;
	width: 131px;
	height: 29px;
	background: url('../images/news-btn.gif') top;
	text-indent: -99999px;
}
.news:hover {
	background-position: 0px -29px;
}
.newsON {
	position:absolute;
	top:0px;
	left:441px;
	display: block;
	width: 131px;
	height: 29px;
	background: url('../images/news-btn.gif') top;
	background-position: 0px -29px;
	text-indent: -99999px;
}

.service {
	position:absolute;
	top:0px;
	left:572px;
	display: block;
	width: 151px;
	height: 29px;
	background: url('../images/service-btn.gif') top;
	text-indent: -99999px;
}
.service:hover {
	background-position: 0px -29px;
}
.serviceON {
	position:absolute;
	top:0px;
	left:572px;
	display: block;
	width: 151px;
	height: 29px;
	background: url('../images/service-btn.gif') top;
	background-position: 0px -29px;
	text-indent: -99999px;
}

.account {
	position:absolute;
	top:0px;
	left:723px;
	display: block;
	width: 177px;
	height: 29px;
	background: url('../images/accounts-btn.gif') top;
	text-indent: -99999px;
}
.account:hover {
	background-position: 0px -29px;
}
.accountON {
	position:absolute;
	top:0px;
	left:723px;
	display: block;
	width: 177px;
	height: 29px;
	background: url('../images/accounts-btn.gif') top;
	background-position: 0px -29px;
	text-indent: -99999px;
}


/* Secondary Navigation Styling ------------------------------------------------------------- */


.whatis {
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	width: 96px;
	height: 16px;
	background: url('../images/whatis-btn.gif') top;
	text-indent: -99999px;
}
.whatis:hover {
	background-position: 0px -16px;
}
.whatisON {
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	width: 96px;
	height: 16px;
	background: url('../images/whatis-btn.gif') top;
	background-position: 0px -16px;
	text-indent: -99999px;
}

.handmade {
	position:absolute;
	top:0px;
	left:108px;
	display: block;
	width: 107px;
	height: 16px;
	background: url('../images/handmade-btn.gif') top;
	text-indent: -99999px;
}
.handmade:hover {
	background-position: 0px -16px;
}
.handmadeON {
	position:absolute;
	top:0px;
	left:108px;
	display: block;
	width: 107px;
	height: 16px;
	background: url('../images/handmade-btn.gif') top;
	background-position: 0px -16px;
	text-indent: -99999px;
}

.health {
	position:absolute;
	top:0px;
	left:227px;
	display: block;
	width: 78px;
	height: 16px;
	background: url('../images/health-btn.gif') top;
	text-indent: -99999px;
}
.health:hover {
	background-position: 0px -16px;
}
.healthON {
	position:absolute;
	top:0px;
	left:227px;
	display: block;
	width: 78px;
	height: 16px;
	background: url('../images/health-btn.gif') top;
	background-position: 0px -16px;
	text-indent: -99999px;
}

.history {
	position:absolute;
	top:0px;
	left:317px;
	display: block;
	width: 39px;
	height: 16px;
	background: url('../images/history-btn.gif') top;
	text-indent: -99999px;
}
.history:hover {
	background-position: 0px -16px;
}
.historyON {
	position:absolute;
	top:0px;
	left:317px;
	display: block;
	width: 39px;
	height: 16px;
	background: url('../images/history-btn.gif') top;
	background-position: 0px -16px;
	text-indent: -99999px;
}

.testimonials {
	position:absolute;
	top:0px;
	left:368px;
	display: block;
	width: 64px;
	height: 16px;
	background: url('../images/testimonials-btn.gif') top;
	text-indent: -99999px;
}
.testimonials:hover {
	background-position: 0px -16px;
}
.testimonialsON {
	position:absolute;
	top:0px;
	left:368px;
	display: block;
	width: 64px;
	height: 16px;
	background: url('../images/testimonials-btn.gif') top;
	background-position: 0px -16px;
	text-indent: -99999px;
}

.glossary {
	position:absolute;
	top:0px;
	left:445px;
	display: block;
	width: 47px;
	height: 16px;
	background: url('../images/glossary-btn.gif') top;
	text-indent: -99999px;
}
.glossary:hover {
	background-position: 0px -16px;
}
.glossaryON {
	position:absolute;
	top:0px;
	left:445px;
	display: block;
	width: 47px;
	height: 16px;
	background: url('../images/glossary-btn.gif') top;
	background-position: 0px -16px;
	text-indent: -99999px;
}

.chocdot1{
	position:absolute;
	top:0px;
	left:97px;
}

.chocdot2{
	position:absolute;
	top:0px;
	left:215px;
}

.chocdot3{
	position:absolute;
	top:0px;
	left:305px;
}

.chocdot4{
	position:absolute;
	top:0px;
	left:356px;
}

.chocdot5{
	position:absolute;
	top:0px;
	left:433px;
}


.custserv {
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	width: 86px;
	height: 16px;
	background: url('../images/custserv-btn.gif') top;
	text-indent: -99999px;
}
.custserv:hover {
	background-position: 0px -16px;
}
.custservON {
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	width: 86px;
	height: 16px;
	background: url('../images/custserv-btn.gif') top;
	background-position: 0px -16px;
	text-indent: -99999px;
}

.contact {
	position:absolute;
	top:0px;
	left:97px;
	display: block;
	width: 54px;
	height: 16px;
	background: url('../images/contact-btn.gif') top;
	text-indent: -99999px;
}
.contact:hover {
	background-position: 0px -16px;
}
.contactON {
	position:absolute;
	top:0px;
	left:97px;
	display: block;
	width: 54px;
	height: 16px;
	background: url('../images/contact-btn.gif') top;
	background-position: 0px -16px;
	text-indent: -99999px;
}

.faqs {
	position:absolute;
	top:0px;
	left:163px;
	display: block;
	width: 139px;
	height: 16px;
	background: url('../images/faqs-btn.gif') top;
	text-indent: -99999px;
}
.faqs:hover {
	background-position: 0px -16px;
}
.faqsON {
	position:absolute;
	top:0px;
	left:163px;
	display: block;
	width: 139px;
	height: 16px;
	background: url('../images/faqs-btn.gif') top;
	background-position: 0px -16px;
	text-indent: -99999px;
}

.delivery {
	position:absolute;
	top:0px;
	left:313px;
	display: block;
	width: 81px;
	height: 16px;
	background: url('../images/delivery-btn.gif') top;
	text-indent: -99999px;
}
.delivery:hover {
	background-position: 0px -16px;
}
.deliveryON {
	position:absolute;
	top:0px;
	left:313px;
	display: block;
	width: 81px;
	height: 16px;
	background: url('../images/delivery-btn.gif') top;
	background-position: 0px -16px;
	text-indent: -99999px;
}

.privacy {
	position:absolute;
	top:0px;
	left:405px;
	display: block;
	width: 74px;
	height: 16px;
	background: url('../images/privacy-btn.gif') top;
	text-indent: -99999px;
}
.privacy:hover {
	background-position: 0px -16px;
}
.privacyON {
	position:absolute;
	top:0px;
	left:405px;
	display: block;
	width: 74px;
	height: 16px;
	background: url('../images/privacy-btn.gif') top;
	background-position: 0px -16px;
	text-indent: -99999px;
}

.custdot1{
	position:absolute;
	top:0px;
	left:86px;
}

.custdot2{
	position:absolute;
	top:0px;
	left:151px;
}

.custdot3{
	position:absolute;
	top:0px;
	left:302px;
}

.custdot4{
	position:absolute;
	top:0px;
	left:394px;
}




/* Side Navigation Styling ------------------------------------------------------------- */


.signature {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/signature-btn.gif') left;
	text-indent: -99999px;
}
.signature:hover {
	background-position: -173px 0px;
}

.signatureON {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/signature-btn.gif') left;
		background-position: -173px 0px;
	text-indent: -99999px;
}

.truffles {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/truffles-btn.gif') left;
	text-indent: -99999px;
}
.truffles:hover {
	background-position: -173px 0px;
}

.trufflesON {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/truffles-btn.gif') left;
	background-position: -173px 0px;
	text-indent: -99999px;
}

.fruitnut {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/fruitnut-btn.gif') left;
	text-indent: -99999px;
}
.fruitnut:hover {
	background-position: -173px 0px;
}

.fruitnutON {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/fruitnut-btn.gif') left;
		background-position: -173px 0px;
	text-indent: -99999px;
}

.bars {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/bars-btn.gif') left;
	text-indent: -99999px;
}
.bars:hover {
	background-position: -173px 0px;
}
.barsON {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/bars-btn.gif') left;
	background-position: -173px 0px;
	text-indent: -99999px;
}

.macaroons {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/macaroons-btn.gif') left;
	text-indent: -99999px;
}
.macaroons:hover {
	background-position: -173px 0px;
}
.macaroonsON {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/macaroons-btn.gif') left;
	background-position: -173px 0px;
	text-indent: -99999px;
}

.honeycomb {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/honeycomb-btn.gif') left;
	text-indent: -99999px;
}
.honeycomb:hover {
	background-position: -173px 0px;
}
.honeycombON {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/honeycomb-btn.gif') left;
	background-position: -173px 0px;
	text-indent: -99999px;
}

.otherprods {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/otherprods-btn.gif') left;
	text-indent: -99999px;
}
.otherprods:hover {
	background-position: -173px 0px;
}
.otherprodsON {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/otherprods-btn.gif') left;
	background-position: -173px 0px;
	text-indent: -99999px;
}

.cards {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/cards-btn.gif') left;
	text-indent: -99999px;
}
.cards:hover {
	background-position: -173px 0px;
}
.cardsON {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/cards-btn.gif') left;
	background-position: -173px 0px;
	text-indent: -99999px;
}

.gifts {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/gifts-btn.gif') left;
	text-indent: -99999px;
}
.gifts:hover {
	background-position: -173px 0px;
}
.giftsON {
	display: block;
	width: 173px;
	height: 18px;
	background: url('../images/gifts-btn.gif') left;
	background-position: -173px 0px;
	text-indent: -99999px;
}

.seasonal {
	display: block;
	width: 173px;
	height: 20px;
	background: url('../images/seasonal-btn.gif') left;
	text-indent: -99999px;
	margin-bottom:7px;
}
.seasonal:hover {
	background-position: -173px 0px;
}
.seasonalON {
	display: block;
	width: 173px;
	height: 20px;
	background: url('../images/seasonal-btn.gif') left;
	background-position: -173px 0px;
	text-indent: -99999px;
	margin-bottom:7px;
}

.viewbasket {
	display: block;
	width: 95px;
	height: 22px;
	background: url('../images/viewbasket-btn.gif') left;
	text-indent: -99999px;
}
.viewbasket:hover {
	background-position: -173px 0px;
}

.checkout {
	display: block;
	width: 173px;
	height: 23px;
	background: url('../images/checkout-btn.gif') left;
	text-indent: -99999px;
}
.checkout:hover {
	background-position: -173px 0px;
}

.customerlogin {
	display: block;
	width: 173px;
	height: 28px;
	background: url('../images/customerlogin-btn.gif') left;
	text-indent: -99999px;
	margin-top:7px;
	margin-bottom:7px;
}
.customerlogin:hover {
	background-position: -173px 0px;
}

.facebook {
	display: block;
	width: 173px;
	height: 28px;
	background: url('../images/facebook-btn.gif') left;
	text-indent: -99999px;
}
.facebook:hover {
	background-position: -173px 0px;
}

.twitter {
	display: block;
	width: 173px;
	height: 28px;
	background: url('../images/twitter-btn.gif') left;
	text-indent: -99999px;
}
.twitter:hover {
	background-position: -173px 0px;
}

.blog {
	display: block;
	width: 173px;
	height: 28px;
	background: url('../images/blog-btn.gif') left;
	text-indent: -99999px;
	margin-bottom:7px;
}
.blog:hover {
	background-position: -173px 0px;
}

.signaturecta {
	display: block;
	width: 171px;
	height: 139px;
	background: url('../images/signature-cta.jpg') left;
	text-indent: -99999px;
	margin-bottom:7px;
}
.signaturecta:hover {
	background-position: -171px 0px;
}

.whatsnewcta {
	display: block;
	width: 171px;
	height: 140px;
	background: url('../images/whatsnew-cta.jpg') left;
	text-indent: -99999px;
	margin-bottom:7px;
}
.whatsnewcta:hover {
	background-position: -171px 0px;
}


/* Cart Styling ------------------------------------------------------------- */


.jssBoldLinks { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color:#000;
	text-decoration: none; 
	font-weight: bold;
}

.jssBoldLinks:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	font-weight: bold;
	color:#858F9E;
}


.jssCartDiv {
        width:650px;
	text-align: left;
}

.jssCartTable {
	width:100%;
	padding: 0px;
	border: 0px;
	margin-bottom:5px;
}


.jssCartTable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	font-size: 75%;
	vertical-align: top;
}


.jssCartTable th.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight: bold;
	padding: 4px;
	text-align: right;
	font-size: 75%;
	vertical-align: top;
}

.jssCartTable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: normal;
	padding: 4px;
	font-size: 75%;
	vertical-align: top;
}

.jssCartTable td.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: normal;
	padding: 4px;
	text-align: right;
	font-size: 75%;
	vertical-align: top;
}

.jssCartTable th.total {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight: bold;
	padding: 4px;
	text-align: right;
	font-size: 80%;
	vertical-align: top;
}

/* General Form Styling ------------------------------------------------------------- */

.jssForm {
}


.jssFormDiv {
	text-align: left;
	left:0px;
}

.jssFormTable {
	margin-left: auto;  
	margin-right: auto;
	padding: 0px;
	border: 0px;
}

.jssFormTable caption {
	margin-left: auto;  margin-right: auto;
	font-size: 0.70em;
}

.jssFormTable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
    font-size:11px;
	font-weight: normal;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
}

.jssFormTable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
    font-size:11px;
	font-weight: normal;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}

.jssFormTable td.jssFormSubmit {
	text-align: right;
}

.jssFormTable input {
	font-size: 11px; 
	font-weight: normal;
	height: 18px;
}

.jssFormTable select {
	font-size: 11px; 
	font-weight: normal;
}

.jssFormTable td.jssFormSubmit input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
font-size:13px;
	font-weight: bold;
    text-align:center;
	cursor: pointer;
	height: 16px;
}

.jssFormError {
	font-weight: bold;
	font-size: 12px;
}

.jssError {
	color:#FF0000;
	font-weight: bold;
	font-size: 10px;
}

/* general table styling ------------------------------------------------------------- */

.jssGeneralTableDiv {
width:650px;
	text-align: left;
}

.jssGeneralTable {
width:650px;
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	border: 0px;
}

.jssGeneralTable caption {
	margin-left: auto;  margin-right: auto;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
}

.jssGeneralTable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
    font-size:11px;
	font-weight: bold;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

.jssGeneralTable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#858F9E;
        font-size:11px;
	font-weight: normal;
	padding: 2px;
	text-align: left;
}

.jssGeneralTable td.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#858F9E;
        font-size:11px;
	font-weight: bold;
	padding: 2px;
	text-align: left;
}

.jssGeneralTable a {
	padding: 1px 1px;
	margin: 2px 2px 0px 0px;
	font-size: 1em;
	white-space: nowrap;
}

.jssGeneralTable a:link, .jssGeneralTable a:visited
{
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}

.jssGeneralTable a:hover
{
	text-decoration: underline;
	font-weight: bold;
	font-size: 1em;
}



/*Set a LINKS for pages*/

a{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
a:link{
color:#C1B49A;
}
a:visited{
color:#C1B49A;
}
a:hover{
color:#05B1AC;
}

a.cartGrey{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
a:link{
color:#000;
}
a:visited{
color:#000;
}
a:hover{
color:#05B1AC;
}

a.cartnav{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
a.cartnav:link{
color:#FFF;
}
a.cartnav:visited{
color:#FFF;
}
a.cartnav:hover{
color:#05B1AC;
}

a.copyright{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a.copyright:link{
color:#FFFFFF;
}
a.copyright:visited{
color:#FFFFFF;
}
a.copyright:hover{
color:#05B1AC;
}

a.addtobasket{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#979187;
text-align:center;
}

a.addtobasket:link{
color:#979187;
}
a.addtobasket:visited{
color:#979187;
}
a.addtobasket:hover{
color:#979187;
}

a.addtobasket2{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#979187;
text-align:center;
}

a.addtobasket2:link{
color:#979187;
}
a.addtobasket2:visited{
color:#979187;
}
a.addtobasket2:hover{
color:#979187;
}


a.underline{
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
a.underline:link{
color:#000;
}
a.underline:visited{
color:#000;
}
a.underline:hover{
color:#05B1AC;
}



a.red{
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a.red:link{
color:#FF0000;
}
a.red:visited{
color:#Ff0000;
}
a.red:hover{
color:#FF0000;
}


/*Layout Divs*/

#Container{
position:relative;
top:25px; 
width:900px; 
height:auto;
margin: 0px auto; 
text-align:center;
margin-bottom:20px;
background-color:#FFF;
}

#TopImage{
position:relative;
width:900px; 
height:276px;
margin: 0px auto;
}

#NavContainer{
position:relative;
top:0px;
width:900px; 
height:335px;
background-color:#FFF;
text-align:left;
margin: 0px auto; 
}

#Navigation{
position:absolute;
top:276px;
width:900px; 
height:29px;
background-color:#FFF;
text-align:left;
margin: 0px auto; 
}

#Navigation2{
position:absolute;
top:305px;
left:279px;
width:auto; 
height:16px;
background-color:#FFF;
text-align:left;
margin: 0px auto;
}

#Navigation3{
position:absolute;
top:305px;
left:397px;
width:auto; 
height:16px;
background-color:#FFF;
text-align:left;
margin: 0px auto;
}

#MainContent{
position:relative;
width:900px;
top:0px;
margin-bottom:20px;
height:auto;
margin: 0px auto;
background-color:#FFF;
}

#CartButtons{
position:relative;
width:173px; 
height:auto;
float:left;
}

#ChocolateMenu{
position:relative;
text-align:center;
width:173px; 
height:auto;
overflow:hidden;
}

#Construction{
width:900px; 
height:277px;
margin: 0px auto;
}

#PageContent{
position:relative;
left:20px;
width:465px; 
height:auto;
float:left;
}

#vLine{
position:relative;
width:33px; 
height:auto;
background-image:url(../images/v_dotline.gif);
float:left;
}

#RightSide{
position:relative;
width:160px; 
height:auto;
float:left;
}

#SideInfoBox{
top:0px;
width:160px; 
height:auto;
margin: 0px auto;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-style: solid; 
border-color: #000; 
padding-top:4px;
padding-bottom:4px;
text-align:center;
}

#SideInfoCopy{
position:relative;
width:152px; 
height:auto;
margin: 0px auto; 
padding-top:2px;
padding-bottom:2px;
background-color:#E5E5EF;
}

#SideInfoBarBox{
top:0px;
width:160px; 
height:auto;
margin: 0px auto;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-style: solid; 
border-color: #000; 
padding-top:4px;
padding-bottom:4px;
text-align:center;
}

#SideInfoBarCopy{
position:relative;
width:152px; 
height:auto;
margin: 0px auto; 
padding-top:2px;
padding-bottom:2px;
background-color:#E5E5EF;
}

#SideInfoSignBox{
top:0px;
width:160px; 
height:auto;
margin: 0px auto;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-style: solid; 
border-color: #000; 
padding-top:4px;
padding-bottom:4px;
text-align:center;
}

#SideInfoSignCopy{
position:relative;
width:152px; 
height:auto;
margin: 0px auto; 
padding-top:2px;
padding-bottom:2px;
background-color:#E5E5EF;
}

#SideInfoTruffleBox{
top:0px;
width:160px; 
height:auto;
margin: 0px auto;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-style: solid; 
border-color: #000; 
padding-top:4px;
padding-bottom:4px;
text-align:center;
}

#SideInfoTruffleCopy{
position:relative;
width:152px; 
height:auto;
margin: 0px auto; 
padding-top:2px;
padding-bottom:2px;
background-color:#E5E5EF;
}

#SideInfoFruitBox{
top:0px;
width:160px; 
height:auto;
margin: 0px auto;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-style: solid; 
border-color: #000; 
padding-top:4px;
padding-bottom:4px;
text-align:center;
}

#SideInfoFruitCopy{
position:relative;
width:152px; 
height:auto;
margin: 0px auto; 
padding-top:2px;
padding-bottom:2px;
background-color:#E5E5EF;
}

#SideInfoRecBox{
top:0px;
width:160px; 
height:auto;
margin: 0px auto;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-style: solid; 
border-color: #000; 
padding-top:4px;
padding-bottom:4px;
text-align:center;
}

#SideInfoRecCopy{
position:relative;
width:152px; 
height:auto;
margin: 0px auto; 
padding-top:2px;
padding-bottom:2px;
background-color:#E5E5EF;
}

#ProductInfoBox{
position:relative;
width:150px; 
height:auto;
margin: 0px auto;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-style: solid; 
border-color: #000; 
margin-top:8px;
margin-right:10px;
padding-top:4px;
padding-bottom:4px;
text-align:center;
float:left;
}

.ProductInfoBox2{
position:relative;
width:312px; 
height:auto;
margin: 0px auto;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-style: solid; 
border-color: #ECECE7; 
margin-bottom:8px;
margin-right:8px;
padding-top:4px;
padding-bottom:4px;
text-align:center;
float:left;
}

#SignatureBox{
position:relative;
width:636px; 
height:auto;
margin: 0px auto;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-style: solid; 
border-color: #ECECE7; 
margin-bottom:8px;
margin-right:8px;
margin-left:0px;
padding-top:4px;
padding-bottom:4px;
text-align:center;
}

#Copyright{
position:relative;
top:20px;
width:900px; 
height:26px;
margin: 0px auto;
background-color:#CECCC1;
}

#footerCopyR{
position:absolute;
top:0px;
left:0px;
width:250px; 
height:26px;
margin: 0px auto;
}

#footerLinks{
position:absolute;
top:0px;
left:350px;
width:550px; 
height:26px;
margin: 0px auto;
}

#Closing{
position:absolute;
width:700px; 
height:auto;
top:180px;
left:100px;
margin: 0px auto;
border-top-width: 2px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 2px; 
border-style: solid; 
border-color: #FF0000; 
background-color:#FFFFFF;
z-index:100;
}

.LoyaltyBx{
	background-image:url(../images/loyalty-bx.gif);
	height:190px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 32px;
font-weight:bold;
color:#000;
text-align:center;
margin-top:3px;
}

.LoyaltyBack{
	background-image:url(../images/side-bk.gif);
}