/* Wedding Guild CSS file
Created 16-06-2008
White Ht Web Design - http://www.white-hat-web-design.co.uk/ */

/* Base typography styles begin ---------------------------------------- */
*
{
margin:0px;
padding:0px;
}

.hidden /*class for hiding elements */
{
display:none;
}

a:hover
{
	color: #00F;
	text-decoration: underline;
}

a
{
	color: #006;
	text-decoration: none;
}

b, strong
{
	font-weight: bold;
	text-decoration: none; 
}

body /* overall styles for the body */
{
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, Trebuchet, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #222;
	text-decoration: none;
	margin: 0px;
	text-align:center;
	background:#852678;
}

img /* turn off borders around images just to be safe */
{
	border: 0px;
}

div, p, th, li, dd, dl, dt, h1, h2, h3, h4, h5, h6 /* redundant selectors to help NS4 not forget */
{
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, Trebuchet, Sans-Serif;
}


input, select, textarea /* fix form styles to use suitable fonts etc*/
{
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, Trebuchet, Sans-Serif;
	font-size: 11px;
}

.embolden /*style for making things bold */
{
font-weight:bold;
}

/* Base typography styles end ---------------------------------------- */
/* Clearfix hack begin ----------------------------------------------*/
.clearfix:after 
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix 
{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height:1%;
}

*+html .clearfix 
{
	height:1%;
}
.clearfix
{
	display:block;
}

/* Clearfix hack end --------------------------------------------------*/

#container /* main page container */
{
	width:834px;
	margin-left:auto;
	margin-right:auto;
	margin-top:36px;
	background: white url(/images/left-nav-background.jpg) repeat-y;
}

#banner-top /* top half of the banner */
{
	width:100%;
	height:31px;
	background-image:url(/images/banner-top.jpg);
	text-align:right;
}

#banner-bottom /* bottom half of the banner */
{
	width:100%;
	height:123px;
	background-image:url(/images/banner-bottom.jpg);
	text-align:right;
	position: relative;
}

#banner-bottom p /* the style for the p text in the banner, used for the WELCOME TO text */
{
	color:#999966;
	font-size:160%;
	position:absolute;
	top:10px;
	left:20px;
	text-align:left;
	margin: 0px;
	padding: 0px;
}

#banner-top span /* the style for the p text in the banner, used for the WELCOME TO text */
{
	float:right;
	clear:none;
	border-left:2px solid #FFF;
	height:23px;
	padding: 8px 10px 0px 10px;
	font-weight:bold;
	color:#FFF;
}
#banner-top span a {
	color:#FFF;
}

img#logo {
	position:absolute;
	top:-20px;
	left:40px;
}

#left /* the container for the left column */
{
	width:195px;
	float:left;
	clear:both;
	text-align:center;
}

#left ul /* left navigation styles */ 
{
	margin:10px 10px 0px 10px;
	padding:10px 0px;
	border-bottom: 1px dashed #852678;
	list-style-position:outside;
	text-align:left;
	font-size:95%;
}
 
#left li /* left navigation styles */ 
{
	list-style-type:none;
	margin: 7px 0px;
	padding:0px 0px 0px 20px;
	background:url(/images/closed.gif) no-repeat top left;
	font-weight: bold;
	cursor: pointer;
}

#left ul li ul /* left navigation styles */ 
{
	margin:5px 0px 5px 5px;
	padding:0px;
	border-bottom: none;
}

#left ul li ul li /* left navigation styles */ 
{
	list-style-type:none;
	background:none;
	margin:5px 0px 5px 0px;
	padding:0px;
	font-size:95%;
	font-weight: normal;
}


#left ul li a /* left navigation styles */ 
{
	color:black;
}
#left ul li ul li a /* left navigation styles */ 
{
	color:#852678;
}



	
/*images for the list elements, last one to make an empty*/
#left li.liOpen    { background:url(/images/open.gif) no-repeat top left;}
#left li.liClosed  { background:url(/images/closed.gif) no-repeat top left; }

/*display of the list elements*/
#left li.liOpen    ul { display: block; }
#left li.liClosed  ul { display: none; }
	


#banner-bottom h3
{
	color:#FFF;
	font-size:120%;
	text-align:left;
	text-transform:capitalize;
	position:absolute;
	top:100px;
	left:68px;
	margin: 0px;
}
#banner-bottom h3 a {
	color: white;
}

#right /* the style for the rightr column container div */
{
	width:639px;
	float:right;
	text-align:left;
	background-color:#FFF;
}

#graphical-menu /* the style for the big graphical menu that shows in the right column */
{
	width:100%;
	background-image:url(/images/graphical-menu.jpg);
	height:345px;
	background-repeat:no-repeat;
}

#wedding-bliss-container /* styles for the second banner image at the bototm of the homepage */
{
	width:100%;
	background-image:url(/images/WeddingBliss.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:198px;
	margin:10px 0px 0px 0px;
}

#wedding-bliss-container p
{
	text-align:left;
	width:430px;
	float:right;
	margin-top:25px;
	line-height:130%;
}
#wedding-bliss-under  {
	line-height:130%;
}

#graphical-menu-text
{
	color:#852678;
	font-weight:bold;
	text-align:right;
	position:relative;
	top:75px;
	right:80px;
	width:300px;
	float:right;
}

#graphical-menu a
{
	color:#852678;
	font-weight:bold;
	text-align:right;
	font-size:170%;
	position:relative;
}

#graphical-menu-join-now
{

	top:78px;
	right:38px;
	float:right;
	clear:both;
}

#graphical-menu-download-vouchers
{
	top:150px;
	right:38px;
	float:right;
	clear:both;
}

#graphical-menu-select-area
{
	position:relative;
	float:left;
	clear:both;
	color:#852678;
	font-size:120%;
	font-weight:bold;
	left:40px;
	top:50px;
}

#graphical-menu-start-search
{
	position:relative;
	float:left;
	clear:both;
	color:white;
	font-size:120%;
	font-weight:bold;
	left:50px;
	top:103px;
}

#fm_region select
{
	width:160px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#fm_region
{
	width:180px;
	height:30px;
	position:relative;
	left:40px;
	top:140px;
	text-align:left;
	padding:0px;
	margin:0px;
}

#footer
{
	height:26px;
	background-image:url(/images/footer-background.jpg);
	width:100%;
	clear:both;
	padding:20px 0px 0px 0px;
}

#footer a, #footer p
{
	color:#FFF;
	margin: 0px;

}

#left img
{
	margin-top:15px;
	margin-bottom:10px;
}

.producttable	{width:97%;}
.producttable td	{text-align:center; background: url(/images/prodbg.gif)  top left no-repeat; padding:20px; vertical-align:top;}
.producttable tr	{padding-top:10px;}
.desc		{font-size:12px;  padding-bottom:10px; padding-top:10px;}
.producttable a img	{border:0px;}
.productLink	{font-size:11px; position:relative; float:right; top:-20px;}
.productLink a	{color:#852678;}

h1 {
	text-align:left;
	margin: 10px 0px 5px 15px;
	font-size: 20px;
	color: #852678;
}
h2 {
	font-size: 15px;
	color: #852678;
	margin: 10px 15px;
}
h3 {
	color: #852678;
	margin: 10px 15px;
}
h4 {
	color: #852678;
	margin: 10px 15px;
}

p, ul, li, ol {
	margin: 8px 15px;
}

a {
	color: #852678;
}

#graphical-menu p, #graphical-menu ul, #graphical-menu li {
	margin: 0px;
}


.exchange-box {
	background:#efdfdf;
	border: 1px solid #852678;
	width:340px;
	padding:5px 10px;
	margin: 10px auto;
}
label {
	font-size:12px;
	float: left;
	width: 150px;
	margin: 3px;
	text-align: left;
}
input, textarea, select, fieldset {
	font-size:13px;
	border: 1px solid #852678;
	margin: 3px;
}
legend {
	color: #852678;
	font-weight: bold;
}
#questionnaire, #member-enquiry {
	text-align: left;
	margin:0px 20px;
}
#questionnaire label {
	width: 30%;
}
#questionnaire fieldset {
	padding-bottom: 10px;
}
#questionnaire fieldset input {
	border: none;
	margin-top: -3px;
	float: left;
}
#member-enquiry label {
	width: 120px;
}

.form_message {
	color: #666666;
	font-size: 12px;
}

#map {
	width: 550px;
	height:400px;
	margin: auto;
}

#discounts_table {
	width: 95%;
	margin: auto;
	font-weight: bold;
}
#discounts_table td {
	vertical-align: top;
}
#discounts_table .h {
	text-align: center;
	font-size: 120%;
	background: #852678;
	color: white;
}
#discounts_table img {
	display: block;
	margin: auto;
	border: none;
}
#discounts_table a {
	text-decoration: none;
}

.pagination_link{
margin:0px 1px 0px 1px;
text-align:right;
height:10px;
border: #ccc 1px solid;
padding:2px 3px;
text-decoration:none;
font-weight:bold;
}


.pagination_link_next{
margin:0px 0px 0px 1px;
text-align:right;
height:10px;
border: #ccc 1px solid;
padding:2px 3px;
text-decoration:none;
}

.current-page{
margin:0px 1px 0px 1px;
padding:0px 0px 0px 0px;
font-weight:bold;
color:#000;
}

.pagination-container{
height:30px;
margin: 10px 20px 10px 0px;
padding:5px 0px 0px 0px;
text-align:right;
font-weight:bold;
}

.pagination-no-link{
height:20px;
font-weight:bold;
background-color:#ccc;
margin: 0px 2px 0px 0px;
padding:2px 3px;
border:#ccc 1px solid;
text-align:center;
color:#fff;
}

.pagination-container strong{
margin: 10px 1px 10px 1px;
padding:5px 0px 0px 0px;
}

.testimonoial{
	
	width:90%;
	
	margin: 10px auto 30px auto;
	background-image:url('../images/open-quote.gif');
	background-position:top-left;
	background-repeat:no-repeat;
	padding:5px 0px 0px 30px;
}

.testimonoial p{
	margin:0px 0px 15px 0px !important;
	line-height:150%;
	
}

.testimonial-from{
	background-image:url('../images/close-quote.gif');
	font-weight:bold;
	font-size:120%;
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	padding:0px 30px 0px 0px;
}

.testimonial-to{
	font-weight:bold;
	margin:0px 0px 30px 0px !important;
	height:25px;

}