/* Define HTML Selectors */

html	{ overflow: scroll; } 

body	{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url('../img/bg/bg.gif') #b9abb3 center repeat-y;
}

h1, h2	{ font-weight: normal; margin: 0; text-align: center; }

h1	{
	padding: 28px 0 5px 0;
	font-size: 13pt;
	line-height: 18pt;
	color: #336;
}

h2	{
	font-size: 11pt;
	line-height: 18pt;
	color: #669;
}

h3, h4, h5	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	color: #669;
}
 
/* Blue Header Panel LEFT */ 
h3	{
	width: 238px;
	margin: 5px 0 2px;
	padding: 6px 0 7px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #ccf;
	background: url('../img/bg/col_bg.jpg') repeat-x;
}

	a.h3:link, a.h3:visited, a.h3:active	{
		color: #669;
		text-decoration: none;
	}

	a.h3:hover	{
		text-decoration: underline;
	}

/* Blue Header Panel MIDDLE */
h4	{
	clear: both;
	width: 468px;
	margin: 0 auto 2px;
	padding: 6px 0 7px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #ccf;
	background: url('../img/bg/col_bg.jpg') repeat-x;
}

/* Subhead */
h5	{
	margin-top: 0px;
	padding: 8px 0 5px;
	font-size: 8pt;
	line-height: 10pt;
	color: #669;
	border-bottom: dashed 1px #ccc;
}

	a.h5:link, a.h5:visited, a.h5:active	{
		color: #669;
		text-decoration: none;
	}

	a.h5:hover	{
		color: #669;
		text-decoration: underline;
	}

/* Home Page Intro Text */
h6	{
	margin: 15px 0 8px;
	padding: 0;
	font-size: 9pt;
	line-height: 15pt;
	font-weight: normal;
	color: #669;
}

	a.h6:link, a.h6:visited, a.h6:active	{
		color: #669;
		text-decoration: none;
	}

	a.h6:hover	{
		color: #669;
		text-decoration: underline;
	}

div	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }

/* img		{ border-style: none; } */
a img	{ border-style: none; }

/* ------ Define Text ------ */
.body_text	{
	font-size: 8pt;
	line-height: 14pt;
	color: #666;
}

	a.body_text:link, a.body_text:visited, a.body_text:active	{
		color: #669;
		text-decoration: underline;
	}

	a.body_text:hover	{
		color: #666;
		text-decoration: none;
	}

/* ------ Main Canvas ------ */
#canvas	{
	width: 780px;
	margin: 0 auto;
	padding-top: 12px;
	background-color: #fff;
}

/* ------ Masthead Container ------ */
#masthead_container	{
	width: 750px;
	margin: 0 auto;
	padding: 0;
}

	/* Logo Container */
	#eb_plus_logo	{ float: left; padding-left: 8px; }
	
	/* Affiliate Container */
	#affiliate_banner	{ float: right; width: 470px; padding-right: 12px; }

/* ------ Top Menu and Navigation Links with Underline Effect ------ */
#nav_container { width: 750px; margin: 0 auto; }

	#nav {
		float: left;
		width: 745px;
		height: 26px;
		margin: 12px 0 0;
		padding: 5px 0 0 3px;
		border: 1px solid #ccf;
		background: url('../img/bg/menu_bg.jpg') no-repeat;
	}

	#nav li {
		float: left;
		display: inline;
		margin: 0; 
		padding: 0;
		list-style: none;
		font-weight: bold;
	}
	
	#nav a:link, #nav a:visited {
		float: left;
		margin: 0 12px; /* Adjust Space Between Menu Items */
		font-size: 8pt;
		line-height: 20px;
		text-decoration: none;
		color: #336;
	}

	#nav a.active_menu:link, #nav a.active_menu:visited, #nav a:hover {
		border-bottom: 4px solid #fcc;
		padding-bottom: 2px;
		color: #336;
	}

/* ------ Gallery Menu Links with Underline Effect ------ */
.gallery_nav_top	{
		margin: 12px 0;
		border-top: solid 1px #ccf;
		padding-top: 12px;
		text-align: center;
		font-size: 8pt;
		color: #c69;
	}

.gallery_nav_bottom	{
		margin: 12px 0;
		border-bottom: solid 1px #ccf;
		padding-bottom: 12px;
		text-align: center;
		font-size: 8pt;
		color: #c69;
	}

	a.gallery_nav_top:link, a.gallery_nav_top:visited, a.gallery_nav_top:active {
			text-decoration: underline;
		}

	a.gallery_nav_top:hover {
			color: #336;
			text-decoration: none;
		}

	a.gallery_nav_bottom:link, a.gallery_nav_bottom:visited, a.gallery_nav_bottom:active {
			text-decoration: underline;
		}

	a.gallery_nav_bottom:hover {
			color: #336;
			text-decoration: none;
		}

/* ------ Main Container to Hold Left and Right Columns ------ */
#main_container	{
	clear: both;
	width: 750px;
	margin: 0 auto;
}

	/* ------ Left Column Container ------ */
	#col_left	{
		float: left;
		width: 240px;
		margin: 5px 0 0;
		padding: 0;
	}

		/* ------ Welcome Text ------ */
		#welcome	{
			width: 240px;
			height: 250px;
			margin: 0 0 5px;
			padding: 0;
			border: solid 1px #fff; /* To Align Panel with Banner Image Panel */
			color: #669;
		}

		#rose	{
			margin: 3px 0 10px;
		}

	/* ------ Customer Testimonials ------ */
	.customer_panel	{
		height: 355px;
		padding: 10px;
		border: solid 1px #ccf;
		color: #666;
		overflow: auto;
	}
	
		.customer_text	{
			margin: 0;
			padding: 0;
			font-size: 7pt;
			line-height: 10pt;
		}

	/* ------ Blue Main Panel ------ */
	.blue_main_panel_left {
		margin: 2px 0;
		padding: 8px 5px 10px;
		font-weight: normal;
		font-size: 8pt;
		line-height: 14pt;
		text-align: center;
		color: #669;
		border: solid 1px #ccf;
	}

	/* ------ Caption for Left Column ------ */
	.caption	{
		margin: 7px 0 10px;
		font-size: 8pt;
		font-weight: bold;
		line-height: 12pt;
		text-align: center;
		color: #336;
		text-decoration: none;
	}
	
		a.caption:link, a.caption:visited, a.caption:active	{
			margin: 3px 0 15px;
			font-size: 7pt;
			line-height: 10pt;
			text-align: center;
			color: #336;
			text-decoration: none;
		}

		a.caption:hover	{
			color: #669;
			text-decoration: underline;
		}

/* ------ Right Column Container ------ */
#col_right	{
	float: right;
	width: 468px;
	margin: 5px 0 12px;
	padding: 0 13px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

	/* ------ Banner Pic ------ */
	.pic_holder	{
		width: 468px;
		height: 250px;
		margin: 0 auto 5px;
		padding: 0;
		border: solid 1px #ccf;
	}

	a.banner_caption:link, a.banner_caption:visited, a.banner_caption:active	{
		display: block;
		color: #336;
		text-decoration: none;
	}

	a.banner_caption:hover	{
		display: block;
		color: #669;
		text-decoration: underline;
	}
	
	/* ------ Content Holder ------ */
	#content_holder	{
		clear: both;
		width: 468px;
		margin: 0;
		padding: 0;
	}

		/* ------ Supplier Pics ------ */
		.supplier_container	{
			clear: both;
			width: 468px;
			height: 185px;
			margin: 2px 0;
			padding: 0;
		}

				.supplier_holder_left	{
					float: left;
					width: 111px;
				}

				.supplier_holder_right	{
					float: right;
					width: 340px;
				}

		/* ------ Opacity Effect ------ */
		.opacity img	{
			border: solid 1px #ccf;
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			-moz-opacity: 1;
		}

		.opacity:hover img	{
			border: solid 1px #336;
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
			-moz-opacity: 0.5;
		}
	
		.opacity:hover	{
			border: 0px; /* Dummy definition to overcome IE bug */
		}

		/* ------ Container for Contact Details ------ */
		#info_container	{
			clear: both;
			width: 750px;
			height: 55px;
			margin: 0 auto;
			padding: 10px 0 5px;
			border-top: solid 1px #ccf;
		}

			#back_nav	{
				clear: both;
				float: left;
				width: 240px;
				padding-top: 8px;
			}

				#back	{
					float: left;
					padding-left: 75px;
			}

				#top	{
					float: right;
					padding-right: 75px;
			}

			/* ------ Contact Container ------ */
			#contact_container	{
				float: right;
				width: 468px;
				margin: 0;
				padding: 0 13px;
				border-left: solid 1px #fff;
				border-right: solid 1px #fff;
			}

				#tel_container	{
					float: left;
					width: 47%;
				}

				#tel_icon	{
					float: left;
					width: 55px;
					height: 55px;
					padding-right: 10px;
				}

				.tel_text	{
					float: left;
					width: 140px;
					padding-top: 10px;
					font-size: 8pt;
					line-height: 11pt;
					color: #669;
					text-decoration: none;
				}

				#email_container	{
					float: left;
					width: 47%;
				}

				#email_icon	{
					float: left;
					width: 55px;
					height: 55px;
					padding-right: 10px;
				}

				.email_text	{
					float: left;
					width: 140px;
					padding-top: 10px;
					font-size: 8pt;
					line-height: 11pt;
					color: #669;
					text-decoration: none;
				}
					
					.email_no_padding	{
						padding-top: 0;
						color: #336;
						text-decoration: none;
					}

					.email_no_padding:hover	{
						color: #336;
						text-decoration: underline;
					}

/* ------ Footer Container ------ */
#footer_container	{
	clear: both;
	width: 750px;
	height: 35px;
	margin: 3px auto 0;
	padding-top: 5px;
	border-top: 1px solid #ccf;
}

	#footer_copyright	{
		float: left;
		width: 240px;
		margin: 0;
		padding: 0;
	}

	#footer_nav	{
		float: right;
		width: 468px;
		margin: 0 0 12px;
		padding: 0 13px;
		border-left: solid 1px #fff;
		border-right: solid 1px #fff;
	}

		.text_nav	{
			float: left;
			clear: right;
			display: inline;
			margin: 0;
			padding: 0;
			font-size: 7pt;
			line-height: 14pt;
			color: #666;
			text-decoration: none;
		}
		
		.text_nav li	{
			float: left;
		}

		.text_nav a:link, .text_nav a:visited, .text_nav a:active	{
			color: #666;
			text-decoration: none;
		}

		.text_nav a:hover {
			color: #669;
			text-decoration: underline;
		}

		.copyright	{
			margin: 0;
			padding: 0;
			font-size: 7pt;
			line-height: 14pt;
			text-align: center;
			color: #666;
			text-decoration: none;
		}

		.copyright a:link, .copyright a:visited, .copyright a:active	{
			color: #666;
			text-decoration: none;
		}

		.copyright a:hover {
			color: #669;
			text-decoration: underline;
		}

/* ------ Gallery Footer Availability ------ */
#footer_gallery	{
	margin: 5px 0 10px;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #999;
}

/* ------ Web Enquiry Form ------ */
form	{
	width: 468px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #ccc;
}

.field {
	padding: 4px;
	border: 1px solid #ccf;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 10pt;
	background-color: #ebebfc;
	color: #666;
}

td.form_text, p.form_text, .form_text	{
	padding: 10px 0px 10px 10px;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 8pt;
	line-height: 12pt;
	color: #669;
	border-bottom: 1px #ccc dashed;
}

.contact	{
	width: 100%;
	border-collapse: collapse;
}

/* ------ Our Brides Page ------ */
.bride_container	{
	clear: both;
	width: 468px;
}

	.bride_pic	{
		float: left;
		width: 208px;
		height: 258px;
		border: solid 1px #ccf;
	}

	.bride_txt	{
		float: right;
		width: 240px;
		margin-top: 50px;
		padding: 25px 5px 0;
		font-size: 8pt;
		line-height: 18pt;
		text-align: center;
		color: #669;
		background: url('../img/quotes/quotes.gif') no-repeat;
	}

/* ------ Events Page ------ */
.event_container	{
	clear: both;
	width: 468px;
}

	.event_pic	{
		float: left;	}

	.event_txt	{
		float: right;
		width: 240px;
		margin-top: 15px;
		padding: 0 5px 0;
		font-size: 8pt;
		line-height: 14pt;
		text-align: center;
		color: #669;
	}

/* ------ Gallery Pages ------ */
.gallery_pic	{
	float: left;
	/* height: 250px; */
}

/* ------ Gallery Container ------ */
#gallery_container	{
	width: 748px;
	margin: 0 auto 10px;
	padding: 0;
	border: 1px solid #ccf;
}

/* ------ Gallery Table ------ */
#gallery_table td	{
	width: 180px;
	margin: 0 auto;
	padding: 10px 5px; /* Pads each table cell */
	text-align: center;
}

/* ------ Gallery Logos ------ */
#logo_container	{
	width: 750px;
	height: auto;
	margin: 0 auto 10px;
	padding: 0;
	text-align: center;
}

/* ------ Caption For Top Of Gallery Pages Only ------ */
.top_caption	{
	margin: 5px 0 12px;
	font-size: 9pt;
	font-weight: bold;
	line-height: 12pt;
	text-align: center;
	color: #669;
}

	.top_caption:visited, top_caption:active, top_caption:link	{
		color: #669;
		text-decoration: underline;
	}

	.top_caption:hover	{
		color: #669;
		text-decoration: none;
	}

/* ------ Gallery Text (Page Description Only) ------ */
div.gallery_txt	{
		float: right;
		width: 235px;
		/* height: 250px; */
		margin: 0;
		padding: 5px 0 0 10px;
		font-size: 8pt;
		line-height: 14pt;
		color: #669;
		text-decoration: none;
	}

		div.gallery_txt a:link, div.gallery_txt a:visited, div.gallery_txt a:active	{
			color: #669;
			text-decoration: none;
		}

		div.gallery_txt a:hover	{
			color: #99c;
			text-decoration: underline;
		}

/* ------ Gallery Text Captions ------ */
.gallery_caption	{
	margin: 0;
	padding: 0;
	font-size: 7pt;
	line-height: 12pt;
	color: #669;
	text-decoration: none;
}
	.gallery_caption a:link, .gallery_caption a:visited, .gallery_caption a:active	{
	color: #669;
	text-decoration: none;
}
	.gallery_caption a:hover	{
	color: #c69;
	text-decoration: underline;
}

/* ------ Gallery Page Numbers Menu ------ */
.page_no_container	{
	clear: right;
	width: 748px;
	margin: 0 auto 10px;
	padding: 6px 0 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	font-weight: bold;
	color: #669;
	text-align: center;
	border: 1px solid #ccf;
	background: url('../img/bg/menu_bg.jpg') no-repeat;
}

	.page_no_txt	{
		margin: 0 auto;
		padding: 0;
		font-size: 7pt;
		line-height: 14pt;
		text-align: center;
		color: #c69;
		text-decoration: none;
	}

	.page_no_txt a:link, .page_no_txt a:visited, .page_no_txt a:active	{
		color: #669;
		text-decoration: none;
	}

	.page_no_txt a:hover	{
		color: #c69;
		text-decoration: underline;
	}

/* ------ Rose Dividers ------ */
.rose_240 { margin: 10px 0; }
.rose_468 { clear: both; margin: 5px 0; }
.rose_468_centre { clear: both; margin: 0 0 10px; }

/* ------ PDF Download ------ */
.download {
	display: block;
	margin: 0;
	height:32px; /* use the single image dimensions */
	width:32px; /* use the single image dimensions */
	background: url('../img/download/comp_pdf_icon.gif') 0px 0px;
}

.download:hover {
	background: url('../img/download/comp_pdf_icon.gif') 0px -32px;
}

/* Home Page Supplier Text */
.hp_text_header, .hp_text	{
	width: 100%;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
}

	.hp_text_header	{
		margin-bottom: 10px;
		font-weight: bold;
		color: #669;
	}

	.hp_text	{
		margin-bottom: 10px;
		font-weight: normal;
		color: #666;
	}