body
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #fff;
	text-align: center;
	margin: 0; padding: 0 0 16px 0;
}

/* a { color: #008000; }
a:hover { color: #909; } */
a { color: #990099; }
a:hover { color: #660066; }
a img { border: 0; }

h1, h2, h3, h4, h5
{
	position: relative;
	color: #909;
}

h1 a, h2 a, h3 a
{
	text-decoration: none;
}

table
{
	margin: 8px 0;
}

table tr td
{
	padding: 4px 8px;
	margin: 0;
	border-right: 1px solid #fff;
}

	table tr th
	{
		padding: 4px 8px;
		background: #999;
		color: #fff;
	}
		table tr th a { color: #fff; }
		table tr th a:hover { color: #ddd; }

small { color: #666; }

/* **************************************
	GENERAL CLASSES
***************************************** */
.purple { color: #909; }
.gray { color: #999; }
.clear { clear: both; }
.AltRow { background: #efefef; }

/* **************************************
	TOP LEVEL MARKUP
***************************************** */
#Container
{
	position: relative;
	background: #fff url(images/sidebar/bg.gif) repeat-y 0 0;
	width: 912px;
	margin: 0 auto; padding: 0;
	text-align: left;
}

#Masthead
{
	position: relative;
	background: #fff url(images/masthead/bg.gif) no-repeat 0 0;
	height: 80px;
	overflow: hidden;
}

#Banner
{
	position: relative;
	background: #999;
	height: 160px;
	overflow: hidden;
}

#Content
{
	position: relative;
	margin: 0; padding: 0;
	height: 1%; /* Gets around the IE 3px bug */
}

#Footer
{
	clear: left;
	position: static;
	font-size: 10px;
	line-height: 16px;
	color: #eee;
	background: #999 url(images/footer/ftbg.gif) no-repeat bottom left;
	height: 40px;
	padding-top: 6px;
}

/* **************************************
	CONTENT MARKUP
***************************************** */
#Sidebar
{
	position: static;
	background: #eee url(images/sidebar/topShadow.gif) no-repeat 0 0;
	margin: 0; padding: 4px 0;
	width: 176px;
	float: left;
	border: none;
}

#CallBack
{
	position: absolute;
	top: 0; right: 0;
	z-index: 400;
	padding: 0; margin: 0;
	width: 192px;
	height: 160px;
	color: #666;
	font-size: 12px;
}

#Breadcrumbs
{
	position: relative;
	float: left;
	font-size: 10px;
	padding: 8px 0 0 16px;
	height: 32px;
	width: 720px; /* padding is added to dimensions */
	color: #666;
}

#MainContent
{
	position: relative;
	margin: 0; padding: 0 0 0 16px;
	width: 720px;
	float: left;
	font-size: 11px;
	line-height: 18px;
	z-index: 1;
}

/* **************************************
	Elements
***************************************** */

/* Masthead ----------------------------- */
#Masthead img.Logo
{
	display: block;
	width: 190px;
	height: 80px;
	float: left;
}

#Masthead ul
{
	position: absolute;
	display: block;
	margin: 0; padding: 0;
	right: 0;
	list-style: none;
	color: #333;
}
	#Masthead ul li
	{
		display: block;
		float: left;
	}
		#Masthead ul li a
		{
			color: #333;
			text-decoration: none;
		}
		#Masthead ul li a:hover { color: #999; }
	
	#Masthead ul.Utility
	{
		font-size: 10px;
		top: 30px;
		margin-right: 32px;
	}
		#Masthead ul.Utility li.First
		{
			padding-right: 7px;
			border-right: solid 1px #eee;
			margin-right: 7px;
		}
		
	#Masthead ul.Contact
	{
		font-size: 11px;
		top: 48px;
	}
		#Masthead ul.Contact input, #Masthead ul.Contact label
		{
			display: block;
			float: left;
		}
		#Masthead ul.Contact label { margin-right: 8px; }
		
		#Masthead ul.Contact label,
		#Masthead ul.Contact li.LiveCam,
		#Masthead ul.Contact li.Phone,
		#Masthead ul.Contact li.Email
		{
			margin-top: 3px;
		}
		
		#Masthead ul.Contact input.SearchBox
		{
			width: 154px; height: 16px;
			border: solid 1px #999;
			padding-top: 3px;
			margin-right: 8px;
			font-size: 11px;
			font-family: Verdana, Helvetica, Arial, sans-serif;
		}
		
		#Masthead ul.Contact li.LiveCam
		{
			padding-left: 24px;
			margin-right: 16px;
			background: url(images/masthead/camIcon.gif) no-repeat 0 0;
		}

		#Masthead ul.Contact li.Phone
		{
			padding-left: 24px;
			margin-right: 16px;
			background: url(images/masthead/PhoneIcon.gif) no-repeat 0 0;
		}
		#Masthead ul.Contact li.Email
		{
			padding: 0 10px 0 24px;
			margin-right: 10px;
			border-right: solid 1px #ccc;
			background: url(images/masthead/EmailIcon.gif) no-repeat 0 0;
		}


/* Callback ----------------------- */
#CallBack ul
{
	position: relative;
	padding: 52px 0 0 32px; margin: 0;
	list-style: none;
	z-index: 500;
}

	#CallBack ul li a
	{
		display: block;
		color: #666;
		width: 122px;
		padding: 5px 0;
		margin: 0;
		text-decoration: none;
	}
		#CallBack ul li a:hover { color: #eee; }

/* Breadcrumbs ----------------------------- */
#Breadcrumbs a { color: #999; }
#Breadcrumbs a:hover { color: #909; }


/* Main Content Area ----------------------- */

#MainContent h1, #MainContent h2, #MainContent h3
{
	font-family: Century Gothic, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

	#MainContent h1
	{
		font-size: 22px;
	/*	font-style: italic;  */
	}
	
	#MainContent h2
	{
		font-size: 13px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #909;
	}

	#MainContent h3
	{
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #909;
	}

	#MainContent h3.gray { color: #777; }

	#MainContent p
	{
		margin: 0;
		padding: 0 0 16px 0;
	}

	#MainContent span.Checkbox input
	{
		display: block;
		float: left;
	}

	#MainContent label.tbLabel, #MainContent label.cbLabel
	{
		display: block;
		clear: left;
		float: left;
		width: 100px;
	}

	#MainContent label.cbLabel
	{
		clear: none;
		width: 400px;
	}
	
	#MainContent div.CheckboxGroup
	{
		clear: both;
		padding: 16px 0;
	}

#MainContent div.Columns
{
}
	#MainContent dl
	{
		padding: 0 0 8px 0; margin: 0;
	}
		#MainContent dl dt
		{
			padding: 0; margin: 0;
			color: #909;
		}
			#MainContent dl dt.NewsDate
			{
				color: #999;
			}

		#MainContent dl dd
		{
			padding: 0; margin: 0;
		}

	#MainContent div.Columns div.Column1,
	#MainContent div.Columns div.Column2,
	#MainContent div.Columns div.HomeColumn1,
	#MainContent div.Columns div.HomeColumn2,
	#MainContent div.Columns div.ColumnMain1,
	#MainContent div.Columns div.ColumnSide2,
	#MainContent div.Columns div.ProductImageColumn,
	#MainContent div.Columns div.ProductTextColumn
	{
		float: left;
		margin: 0;
		padding: 0;
		width: 360px;
	}
	#MainContent div.Columns div.Column1
	{
	}
	#MainContent div.Columns div.Column2
	{
		padding-left: 40px;
		width: 320px;
	}
		#MainContent div.Columns div.Column2 div#map
		{
			clear: both;
			margin: 16px 0;
		}
		
		#MainContent div.Columns div.Column2 dl dt
		{
			clear: left;
			width: 50px;
			float: left;
		}
		#MainContent div.Columns div.Column2 dl dd
		{
			width: 250px;
			float: left;
		}
	#MainContent div.Columns div.HomeColumn1
	{
		width: 480px;
	}
	#MainContent div.Columns div.HomeColumn2
	{
		padding-left: 20px;
		width: 220px;
	}
				
	#MainContent div.Columns div.ColumnMain1
	{
		width: 512px;
	}
		#MainContent div.Columns div.ColumnMain1 h1 { padding-bottom: 8px; }
		#MainContent div.Columns div.ColumnMain1 h2 { padding-bottom: 4px; }
		#MainContent div.Columns div.ColumnMain1 ul
		{
			list-style: none;
			padding-left: 0; margin: 0;
		}
			#MainContent div.Columns div.ColumnMain1 ul li
			{
				background: url(images/misc/bullet.gif) no-repeat 0 6px;
				padding-left: 16px;
			}

	#MainContent div.Columns div.ColumnSide2
	{
		padding-left: 24px;
		width: 184px;
	}


	#MainContent div.Columns div.ProductImageColumn
	{
		float: right;
		width: 232px;
		margin: 0; padding: 0;
	}

	#MainContent div.Columns div.ProductTextColumn
	{
		margin: 0; padding: 0;
		padding-right: 24px;
		width: 464px;
	}
		#MainContent div.Columns div.ProductTextColumn h1 { padding-bottom: 8px; }
		#MainContent div.Columns div.ProductTextColumn h2 { padding-bottom: 4px; }
		#MainContent div.Columns div.ProductTextColumn ul
		{
			list-style: none;
			padding-left: 0; margin: 0 0 16px 0;
		}
			#MainContent div.Columns div.ProductTextColumn ul li
			{
				background: url(images/misc/bullet.gif) no-repeat 0 6px;
				padding-left: 16px;
			}

#MainContent hr
{
	clear: both;
	border: 0;
	height: 1px;
	color: #eee;
	background-color: #eee;
	margin: 0 0 8px 0; padding: 0;
}

	#MainContent hr.RowBreaker
	{
		margin: 0;
		overflow: hidden;
	}
	#MainContent div.BrandHeading img
	{
		margin: 8px 0;
	}

#MainContent div.ContentFooter
{
	clear: both;
	padding: 8px 0 24px 0;
}

	#MainContent div.ContentFooter h2
	{
		font-weight: normal;
		color: #666;
	}
/* ImageSwitcher -------------------------- */

div.ImageSwitcher
{
	position: relative;
	width: 232px;
	float: left;
}

	div.ImageSwitcher div.MainImage
	{
		width: 232px;
		height: 174px;
		background: #eee;
		margin-bottom: 8px;
	}

	#MainContent div.Columns div.ProductImageColumn div.ImageSwitcher ul
	{
		list-style: none;
		margin: 0; padding: 0;
	}

		#MainContent div.Columns div.ProductImageColumn div.ImageSwitcher ul li
		{
			float: left;
			display: block;
			width: 40px;
			height: 30px;
			margin: 0 0 8px 8px;
			padding: 0;
			background: #eee;
			overflow: hidden;
		}
			#MainContent div.Columns div.ProductImageColumn div.ImageSwitcher ul li.first
			{
				margin-left: 0;
			}

/* Product Contact Links ----------------- */
div.ProductTextColumn div.ProductContact,
div.ContentFooter div.ProductContact
{
	padding: 8px;
	margin: 8px 0;
	text-align: center;
	background: #eee;
}


/* Downloads ----------------------------- */

div.ProductImageColumn div.Downloads,
div.ColumnSide2 div.Downloads
{
	clear: left;
	border: 1px solid #eee;
	padding: 8px;
	margin-bottom: 8px;
}

	div.ProductImageColumn div.Downloads ul,
	div.ColumnSide2 div.Downloads ul
	{
		margin: 0 0 8px 0; padding: 0;
		list-style: none;
	}

	div.ProductImageColumn div.Downloads a,
	div.ColumnSide2 div.Downloads a { color: #666; }
	
	div.ProductImageColumn div.Downloads a:hover,
	div.ColumnSide2 div.Downloads a:hover { color: #909; }

/* Footer ------------------------------- */
#Footer ul
{
	list-style: none;
	margin: 0; padding: 0;
}

#Footer a { color: #eee; }
#Footer a:hover { color: #fff; }

#Footer div.Column1
{
	width: 160px;
	padding: 0 0 0 16px;
	float: left;
}

	#Footer div.Column1 a { color: #fff; }
	#Footer div.Column1 a:hover { color: #eee; }


#Footer div.Column2
{
	width: 720px;
	padding: 0 0 0 16px;
	float: left;
}

	#Footer div.Column2 ul, #Footer div.Column2 ul li
	{
		display: inline;
	}
		#Footer div.Column2 ul li.first
		{
			padding-right: 10px;
			border-right: 1px solid #eee;
			margin-right: 10px;
		}

/* ************************************** */
.BrandLogos ul
{
	position: relative;
	margin: 0; padding: 0;
	list-style: none;
	height: 40px;
	width: 720px;
	overflow: hidden;
}
	.BrandLogos ul li
	{
		position: relative;
		display: block;
		float: left;
		margin: 0; padding: 0;
	}
		.BrandLogos ul li a
		{
			position: relative;
			display: block;
			top: -40px;
		}
		.BrandLogos ul li a img
		{
			display: block;
		}
		.BrandLogos ul li a:hover
		{
			margin-top: 40px;
		}

/* ************************************** */
.EditControls
{
	position: absolute;
	top: -15px;
	left: -10px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 3px;
}

.HtmlBlock
{
	position: relative;
}
	.HtmlBlock ul
	{
		list-style: none;
		padding-left: 0; margin: 0;
		padding-bottom: 8px;
	}
		.HtmlBlock ul li
		{
			background: url(images/misc/bullet.gif) no-repeat 0 6px;
			padding-left: 16px;
		}

.EditForm div.Row label
{
	display: block;
	clear: both;
	float: left;
	width: 120px;
	color: #666;
}

	.EditForm div.Row div.Row
	{
		margin-left: 120px;
	}
	
.EditForm div.Row label.Full
{
	width: 100%;
}

.EditForm div.Row input.InputBox, .EditForm div.Row textarea.InputBox,
.EditForm div.Row textarea.MediumInputBox,
.EditForm div.Row textarea.SmallInputBox,
.EditForm div.Row table,
.EditForm div.Row select
{
	width: 150px;
	height: 15px;
	border: 1px solid #ccc;
	font-size: 11px;
}

.EditForm div.Row table, .EditForm div.Row table tr, .EditForm div.Row table td
{
	border: 0; margin: 0; padding: 0; width: auto;
	border-collapse: collapse;
}
	
	.EditForm div.Row table label
	{
		display: inline;
		clear: none;
		width: auto;
		float: left;
		white-space: nowrap;
	}
	.EditForm div.Row table.EnquiryCategory input
	{
		padding: 0; margin: 0; float: left;
	}

.EditForm div#EnquiryDetails
{
	margin: 0.5em 0;
	padding: 0.5em 0;
}
	.EditForm div#EnquiryDetails select
	{
		margin-left: 120px;
	}
	.EditForm div#EnquiryDetails select.LabeledList
	{
		margin-left: 0;
	}
	.EditForm div.Row select.Short, .EditForm div#EnquiryDetails select.Short,
	.EditForm div.Row span.Short select
	{
		width: auto;
	}

	
.EditForm input.Button
{
	height: 17px;
	border: 1px solid #333;
	font-size: 11px;
}

.EditForm div.Row select, .EditForm div#EnquiryDetails select
{
	height: 18px;
	/* border: 1px solid #ccc; */
	font-size: 11px;
	overflow: auto;
}
	.EditForm div.Row select option, .EditForm div#EnquiryDetails select option
	{ padding: 0 8px 4px 0; font-size: 11px; }

.EditForm div.Row textarea.InputBox
{
	width: 300px;
	height: 250px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}
.EditForm div.Row textarea.MediumInputBox
{
	width: 300px;
	height: 100px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}
.EditForm div.Row textarea.SmallInputBox
{
	width: 300px;
	height: 50px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

ul.EditList
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

div.Row
{
	margin: 0 0 8px 0; padding: 0;
	clear: left;
}

div.Row span.Label
{
	display: block;
	float: left;
	width: 150px;
	font-weight: bold;
}

div.Row span.Content
{
	display: block;
	float: left;
	width: auto;
}

div.Row div.LogoBlock,
div.Row div.ImageBlock
{
	float: left;
	margin-top: 16px;
	width: 156px;
}
div.Row div.ImageBlock { margin-top: 4px; margin-bottom: 8px; }

div.Row div.TextBlock
{
	float: left;
	width: 550px;
}

div.Row div.ShortTextBlock
{
	float: left;
	width: 340px;
}
	#MainContent div.Row div.ShortTextBlock p
	{
		padding: 0 0 2px 0;
	}
	div.ProductTextColumn div.Row div.ShortTextBlock { width: 300px; }
	
/* *************************************************** */
ul.ManageImageList
{
	margin: 24px 0; padding: 0;
	list-style: none;
}
	ul.ManageImageList li
	{
		display: block;
		margin-bottom: 16px;
		padding: 8px;
	}
			ul.ManageImageList li img.ListImage
			{
				display: block;
				border: 1px solid #ccc;
				margin-bottom: 4px;
			}
/* *************************************************** */

#MainContent div.ContactForm
{
	margin: 8px 0;
}
	#MainContent div.ContactForm h2
	{
		font-size: 15px;
		font-weight: normal;
	}

	#MainContent div.ContactForm dl
	{
		clear: both;
		margin: 0;
		padding: 0;
	}

	#MainContent div.ContactForm dl.TwoCol
	{
		width: 140px;
		clear: none;
		float: left;
	}

	#MainContent div.ContactForm dl.TwoColWide
	{
		width: 180px;
		clear: none;
		float: left;
	}
	
	#MainContent div.ContactForm dl a { text-decoration: none; }

	#MainContent div.ContactForm dl dt
	{
		display: block;
		clear: both;
		font-size: 15px;
		color: #909;
		margin: 0; padding: 0;
	}
	
	#MainContent div.ContactForm dl dd
	{
		display: block;
		margin: 0 0 8px 0; padding: 0;
	}


		#MainContent div.ContactForm dl dd a
		{
			text-decoration: none;
			color: #333;
		}

	#MainContent div.ContactForm a.GrayLink { color: #999; }
	#MainContent div.ContactForm a.GrayLink:hover { color: #909; }

	#MainContent div.ContactForm ul.BigLinks
	{
		list-style: none;
		padding: 0; margin: 0;
		font-size: 15px;
	}
		#MainContent div.ContactForm ul.BigLinks li
		{
			display: block;
			width: 170px;
			float: left;
		}
		#MainContent div.ContactForm ul.BigLinks li.first
		{
			width: 140px;
		}
		
			#MainContent div.ContactForm ul.BigLinks li a
			{
				text-decoration: none;
				color: #909;
			}
			#MainContent div.ContactForm ul.BigLinks li a:hover
			{
				color: #606;
			}

/* *************************************************** */

.NewsDate
{
	font-style: italic;
	color: #999;
}

ul.NewsArchive
{
	list-style: none;
	margin: 0;
	padding: 0;
}

	ul.NewsArchive li
	{
		display: block;
		color: #999;
		margin: 0;
	}
	
		ul.NewsArchive li span
		{
			display: block;
			width: 100%;
			background: #efefef;
			margin: 0;
		}
		ul.NewsArchive li a
		{
			display: block;
			width: 100%;
			text-decoration: none;
			color: #999;
			margin: 0;
		}
		ul.NewsArchive li a:hover
		{
			color: #000;
			background: #ccc;
		}

		ul.NewsArchive li.NewsYear
		{
			font-size: 14px;
			font-weight: bold;
			color: #000;
			padding: 4px 0;
			border-bottom: #ccc 1px solid;
		}
/* *************************************************** */
#MainContent ul.HomeButtons
{
	list-style: none;
	margin: 0; padding: 0;
}

	#MainContent ul.HomeButtons li
	{
		display: block;
		text-align: center;
		width: 97px;
		height: 70px;
		float: left;
		margin: 0 4px 4px 0;
	}
	
		#MainContent ul.HomeButtons li a
		{
			display: block;
			padding-top: 1px;
			width: 100%; height: 100%;
			text-decoration: none;
			background: #efefef;
		}
			#MainContent ul.HomeButtons li a:hover { background: #666; color: #fff; }

/* *************************************************** */
div.StandOutForm
{
	border: 1px solid #999;
	padding: 8px;
	background: #ffc;
}
	div.StandOutForm table, div.StandOutForm table tr, div.StandOutForm table td
	{
		padding: 0; margin: 0;
		border: 0;
	}

/* *************************************************** */
ul.Sitemap
{
	list-style: none;
	padding-left: 0; margin: 0 0 8px 0;
}
	ul.Sitemap li
	{
		background: url(images/misc/bullet.gif) no-repeat 0 6px;
		padding-left: 16px;
	}
		ul.Sitemap li a { color: #666; text-decoration: none; }
		ul.Sitemap li a:hover { color: #909; text-decoration: none; }

	ul.Sitemap li ul
	{
		list-style: square;
		padding-left: 16px;
		margin: 0;
		color: #ccc;
	}

		ul.Sitemap li ul li
		{
			padding-left: 0;
			background: none;
		}
/* *************************************************** */
img.NewsImage 
{
	display: inline;
	float: right;
	margin: 0 0 5px 5px;
}

/* *************************************************** */
#MainContent div.Columns div.ProductTextColumn div.BookmarkLinks
{
	border: 1px solid #999;
	background-color: #fff;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 5px;
	position: relative;
}

	#MainContent div.Columns div.ProductTextColumn div.BookmarkLinks h3
	{
		float: left;
		width: 20em;
	}


	#MainContent div.Columns div.ProductTextColumn div.BookmarkLinks ul
	{
		list-style: none;
		height: 58px;
		overflow: hidden;
		padding-top: 5px;
		padding-left: 5px;
	}

		#MainContent div.Columns div.ProductTextColumn div.BookmarkLinks li
		{
			display: block;
			float: left;
			margin: 0;
			width: 23%;
			background: none;
			padding: 0;
		}
		
			#MainContent div.Columns div.ProductTextColumn div.BookmarkLinks li a
			{
				display: block;
				width: 100%; height: 100%;
				text-decoration: none;
				color: #333;
				vertical-align: middle;
				padding: 3px;
			}

		#MainContent div.Columns div.ProductTextColumn div.BookmarkLinks div.Help
		{
			color: #999;
			display: block;
			text-align: right;
			padding-right: 5px;
		}
		
		#MainContent div.Columns div.ProductTextColumn div.BookmarkLinks div#Tooltip
		{
			position: absolute;
			width: 15em;
			padding: 0.5em;
			border: solid 1px #999;
			background: #ffc;
			visibility: hidden;
			right: -16em;
			top: 5px;
		}

/* *************************************************** */

#Container div.ControlPanel
{
	background-color: #999;
	color: #fff;
	font-size: 13px;
}

#Container div.ControlPanel table input,
#Container div.ControlPanel table textarea
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	width: 500px;
}