/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ DEFAULT THEME  ]--------------------------------------------------------------------- */

/* 
		These styles can be customised to suit design requirements.
		They are applied to content through the word editor.
		They will also be applied to elements in other modules.
		Do not change class names. Alter attributes as required.
		Duplicate styles to FTBDesign.
*/

/* === [ GLOBAL STYLE ] === */

body 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #636B75;
	font-size: 14px;
}
body #newsletterWrapper
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 90%;
}
p {
	font-size: 14px;
	line-height:1.5em;
	margin:0 0 0.9em;
	color: #636B75;
}
h1, h2, h3, h4, h5 {
	margin: 0em 0em 1em 0em;
	line-height: 1.3em;
	}
h1 {
	font-size: 36px;
	color: #003366;
	font-weight: normal;
	letter-spacing: -0.02em;
	margin: 12px 0em;
}
#cLandingHeader h1 {
	font-size: 32px;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: -0.02em;
	margin: 12px 0em;
	min-height: 85px;
	line-height: 1.2em;
	vertical-align: middle;
}
#cLandingHeader p {
	font-size: 16px;
	line-height:1.5em;
	margin:0 0 0.6em;
	color: #636B75;
}
.home h1 {
	font-size: 32px;
	line-height: 1.1em;
}
#iframeWrapper h1 {
	font-size: 26px;
}
h1 a:link {
	text-decoration: none;
}
a:link h1  {
	text-decoration: none;
}
h2 {
	font-size: 20px;
	font-weight: normal;
	float: none;
	text-decoration: none;
}
h3 {
	font-size: 14px;
	font-weight: bold;
}
#iframeWrapper h3 {
	margin: 0em 0em 0.3em 0em;
}

h4 {
	clear: both;
	display: inline-block;
	font-size: 110%;
	font-weight: bold;
	margin: 8px 0px 16px 0px;
	padding: 8px 32px 8px 16px;
	background: url(/Templates/_images/icon_nav2.gif) no-repeat right center;
}
h5 {
	font-size: 110%;
	font-weight: bold;
	padding: 5px 0px 0px 20px;
	background: url(/Templates/_images/icon_pointer2.gif) no-repeat 0px 7px;
	text-decoration: none;
	margin: 0em 0em 0.2em 0em;
}
h5 {
}
blockquote {
	margin: 10px 40px;
}
a:visited {
	color: #003366;
	text-decoration: underline;
}
a:link {
	color: #003366;
	text-decoration: underline;
}
a:hover {
	color: #66CCCC;
	text-decoration: underline;
}
a:active { 
	color: #66CCCC;
	text-decoration: underline;
}
/* === [ Asterix - Required ] === */
.RequiredMarker {
	color: #CC0000;
	padding: 0px 2px;
}

.HTMLContent p a,
.HTMLContent p a:link,
.HTMLContent p a:visited {
	border-bottom: 1px dotted #003366;
	text-decoration: none;
}
.HTMLContent p a:active,
.HTMLContent p a:hover {
	border-bottom: 1px dotted #66CCCC;
	text-decoration: none;
}
.HTMLContent a img {
	border-style: none;
}

#cLandingHeader .HTMLContent p a,
#cLandingHeader .HTMLContent p a:link,
#cLandingHeader .HTMLContent p a:visited {
	border-bottom: 1px solid #2878B7;
	text-decoration: none;
}
#cLandingHeader .HTMLContent p a:active,
#cLandingHeader .HTMLContent p a:hover {
	color: #2878B7;
	border-bottom: 1px solid #003366;
	text-decoration: none;
}
#cLandingHeader .HTMLContent a img {
	border-style: none;
}

input, select {
	font-size: 11px;
}
.HTMLContent table h2 {
		padding: 0px 0px 0px 0px;
		margin: 20px 0px 0px 0px;
}
.HTMLContent table img {
		padding: 0px 0px 0px 0px;
		margin: 20px 0px 0px 0px;
}
.HTMLContent table.Competition img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.HTMLContent ol,
.HTMLContent menu,
.HTMLContent dir {
	line-height: 1.6em;
	margin: 0px 0px 10px 20px;
}
.HTMLContent ul {
	line-height: 1.6em;
	list-style: none;
	margin: 0px 0px 10px 20px;
}
.HTMLContent li {
	font-size: 14px;
	padding: 0px 0px 0px 20px;
}
.HTMLContent li li{
	font-size: 14px;
}
.HTMLContent ol li {
	margin: 0px 0px 0px 22px;
}
.HTMLContent ul li {
	list-style: none;
	background: url(/Templates/_images/icon_pointer2.gif) no-repeat 0 5px;
}
.HTMLContent ul li strong,
.HTMLContent ul li b {
}
.HTMLContent ul.Tick li,
.HTMLContent td.Tick ul li,
.HTMLContent td ul.Tick li {
	list-style: none;
	background: url(/Templates/_images/Green-Tick.gif) no-repeat 0 3px;
}
.HTMLContent ul li li {
	list-style-type: circle;
	background: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
.HTMLContent ol li li {
	font-weight: normal;
	border-style: none;
	list-style-type: upper-alpha;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.HTMLContent ol li li li 
{ 
	font-weight: normal;
	list-style-type: upper-roman;
}
.HTMLContent ol li li li li 
{ 
	font-weight: normal;
	list-style-type: lower-roman;
}
.HTMLContent ol li a, 
.HTMLContent ol li a:hover {
}
.HTMLContent ol li a:visited {
}
.HTMLContent ul li a, 
.HTMLContent ul li a:hover {
}
.HTMLContent ul li a:visited {
}
.HTMLContent ul li a,
.HTMLContent ul li a:link,
.HTMLContent ul li a:visited {
	border-bottom: 1px dotted #003366;
	text-decoration: none;
}
.HTMLContent ul li a:active,
.HTMLContent ul li a:hover {
	border-bottom: 1px dotted #66CCCC;
	text-decoration: none;
}

/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ LIST ]--------------------------------------------------------------------- */

/*
		Do not change class names. Alter attributes as required.
*/

/* === [ PAGING ] ============================== */

 /* Displays at the Top of list */
.Pagination, .OrderingTop
{
	position: relative;
	clear: both;
	margin: 0px 0px 4px 0px;
	font-size: 90%;
	text-align: right;
	display: block;
	height: 20px;
}
 /* Displays at the Bottom of list */
.Pagination, .OrderingBottom 
{
	position: relative;
	clear: both;
	margin: 8px 0px 4px 0px;
	font-size: 90%;
	text-align: right;
	display: block;
	height: 20px;
}
 /* Numbers */
 	.OrderingTop a, 
	.OrderingBottom a 
	{
		margin: 0em 0.5em 0em 0em;
		color: #CDCDCD;
		text-decoration: none;
	}
	.OrderingTop a:hover, 
	.OrderingBottom a:hover 
	{
		color: #356C91;
		text-decoration: none;
	}
 /* Selected Page */
	.SelectedPage {
		color: #FFFFFF;
		background-color: #356C91;
		text-decoration: none;
		padding: 0em 0em 0em 0.2em;
		margin: 0em 0.5em 0em 0em;
		border: 1px solid #356C91;
		text-decoration: none;
	}
 /* Next and Back */
	.OrderingTop a.OrderingNext, 
	.OrderingTop a.OrderingBack, 
	.OrderingBottom a.OrderingNext, 
	.OrderingBottom a.OrderingBack
	{
		color: #356C91;
		font-weight: bold;
		text-transform: uppercase;
		background-repeat: no-repeat;
	}
	.OrderingTop a.OrderingNext, 
	.OrderingBottom a.OrderingNext
	{
		background-image: url(/Templates/_images/icon_next.gif);
		background-position: right;
		padding: 0em 1.2em 0em 0em;
		margin: 1px 0px 0px 4px;
	}
	.OrderingTop a.OrderingBack, 
	.OrderingBottom a.OrderingBack 
	{
		background-image: url(/Templates/_images/icon_back.gif);
		background-position: left;
		padding: 0em 0em 0em 1.2em;
		margin: 1px 4px 0px 0px;
	}
	.OrderingTop a.OrderingNext:hover, 
	.OrderingTop a.OrderingBack:hover,
	.OrderingBottom a.OrderingNext:hover, 
	.OrderingBottom a.OrderingBack:hover
	{
		background-color: transparent;
	}

/* (Changed styles for Containers) */
	
	#cS .CategoryList .OrderingTop,
	#cS .CategoryList .OrderingBottom,
	#cTL .CategoryList .OrderingTop,
	#cTL .CategoryList .OrderingBottom,
	#cTR .CategoryList .OrderingTop,
	#cTR .CategoryList .OrderingBottom {
		display: none;
	}
	#cRS .CategoryList .OrderingTop, 
	#cLS .CategoryList .OrderingTop {
		display: none;
	}	
/* -----[ LIST ]--------------------------------------------------------------------- */

/*
		Do not change class names. Alter attributes as required.
*/

.ListHolder:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.ListHolder {
	position: relative;
	clear: both;
	margin: 0px 0px;
}
/* Hides from IE Mac \*/
* html .ListHolder {
   height: 1%; }
.ListHolder {
   display: block; }
/* End hide from IE-mac */

.ListHolder {
}
#cLS .ListHolder {
	padding: 16px 10px 20px 0px;
	height: 1%;
	background: url(/Templates/_images/back_cLSnav.gif) no-repeat left bottom;
	border-top: 1px solid #efefef;
}

.ListItem {
	position: relative;
	margin: 10px 0px 24px 0px;
	line-height: 1.0em;
	display: block;
}

	/* Custom Title */
	.ListCustomTitle {
	}

	/* Separators */
	.ListPrimarySeparator {
		clear: both;
		display: inline-block;
		font-size: 110%;
		font-weight: bold;
			min-width: 200px;
	padding: 8px 16px 8px 32px;
		background: url(/Templates/_images/back_catListHeading.gif) no-repeat left center;
	}
	.ListSecondarySeparator {
		clear: both;
		display: inline-block;
		font-size: 100%;
		font-weight: bold;
		padding: 8px 16px 8px 32px;
		min-width: 200px;
		background: url(/Templates/_images/back_catListHeading.gif) no-repeat left center;
	}

	/* Thumbnail */
	.ListThumbnail {
		margin: 0px 10px 0px 0px;
		float: left;
		border-style: none;
		padding: 2px;
		z-index: 50;
	}

	/* Title */
		.ListTitle {
			font-size: 18px;
			line-height: 1.2em;
			margin: 0em 0em 0.3em 0em;
			float: none;
			text-decoration: none;
		}
		#cLS .ListTitle {
			font-size: 14px;
		}
		.ListTitle a:link,
		.ListTitle a:visited {
			padding: 0em;
			color: #2878b7;
			text-decoration: none;
			block: auto;
		}
		.ListTitle a:hover {
			padding: 0em;
			color: #013773;
			text-decoration: none;
			block: auto;
		}
	/* Date, Keywords */
		.ListAuthor,
		.ListItemDate,
		.ListKeywords,
		.ListCode {
			font-size: 12px;
			line-height: 1.1em;
			margin: 0em 0em 0.2em 0em;
			color: #2878b7;
			padding: 0px 10px 0px 0px;
		}

	/* Summary */
		.ListSummary {
			margin: 0em 0em 0em 0em;
		}
		#cLS .ListSummary {
			font-size: 12px;
		}
		.ListSummary a {
			color: #2878b7;
			font-size: 11px;
			margin: 5px 0px 0px 0px;
			padding: 2px 16px 2px 6px;
			background: url(/Templates/_images/icon_nav2.gif) no-repeat right center;
			text-decoration: none;
			text-transform: uppercase;
			white-space: nowrap;
		}
		.ListSummary a:hover {
			color: #013773;
			background: url(/Templates/_images/icon_nav3.gif) no-repeat right center;
		}
		#cSB .ListSummary a {
			color: #2878b7;
			font-size: 11px;
			margin: 5px 0px 0px 0px;
			padding: 2px 0px 2px 0px;
			background: none;
			text-decoration: none;
			text-transform: uppercase;
			white-space: nowrap;
			font-weight: bold;
		}
		#cSB .ListSummary a:hover {
			color: #013773;
			background: none;
		}
	/* Product Catalogue SKU, Price, SalePrice */
		.ListSKU,
		.ListPrice,
		.ListSalePrice {
			font-size: 11p;
			margin: 0 0 0 0;
		}

	/* Creator, Created Date, Updator, Updated Date */
		.ListCreator,
		.ListCreatedDate {
			font-size: 12px;
			line-height: 1.1em;
			margin: 0em 0em 0.2em 0em;
			color: #2878b7;
		}
		.ListUpdator,
		.ListUpdatedDate {
			font-size: 11px;
			line-height: 1.1em;
			margin: 0em 0em 0.2em 0em;
			color: #2878b7;
		}

	/* EndItem (Visual break between each list item) */
		.ListEndItem {
			font-size: 0px;
			margin: 0px;
			padding: 0px;
			float: none;
			clear: both;
			height: 0px;
			line-height: 0;
		}

	/* ListClear (Visual clear at the end of the ListHolder - when ListItem is floated) */
		.ListClear {
			clear: left;
		}
		
		#cLS .ListHolder {
			margin: 0px 0px 10px 0px;
		}
		#cRS .ListHolder {
			margin: 0px 0px 10px 0px;
		}
		#cLS .ListItem {
			margin: 10px 0px;
		}
		#cRS .ListItem {
			margin: 10px 0px;
		}
		
		.Home #cRS .ListTitle a:visited, 
		.Home #cRS .ListTitle a:link {
			background: none;
		}
		
		.Home #cRS .ListTitle a:hover {
			background: none;
		}

#cRS .QuickLinks .ListTitle{
			margin: 0em 0em 0em 0em;
			padding: 0em 0em 0em 0em;
			border-bottom-style: none;
		}
#cRS .QuickLinks .ListTitle a:visited, 
#cRS .QuickLinks .ListTitle a:link {
			background: none;
		}