/*
Stylesheet for: Nibchoc

Please don't remove the following lines recognising the author:
Author: Heather Davidson, http://www.quietmountain.co.uk
Copyright Heather Davidson

CSS for PHP pages not including blog 
*/

/* Elements */
* 
{
	margin:0;
	padding:0;
}
body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0;
	background:#F8F8F1;
	font-family: Verdana,Tahoma, Arial, Serif;
	line-height: 1.5em;
	font-size: 10px; /* IE5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 10px; /* easy scaling */
	font-size: 0.76em;
	color: #8E7862;
	text-decoration: none;
}
a:hover,a:active 
{
	color:#BAAC9A;
	text-decoration:none;
	/*border-bottom:#699 1px solid;*/
}

#outlined-boxed {
	margin: auto;
	width: 480px;
	padding: 12px;
	border:thin solid #DAD5C5;
	text-align:center;
	background-color: #F9F9F7;
	}
#header 
{
	background:url(http://www.nibchoc.com/header.png) no-repeat left;  /*usemap:"#homepage";*/
	height:190px;
	width:900px;
	border:0;
	margin:auto;
	background-position: center;
	
}

#clear {
	clear: both;
	width: 100%;
	height: 40px;
	}

#shoplist {
	width: 500px;
	margin: auto;

}
#shopitems {
	width: 100%;
	border-top: #CC9 thin solid;
	clear:both;
	padding: 10px 0 0 0;
	}
	

#shopimage {
	width: 35%;
	clear: left;
	float:left;

	}
	
#shopitemtext {
	width: 60%;
	max-width: 270px;
	float: left;
	padding: 0;

	}

	
#addtoshop {
	width: 5%;
	float: right;
	clear: right;
	}

#blockinfo {
	
	padding: 0;
	margin: 0 25px 0 0;
	}	
	
#iconspacerspecial {
	height: 30px;
	clear: both;
	width: 100%;}
	
#iconspacer {
	height: 31px;
	clear: both;
	width: 100%;}
	
#blockleft {
	float: left;
	clear: left;
	width: 90%;
	height: 25px;
	text-align: right;
	padding: 6px 0 0 0;
	}

#blockright {
	padding: 6px 0 0 0;
}

#style7 {
	width: 600px;
	margin: auto;
	text-align: center;
	padding: 50px 0 0 0;}

#apDiv1 {  /* header menu */
	position:relative;
	width:357px;
	height:62px;
	z-index:2;
	left: 353px;
	top: 21px;
}


#apDiv2 {  /* main page menu */
	position:relative;
	width:382px;
	height:62px;
	z-index:2;
	left: 332px;
	top: -69px;
}

#apDiv4 {   /* shopping cart */
	position:relative;
	width:62px;
	height:62px;
	z-index:4;
	left: 733px;
	top: -136px;
	

}
#apDiv6 {  /* cursor - hotspot */
	position:relative;
	width:260px;
	height:90px;
	z-index:1;
	left: 50px;
	top: 5px;
}


#container {
	width: 700px;
	/*background-color:#3366FF;*/
	margin: auto;
	padding-left: 100px;
	
}

#content {
	width: 700px;
	/*background-color:#FFCC66;*/
	margin: auto;

}

#shopcontainer {
	width: 600px;
	padding-left: 100px;
	


}

#shopheader {
	width: 500px;
	padding-left: 0px;
	margin-top: -44px;
	margin-bottom: 44px;
	


}

#contactheader {
	width: 500px;
	padding-left: 0px;
	margin-top: -53px;
	margin-bottom: 44px;

}
#contactcontainer {
	width: 600px;
	padding-left: 60px;
	

}

#aboutheader {
	width: 500px;
	padding-left: 0px;
	margin-top: -53px;
	margin-bottom: 44px;

}
#aboutcontainer {
	width: 600px;
	padding-left: 100px;
	

}

#ingredientsheader {
	width: 500px;
	padding-left: 0px;
	margin-top: -53px;
	margin-bottom: 44px;

}
#ingredientscontainer {
	width: 610px;
	padding-left: 100px;
	
}

#ingredientspictures {
	width:216px;
	float:left;
	margin-right:44px;

}

#ingredientstable {
	width:200px;
	
	

}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color: #BDB96A;
	font-style: italic;
}

h1 {
	font-size: 1.3em;
	line-height: 1em;
	text-align:center;
	padding: 20px 0 20px 0;
}

h2 {
	font-size: 1em;
	line-height: 1em;
	letter-spacing:1px;
	color:#B59F82;
}

h3 {
	font-size: 1.3em;
	line-height: 1em;
	margin-bottom: 0px;
}

h4 {
	color: #B5C576;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	padding: 26px 0 26px 0;
}

h5 {
	color: #C00;
	font-size:12px;
	letter-spacing: 1px;
}

h7 {
	color: #333;}

p {
	color: #A9985C;
}
#footer {
	margin: 5px auto 0;
	padding:0 15px;
	width:800px;
	text-align: center;	
	background:url(http://www.nibchoc.com/footerchoc.png) no-repeat ;
	height: 29px;
}


#footertext{
margin-left:70px;

}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #B88683;
	font-size: 12px;
	text-decoration: none;
}
.style2 a:hover,a:active 
{
	color:#BAAC9A;
	text-decoration:none;
	/*border-bottom:#699 1px solid;*/
}

#infoupimage{}


#infouptitle{
	font-size: 1.7em;
	padding: 17px;
}


#infouptext{
	font-size: 1em;
	color: #807066;
	padding: 0 10px 17px 10px;
	width: 800px;
	margin:auto;
}

.style4 {
	color: #A69375;
	
}


.style7 {
	color: #AE9F6C;
	padding: 0 8px 8px 0;
	font-size:11px;
}

.style11 {
	color: #837363;
	text-decoration: none;
}

.forrollovers {
	text-decoration:none;
	color:#B0B57D;
}

.foremail {
	text-decoration:none;
	color:#AC9A86;
}

.nounderline {
	color: #9EC133;
	text-decoration: none;
}
.nounderline a{
	color: #BECD52;
	text-decoration: none;
}

li {
margin-left:8px;}

.style9 {
	color: #726147;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 0.6em;
}

ol {
	padding: 0 0 0 20px;
	}