/* CSS Document */
body	{background-color: #852678;
		text-align:center;
		margin-top:20px;
		margin-bottom:20px;
		font-family: arial, sans-serif;}

table	{border-collapse: collapse;}

/*white container*/		
.container	{margin-left: auto;
			margin-right: auto;
			width:834px;
			background-color: #852678;
			text-align:left;}

/*white hyperlinks*/
.whitelink	{color:white;}
.whitelink:visited	{color:white;}
.whitelink:hover	{color:white;}
.noLinkLine	{text-decoration:none;}

/*colour and size of the purple text*/
.purpleText	{color: #852678;
				font-size: 12px;}

/*purple hyperlinks*/			
.purpleLink	{color:#852678;}
.purpleLink:visited	{color:#852678;}
			
/*styling for the menu area*/
.menu		{background-image:url(../images/menubg.gif);
			color: #852678;
			padding-top:10px;
			padding-bottom:10px;
			font-size:10px;
			text-align:left;}
			
/*top area above the menu*/
.menuheader	{background-image:url(../images/menuheader.gif);
			background-repeat: no-repeat;
			height:63px;}
.homeLink	{background-image:url(../images/homebg.gif);
			background-repeat: repeat-y;
			height:20px;
			text-align:center;
			color: white;
			font-size:12px;}
.menutop	{background-image: url(../images/menutop.gif);
			height:34px;
			vertical-align:bottom;
			color:white;
			padding:10px;
			padding-top:0px;
			font-size: 0.8em;}

/*bottom area below the menu*/
.menufooter	{background-image:url(../images/menufooter.gif);
			background-repeat: no-repeat;
			height:19px;}

.menubottom	{background-image: url(../images/menutop.gif);
			height:60px;
			font-size:0.8em;
			color:white;
			padding:10px;
			padding-bottom:0px;
			padding-right:15px;}

/*styling for the logo area and background*/
.logoarea	{background-image:url(../images/logo.gif);
			background-repeat: no-repeat;
			height:118px;
			width:228px;
			text-align: left;}					
.fadebg		{background-image:url(../images/fadebg-animation.gif);
			background-repeat: repeat-y;
			background-position: right;
			position:relative;
			right:-3px;
			top:-1px;
			height:100%;
			vertical-align:middle;}

/*styling for the bar at the top*/		
.nav		{background-color:#af9f6c;
			text-align:center;
			height:22px;
			border-left: 1px solid white;
			padding-right:10px;
			padding-left:10px;
			font-size:12px;
			color:white;
			font-weight:bold;}
			
/*styling for the box on the home page with curved side*/			
.side		{background-image:url(../images/map.gif);
			background-repeat: no-repeat;
			background-position: right;
			height:210px;
			font-size:0.8em;
			color:white;
			text-align:right;
			margin:40px;
			background-color:#852678;
			padding-right:15px;}

/*the corner images*/
.cornertr	{position:relative;
			top:-121px;left:620px;			height:24px;
			width:25px;
			text-align:right;
			background-image:url(../images/cornertr.gif);
			background-repeat: no-repeat;}
.cornerbl	{position:relative;
			left:-2px; 
			top:-42px; 
			height:44px;
			width:18px;
			background-image:url(../images/cornerbl.gif);
			background-repeat: no-repeat;}
.cornerbr	{height:44px; 
			width:18px;
			background-image:url(../images/cornerbr.gif);
			background-repeat: no-repeat;
			margin-bottom:-87px; 
			position:relative;
			left:627px;top:-86px;}

/*gold bar at the bottom of the page*/
.pagebottom	{font-size:11px;
			height:20px;			text-align:center;
			background-color:#af9f6c; 
			color:white; 
			padding-right:20px;
			padding-top:4px;
			position:relative; 
			bottom: -2px;}
			
/*styling for the tree menu*/
@media screen, print { 
	/*styling for lists*/
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:5px; padding:0px; }
	
	/*images for the list elements, last one to make an empty*/
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../images/open.gif)  left center no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../images/closed.gif)   left center no-repeat; }
	ul.mktree  li ul li.liBullet  .bullet { cursor: default; background: url(../images/bullet.gif) left center no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../images/closed.gif) left center no-repeat; }

	/*display of the list elements*/
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	
	/*styling for the list elements*/
	ul.mktree  li           .bullet { padding-left: 15px;}
	ul.mktree  li ul li		.bullet { padding-left: 10px;}
	ul.mktree  li { list-style: none; font-size: 11px; padding-top:2px; font-weight:bold;}
	ul.mktree  li ul li 	{padding-top: 3px; margin-left:15px; font-weight:normal;}
	
	ul.mktree  li a		{text-decoration:none;}
	ul.mktree  li a:visited		{text-decoration:none;}
	ul.mktree  li ul li a	{text-decoration:underline;}
	ul.mktree  li ul li a:visited	{text-decoration:underline;}
	
	/*styling for the list hyperlinks*/
	ul.mktree  a {color: #852678;}
	ul.mktree  a:visited {color: #852678;}
}

/*styling the horizontal line*/
hr 	{background-color:none; border:1px dashed #af9f6c;}

.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;}

#region_text {
	margin: 2px 0px 5px 0px;
}
#fm_region {
	margin: 0;
	padding: 0;
}

h1 {
	text-align:center;
	margin: 5px auto;
	font-size: 18px;
	color: #852678;
}
h2 {
	font-size: 15px;
	color: #852678;
}
.exchange-box {
	background:#efdfdf;
	border: 1px solid #852678;
	width:340px;
	padding:5px 10px;
	margin: 10px auto;
}
label {
	font-size:12px;
	float: left;
	width: 150px;
	padding-top: 4px;
	margin: 2px;
	text-align: left;
}
input, textarea, select, fieldset {
	font-size:13px;
	border: 1px solid #852678;
	margin: 5px;
}
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-decoation: none;
}
.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;
}