/*-------------------------------------- 
version: 1.0
author: victoria how
email: victoria.how@printing.com
website: www.printing.com/watford
--------------------------------------*/
body	{
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #f7ff3f;
	font-size: small;
	font-family: "Verdana", sans-serif;
	}
#wrap	{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}

#mainNav	{
	width: 20%;
	float: left;
	text-align: left;
	background: #f7ff3f;
	border: 0px solid #000;
	}
#content	{
	width: 80%;
	height: 100%;
	float: right;
	background: #f7ff3f;
	border: 0px solid #ccc;
	}
		#mainContent	{
		width: 608px;
		float: left;
		background: url(images/bg_strip_wh.jpg) repeat-y;
		border: 0px solid #000;
		}
		#headerRow	{
			width: 100%;
			height: 100%;
			margin: 0 20px 0 0;
			padding: 0;
			text-align: right;
			}
			#headerRow img	{
			width: 164px;
			height: 122px;
			margin: 3px 25px 0 0;
			padding: 0;
			}
			.elegance	{
			width: 327px;
			height: 48px;
			float: left;
			margin: -16px 20px 0 20px;
			padding: 0;
			}
			#headerRow	p	{
			width: 164px;
			height: 15px;
			float: right;
			margin: 0;
			padding: 0 40px 0 0;
			line-height: 1.2em;
			}
					
				
		.spacerTop	{
			width: 608px;
			height: 20px;
			margin: 35px 0 0 0;
			padding: 0;
			background: url(images/bg_strip_gr.jpg) repeat-y;
			border-top: 2px solid #f7ff3f;
			}
			.spacer	{
			float: left;
			width: 608px;
			height: 20px;
			margin: 0;
			padding: 0;
			background: url(images/bg_strip_gr.jpg) repeat-y;
			}
			.spacerBottom	{
			float: left;
			width: 608px;
			height: 20px;
			margin: 0;
			padding: 0;
			background: url(images/bg_strip_gr.jpg) repeat-y;
			border-bottom: 2px solid #f7ff3f;
			}
				.middleRowprod	{
				float: left;
				width: 608px;
				height: 100%;
				margin: 0;
				padding: 0;
				}
				.middleRowprod h1	{
				margin: 0;
				padding: 15px 0 5px 30px;
				text-align: left;
				}
				.middleRowprod	p {
				float: left;
				width: 55%;
				margin: 0;
				padding: 0 0 60px 30px;
				font-size: 90%;
				text-align: left;
				}
				.middleRowprod img	{
				float: right;
				margin: 0 40px 35px 0;
				padding: 10px;
				background: #e6e6e6;
				border: 1px solid #ccc;
				}
				p.productText	{
				float: left;
				width: 45%;
				margin: 0;
				padding: 0 0 10px 30px;
				font-size: 90%;
				text-align: left;
				}
				
					/* contact form */
					.address	{
					float: left;
					margin: 0;
					padding: 20px 0 0 50px;
					}
					.address p	{
					text-align: left;
					font-size: 90%;
					line-height: 1.4em;
					}
					.form	{
					float: left;
					width: 500px;
					margin: 0;
					padding: 10px 50px 10px 50px;
					text-align: left;
					}
					fieldset	{
					margin: 1em 0;
					padding: 1em;
					border: 1px solid #ccc;
					background: #e6e6e6;			
					}
					fieldset h1	{
					font-size: 95%;
					margin-left: 75px;			
					}
					legend	{
					font-size: 95%;
					font-weight: bold;
					color: #333;
					}
					label	{
					float: left;
					width: 7em;
					}
					input	{
					width: 200px;
					}
					.button	{
					width: 100px;
					margin: 0 0 10px 0;
					padding: 5px;
					color: #333;
					font-family: "Verdana", sans-serif;
					font-size: 84%;
					font-weight: bold;
					background: #eaffb5;
					border: 1px solid;
					border-top-color: #ccc;
					border-left-color: #ccc;
					border-right-color: #666;
					border-bottom-color: #666;
					}
					input:focus, textarea:focus	{
					background: #eaffb5;
					}
					textarea	{
					width: 300px;
					height: 100px;
					}
							/* skewers page content - list */
							#skewersList	{
							float: left;
							width: 575px;
							margin: 0 0 0 10px;
							padding: 10px;			
							text-align: left;
							cursor: default;
							list-style: none;				
							}
								#skewersList a	{
								position: relative;
								}
								#skewersList a .preview	{
								display: none;
								}
								#skewersList a:hover	{
								float: left;
								display: block;
								z-index: 1;
								}
								
								#skewersList a:hover .preview	{
								float: left;
								display: block;
								z-index: 1;
								position: absolute;
								top: -120px;
								left: -265px;
								width: 400px;
								height: 200px;
								}
							
								
							#skewersList dl	{
							float: left;
							margin: 10px 20px;
							padding: 0;
							display: inline; /* fixes IE/Win double margin bug */
							color: inherit;
							position: relative;
							}
							#skewersList dt	{
							float: right;
							width: 387px;
							margin: 0;
							padding: 0;
							font-size: 90%;
							font-weight: bold;
							color: #333;
							}
							#skewersList dd	{
							margin: 0;
							padding: 0;
							font-size: 80%;
							color: #666;
							}
							#skewersList dd.img img	{
							float: left;
							margin: 0 5px 8px 0;
							border: 1px solid #ccc;
							background: #fff;
							padding: 2px;
							width: 135px;
							height: 80px;
							}
							
							#skewersList dd.priceCode p {
							float: right;
							width: 387px;
							margin: 0;
							padding: 0;
							line-height: 1.6em;
							font-size: 90%;
							font-weight: bold;
							color: #666;
							}
							/* hoverbox rollovers - skewers page 
								.hoverbox
								{
								cursor: default;
								list-style: none;
								}
							
								.hoverbox a
								{
								cursor: default;
								}
							
								.hoverbox a .preview
								{
								display: none;
								}
							
								.hoverbox a:hover .preview
								{
								display: block;
								position: absolute;
								top: -33px;
								left: -45px;
								z-index: 1;
								}
							
								.hoverbox img
								{
								background: #fff;
								border-color: #aaa #ccc #ddd #bbb;
								border-style: solid;
								border-width: 1px;
								color: inherit;
								padding: 2px;
								vertical-align: top;
								width: 100px;
								height: 75px;
								}
							
								.hoverbox li
								{
								background: #eee;
								border-color: #ddd #bbb #aaa #ccc;
								border-style: solid;
								border-width: 1px;
								color: inherit;
								display: inline;
								float: left;
								margin: 3px;
								padding: 5px;
								position: relative;
								}
							
								.hoverbox .preview
								{
								border-color: #000;
								width: 200px;
								height: 150px;
								}
							*/		
								/* kidei wood sishes - 4 small pics and colours.jpg */
								#smallpics	{
								position: relative;
								margin: -103px 305px 0 0;
								padding: 3px;
								}
								#smallpics img	{
								margin: 5px;
								padding: 3px;
								background: #e6e6e6;
								border: 1px solid #ccc;			
								}
								.smallpics img	{
								margin: -50px 84px 10px -230px;
								padding: 2px;
								background: #e6e6e6;
								border: 1px solid #ccc;
								}
								/* kidei wood sishes - table */		
								#table	{
								float: left;
								width: 90%;
								font-size: 80%;
								color: #333;
								margin: 0 0 0 20px;
								padding: 20px;
								text-align: center;
								}
								#table	th, td	{
								margin: 0;
								padding: 5px 25px 5px 20px;
								text-align: center;
								border-bottom: 1px dotted #f7ff3f;
								}
								#table	th	{
								color: #333;
								}
		
					/* Thumbnails for product main page */
					#spacerThumb	{
						float: left;
						width: 608px;
						height: 100%;
						margin: 0;
						padding: 0 0 0 40px;
						background: url(images/bg_strip_gr.jpg) repeat-y top left;
						text-align: center;
						min-height: 20px;
						border-bottom: 1px solid #f7ff3f;
						}
					
						#spacerThumb dl	{ /* product title and image */
						width: 130px;
						margin: 0;
						padding: 20px 4px 10px 0;
						float: left;
						border: 0px solid #000;
						
						}
						#spacerThumb dt	{ /* product title */
						margin: 0;
						padding: 5px 0 5px 0;
						font-size: 75%;
						font-weight: bold;
						color: #333;
						}
						#spacerThumb dd	{ /* product image holder */
						margin: 0;
						padding: 0;
						border: 0px solid #000;
						}
						#spacerThumb img	{ /* product image */
						margin: 0;
						padding: 3px;
						border: 1px solid #fff;
						}
								
				/* bottom or footer row - slogan text and image */
				#bottomRow	{
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				background: url(images/bg_strip_wh.jpg) repeat-y;
				}
				#bottomRow img {
				float: right;
				margin: 0;
				padding: 30px 30px 100px 240px;
				}
				
		/* empty third column - can use if needed*/
		#secondContent	{
		width: 10%;
		float: right;
		background-color: #f7ff3f;
		}
		/*if need to put text in here---
		#secondContent	p	{
		position: absolute;
		margin: 20px 20px;
		padding: 0;
		}*/
p	{                                           
	font-size: 80%;
	color: #333;
	line-height: 1.2em;
	padding: 0;
	}

h1	{
	font-size: 100%;
	color: #333;
	padding: 0;
	}
h2	{
	font-size: 110%;
	color: #f7ff3f;
	padding: 5px;
	margin: 130px 0 0 25px;
	float: left;
	}
a:link, a:visited	{
	color: #333;
	text-decoration: none;
	font-weight: bold;
	}
a:hover, a:active	{
	color: #999;
	text-decoration: none;
	}
ul	{
	list-style: none;
	padding: 5px;
	margin: 175px 0 0 5px;
	
	}
li	{
	padding: 5px;
	}
	ul .submenu	{
	font-size: 80%;
	font-weight: normal;
	margin: 0 0 0 10px;
	}
img	{border: none}