/* 
STYLE SHEET FOR [Enchanted Keepsakes WEB SITE
Created by Steve Langbridge
www.chilternweb.com
ToC
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks
/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

html,body {
	font-size:		 		101%;   /* Allows ie/Win to resize the document */
	margin:		 	 		5px 0 0 0;
	padding:	 	    	0;
	color:          		#91CFF0 
	background-color:	 	#91CFF0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../assets/background.gif);
}
/******************
BODY HACH FOR IE    
*******************/
*html body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:		medium;
}
/*  --------- 2. structure  --------- */
#wrapper {
		width:		850px;
	/*	max-width: 	100%;   IE6 No   */
		margin:		0 auto;
		padding:	0px;
		background:	#ffffff;
		border:		2px solid #cce9f8;
		}
#header {
		width:		100%;
		/*height:		100%; */
		}
#logo {
		width:		120px;
		float:		left;
		padding:    5px 0 0 30px;
}
#banner {
		padding:	10px 0 0 10px;
}
#banner p{
	font-size:	0.9em;
	line-height:1.4em;
	margin:		2px 6px;
	padding:	2px 0 0 10px;
	color:	   #4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
}		
#content {
		position:		relative;
		float:			left;
		width:			650px;
		margin:         0px auto 5px auto;
		padding:        0;
}
#content hr {
	border: 		0;
	padding:        0;
	margin:         5px;
	width: 			95%;
	color:			#91CFF0;
	background-color: #91CFF0;
	height: 		2px;
	clear:			both;
	float:			right;
}
#content a, a:hover a:active a:link, a:active {
	font-size:		1em;
	color:			#000099;
}
#content a:hover  {
	color: #0000FF;
	text-decoration: underline;
}
/*  LH Navigation  */
#navContainer {
		width:	160px; 
		clear:	left;
		float:	left;
		margin:  0 15px 10px 5px;
		padding: 0;
		}

#footer {
		clear:			both; 
		border-top: 	1px solid;
		font-size: 		0.9em;
		padding:		0.1em 0;
		background:		#E6F3F6;
		}
#footer a, a:hover a:active a:link, a:active {
	font-size:		1em;
		}
/* ---------- 3. links and navigation ---------- */
a, a:link, a:active {
	color: 				Black;
	text-decoration:	none;
	font-weight:		bold;
		/* (background:	    	url(../assets/square.gif) no-repeat 4px 8px; */
		}
a:hover, a:active {
		text-decoration:  	none;
		font-weight:		bold;
		}
/*   Coppied from PK Dev  *****/
/*   ********** Menu hover texts ********** */
dl#menu {
	position: 	absolute;
	width: 		15em;
	left: 		3em;
	top: 		1em;
}
dt.btn  {
	margin-top:	5px;
	text-align:	left;
	padding:	1px 0 0 0;
	font-size: 	14px;
	left: 		5px;
}
dt.btn a{
	display:			block;
	text-decoration:	none;
	color:				#999999;
	font-weight:		bold;  /*around text in button */
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			14px;
	padding: 			0px 0 5px 10px;
	background-color: 	#edf6fa;
}
dt.btn a:hover {
	background-color: 	#D9ECF4;
	font-size: 			14px;
}
dt.btn a:active {
	background-color: 	#C9E3EF;
	font-size: 			14px;
}
dt.pink {
	color:  		#FF82FF;
	padding:        5px 0 0 0;
	text-align:		center;
}

ul#menu dt.pink  {
	margin:				5px 0 5px 0;
	padding:    		6px 0 6px 5px;
	background:			url(../assets/pinkbutton40.gif) no-repeat top left;
	color: 				#ffffff;
	font-size:			14px;
}
/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		
		}

h1 {
		}

h2 {
		}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FF0000;
	padding: 0.5em;
		}
		
h4 {
	font-size:	0.7em;
	line-height:1.1em;
	margin:		2px 6px;
	padding:	2px 0 0 10px;
	color:	   #4a4a4a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}

p {
	font-size:	0.8em;
	line-height:1.1em;
	margin:		2px 6px;
	padding:	2px 0 0 10px;
	color:	   #4a4a4a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}
ul {
		list-style-type: none;
		}
li  {
	list-style-position: inside;
	list-style-type: circle;
		color:	   #4a4a4a;
}

/* ---------- 5. images ---------- */

a img {
		border: 0;
}
img.left {			/* Left-floating images */
	margin:			5px 10px 5px 22px;
   float:           left;
}

img.right {			/* Right-floating images */
   margin:          5px 10px 5px 10px;
   float:           right;

}
.right  {
   	margin:         5px 12px 5px 10px;
	float:			right;
}
.separator {
	clear: 			both;
	height: 		10px;
}
.clear {
		clear:	both;
}	
.separator {
		clear: both;
		height: 1px;
		color:red;
}
.paypal {
		float:	left;
}
.viewcart	{
		float:	right;
}
hr {
	border: 		 0;
	padding:         0;
	margin:			 0 auto;
    width: 			800px;
	color:			#91CFF0;
	background-color: #91CFF0;
	height: 		5px;
}
.floatboxright {
	overflow:		visible;
	border:			1px solid #999999;
	width:			133px;
	font-size:		95%;
	margin-right:	10px;
	margin-left:	20px;
	padding-right:  0px;
	float:			right;
}
.floatboxright p {
	font-weight:	normal;
	font-size:		11px;
	color:			#FF00FF;
	padding:        0;
}
.floatboxright a, a:link, a:active {
	text-decoration:	none;
	font-size: 			10px;
	color: #0000FF;	/* (background:	    	url(../assets/square.gif) no-repeat 4px 8px; */
}
.floatboxright a:hover, a:active {
	color:				#0000FF;
	text-decoration:  	underline;
}
.adsense {
	margin-left:	-100px;
	}
/* --------- Photo Zoom --------- */	
#pix {
	position: relative;top:0px;left:0px;
}
#pix.img {
	border: 		0px;
	margin:			0px;
	padding:	    0px;
}
#pix img.left	{
	margin:			0 0px 5px 20px;
   float:           left;
}
#pix a img.hid {
/* ************ Size of Large Photo **Not Home**********/
	width: 			400px;height:330px;
	position: 		absolute;top:-320px;left:230px;
	visibility: 	hidden;
	z-index:		2;
}
#pix a:hover {
	background: 	White;
}
#pix a:hover img.hid {
		visibility: visible;
}
#pix.dt      {
		margin:	10px 10px 10px 10px;
		float:right;
}
/* -------End Photo Zoom -------- */
/* ---------- 6. hacks ---------- */
*html #content {
	margin-right: 0.5%;
}
*html #navContainer {
	margin-left:	0.5%;
}