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

body{
background-color: #ECECED;
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:#858F9E;
text-align:left;
line-height:16px;
margin-top:0px;
margin-bottom:0px;
}

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

p.bodytestimonial{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:normal;
font-style:italic;
color:#858F9E;
text-align:left;
line-height:18px;
margin-top:0px;
margin-bottom:0px;
}

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

p.topnav{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color:#000066;
text-align:left;
margin-left:20px;
margin-top:3px;
margin-bottom:1px;
}

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

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

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

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:#000066;
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:#858F9E;
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:#000066;
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:#000066;
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:#858F9E;
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:#858F9E;
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: 9px;
font-weight:normal;
color:#000066;
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:#000066;
text-align:left;
margin-top:3px;
margin-bottom:-6px;
}

h3.Grey{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:normal;
color:#000066;
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:#000066;
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:#000066;
text-align:right;
margin-bottom:0px;
margin-top:-3px;
margin-right:10px;
}

ul{
	margin-left:10px;
}

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

input {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
font-style:normal
color: #000066;
background: #FFFFFF;
border: 1px solid #858F9E;
}

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

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

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

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


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


.jssBoldLinks { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color:#000066;
	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;
}


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


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

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

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

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

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

.jssForm {
}


.jssFormDiv {
	text-align: left;
}

.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:#858F9E;
        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:#858F9E;
        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:#000066;
font-size:13px;
	font-weight: bold;
        text-align:center;
	font-size: 10px;
	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:#858F9E;
        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:#000000;
}
a:visited{
color:#000000;
}
a:hover{
color:#2186D5;
}

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

a.nav{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a.nav:link{
color:#000066;
}
a.nav:visited{
color:#000066;
}
a.nav:hover{
color:#858F9E;
}

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

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:#000066;
}

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

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*/

#Outline{
position:relative;
top:25px; 
width:910px; 
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: #B8BDC5; 
padding-top:4px;
padding-bottom:4px;
text-align:center;
margin-bottom:10px;
}

#Navigation{
width:898px; 
height:20px;
background-color:#FFFFFF;
text-align:left;
margin: 0px auto;
border-top-width: 0px; 
border-right-width: 1px; 
border-bottom-width: 0px; 
border-left-width: 1px; 
border-style: solid; 
border-color: #858F9E; 
z-index:1;
}

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

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

#ChocolateMenu{
position:relative;
text-align:center;
width:173px; 
height:auto;
background-image:url(../images/menu2.gif);
margin-top:8px;
}

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

#PageOutline{
width:898px; 
height:auto;
background-color:#FFFFFF;
text-align:center;
margin:0px auto;
border-top-width: 0px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-style: solid; 
border-color: #858F9E;
}

#MainContent{
width:860px;
padding-top:32px;
padding-left:18px; 
padding-bottom:20px;
height: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: #000066; 
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: #000066; 
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: #000066; 
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: #000066; 
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: #000066; 
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: #000066; 
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: #000066; 
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: #000066; 
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: #000066; 
margin-bottom:8px;
margin-right:8px;
margin-left:0px;
padding-top:4px;
padding-bottom:4px;
text-align:center;
}

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

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

#footerLinks{
position:absolute;
top:0px;
left:450px;
width:450px; 
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;
}