BODY {
  background: #999999;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  text-align: center;
  margin: 0;
  padding: 30px 0;
}

#wrapper {
			width: 640px;
			background: #fff;
			border-top: 0px solid  #000;
			border-left: 0px solid  #000;
			border-right: 0px solid   #000;
			margin: 0 auto;
			padding: 0 0px;
			}
			
#header {
		width: 640px;
		border-bottom: 0px solid #000;
		margin: 0 auto;
		padding: 1px 1px 2px 1px;
		}

/* ---------------------------------Containers!------------------------------------- */

DIV.outside {
  margin: 30px auto;
  width: 780px;
  text-align: center;
  background-image:url("http://www.kerstinschocolates.com/img/BG-Pattern01.gif");
  border-style: solid;
  border-width: 0.5px;
  border-color: #888888;
}

DIV.container {
  margin: 70px auto;
  width: 660px;
  text-align: center;
  background: white;
  border-style: solid;
  border-width: 0.5px;
  border-color: #505050;
}

DIV.subcontainer {
  margin: 5px auto;
  width: 640px;
  /* text-align: left; */
  background: white;
}

DIV.subsubcontainer {
  margin: 5px auto;
  width: 550px;
  text-align: left; 
  background: white;
}

DIV.subsubsubcontainer {
  margin: 5px auto;
  width: 410px;
  /* text-align: left; */
  background: white;
}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content {
		width: 500px;
		float: left;
		color: #666;
		text-align: left;
		padding: 30px 0 0 0;
		}
		
		.navigation {
				height: 15px;
				width: 100%;
				}
		
		.alignleft {
				text-align: left;
				float: left;
				}
			
		.alignright {
				text-align: right;
				float: right;
				}
			



/* ---------------------------------START TEXT FORMAT---------------------------*/

.tableborder {
	border: thin #999999;
}

.order {
	font-family: Helvetica, sans-serif, Arial;
	font-size: 12px;
	color: 666666;
	font-weight: normal;
}

.content {
	font-family: Helvetica, sans-serif, Arial;
	font-size: 12px;
	color: #787878;
	font-weight: normal;
	text-align: left;
	
}
.content a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FF9900;
}

.bland {
	font-family: Helvetica, sans-serif, Arial;
	font-size: 20px;
	color: #444444;
	font-weight: normal;

}

.bland a { 	font-family: Helvetica, sans-serif, Arial;
			font-size: 20px;
		    color: #444444;
		    font-weight: normal;
	}




H7 {    color: #222222;
	font-size: 8px}

H3 {    font-family: Helvetica, sans-serif, Arial;
	font-size: 12px;
	color: 666666;
	font-weight: normal;
	}








/* ---------------------------------START UNIVERSAL---------------------------*/
a:link {color: #FF9900; text-decoration: none}     /* unvisited link */
a:visited {color: #FF9900; text-decoration: none}  /* visited link */
a:hover {color: #222; text-decoration: none; border-color: #ccc; background: #fff;}   /* mouse over link */
a:active {color: #FF9900; text-decoration: none}   /* selected link */
body { background-color: #999999; } /* background color for page */	

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.clear {
		height: 20px;
		width: 100%;
		clear: both;
		}

		#footer {
			background: #ddd;
			width: 640px;
			height: 50px;
			margin: 0 auto;
			padding: 20px 0 0 0;
			clear: both;
			border-bottom: 0px solid #000;
			border-left: 0px solid #000;
			border-right: 0px solid #000;
			}
	
			#footer p {
				font-size: 0.8em;
				color: #000;
				margin: 0;
				}
			
				#footer p a {
					color: #000;
					text-decoration: underline;
					}
				
					#footer p a:hover { text-decoration: none; }



/* ----------------------START NAV BAR ------------------------------------*/



ul#list-nav {
list-style: none;
margin-left: 10px;
margin-right: 10px;
margin-top: 2px;
margin-bottom: 10px;
padding:0px;
width: 640px;
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
	text-decoration:none;
	padding: 2px 2px;
	width:98px;
	background:#bfbfbf;
	color:#eee;
	float:left;
	text-align:center;
	border-left:1px solid #fff;
	border-bottom:3px solid #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

ul#list-nav li a:hover {
background:#616161;
color:#000
}

ul#list-bar {
list-style:none;
margin-left: 10px;
margin-right: 10px;
margin-top: 2px;
margin-bottom: 10px;
padding:0px;
width: 640px;
}

ul#list-bar li {
display:inline
}

ul#list-bar li a {
	text-decoration:none;
	padding: 2px 2px;
	width:304px;
	background:#bfbfbf;
	color:#eee;
	float:left;
	text-align:center;
	border-left:1px solid #fff;
	border-bottom:3px solid #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

ul#list-bar li a:hover {
background:#616161;
color:#000
}


#notice {;
position: absolute;
bottom: 0;
width: 100%;
background-color: #999999; 
clear: both; 
}


img.floatLeft { 
    float: left; 
    margin: 30px; 
}

img.floatRight { 
    float: right; 
    margin: 30px; 
}


/* Photo-Caption PZ3 CSS v080630
* copyright: http://randsco.com/copyright
* www.randsco.com
*/

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap,
.noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */ 

/* For Pop-up Window */

#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}

#popUpDiv {
	position:absolute;
	background-color:#eeeeee;
	width:500px;
	height:400px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}