/* 	[ 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: #666666;
	font-size: small;
}
p {
	font-size: 100%;
	margin: 0 0 0.9em 0;
	line-height: 1.5em;
}
	a { 
		color: #333333; 
	}
	a:hover { 
		color: #999999; 
	}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}
h1 {
	color: #434f75;
	font-size: 190%;
	margin-bottom: 0.9em;
	font-weight: normal;
}
h2 {
	color: #9398ab;
	font-size: 180%;
	margin-bottom: 0.9em;
	font-weight: normal;
}
h3 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.9em;
}
h4 {
	font-size: 100%;
	color: #00a54f;
	font-weight: bold;
	margin-bottom: 0.9em;
}
h5 {
	background: url(/Templates/JSC/_images/Green_cross.gif) no-repeat left 50%;
	padding: 0;
	padding-left: 20px;
	font-size: 85%;
	font-weight: bold;
	color: #00255d;
	float: none;
	text-decoration: none;
}
blockquote {
	font-size: small;
	padding: 1em 2em;
}
#cPC ol,
#cPC menu,
#cPC dir {
	line-height: 1.2em;
	margin: 0px 0px 0px 20px;
}
#cPC ul {
	line-height: 1.5em;
	list-style: square;
	margin: 0px 0px 0px 10px;
	color: #999999;
}

#cPC li {
	font-size: 100%;
	padding: 0px 0px 0px 0px;
}
#cPC li li{
	font-size: 95%;
}
#cPC ol li {
	margin: 0px 0px 0px 10px;
}
#cPC ul li {
}
#cPC ul li li {
	list-style-type: square;
	background: none;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	font-weight: normal;
	color: #999999;
}

#cPC ol li li {
	font-weight: normal;
	border-style: none;
	list-style-type: upper-alpha;
	color: #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}
#cPC ol li li li { 
	font-weight: normal;
	list-style-type: upper-roman;
}
#cPC ol li li li li { 
	font-weight: normal;
	list-style-type: lower-roman;
}
#cPC ol li a, 
#cPC ol li a:hover {
	text-decoration: underline;
}
#cPC ol li a:visited {
	text-decoration: none;
}
#cPC ul li a, 
#cPC ul li a:hover {
	text-decoration: underline;
}
#cPC ul li a:visited {
	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 */
.OrderingTop {
	margin: 1em 0 ;
	font-size: 85%;
	position: relative;
	height: auto;
	clear: both;
}
 /* Displays at the Bottom of list */
.OrderingBottom {
	margin: 1em 0;
	font-size: 85%;
	position: relative;
	height: auto;
	clear: both;
}
 /* Numbers */
 	.OrderingTop a, 
	.OrderingBottom a 
	{
		margin-right: 0.2em;
		padding: 0 0 0 0.2em;
		text-decoration: none;
		line-height: 0.1em;
	}
	.OrderingTop a:hover, 
	.OrderingBottom a:hover 
	{
		background-color: #00255d;
		color: #FFFFFF;
	}
 /* Selected Page */
	.SelectedPage {
		background: #00255d;
		color: #FFFFFF;
		margin-right: 0.2em;
		padding: 0 0 0 0.2em;
		text-decoration: none;
		line-height: 0.1em;	
	}
 /* Next and Back */
	.OrderingTop a.OrderingNext, 
	.OrderingTop a.OrderingBack, 
	.OrderingBottom a.OrderingNext, 
	.OrderingBottom a.OrderingBack
	{
		border: 0;
		text-transform: uppercase;
		background-repeat: no-repeat;
	}
	.OrderingTop a.OrderingNext, 
	.OrderingBottom a.OrderingNext
	{
		background: url(/Templates/JSC/_images/icon_next.gif) no-repeat right;
		padding: 0 1.2em 0 0;
	}
	.OrderingTop a.OrderingBack, 
	.OrderingBottom a.OrderingBack 
	{
		background: url(/Templates/JSC/_images/icon_back.gif) no-repeat left;
		padding: 0 0 0 1.2em;
	}
	.OrderingTop a.OrderingNext:hover, 
	.OrderingTop a.OrderingBack:hover,
	.OrderingBottom a.OrderingNext:hover, 
	.OrderingBottom a.OrderingBack:hover
	{
		background-color: transparent;
		color: #00255d;
		border: 0;
	}
	
/* -----[ LIST ]--------------------------------------------------------------------- */

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

.ListHolder {
	position: relative;
	margin: 10px 0px;
	width: auto;
	clear: both;
	padding: 0;
	height: 1%;
}
.ListItem {
	position: relative;
	margin: 0.4em 0;
	padding: 0.1em 0 0.1em 10px;
	display: block;
	width: auto;
}

	/* Custom Title */
	.ListCustomTitle {
		font-size: 100%;
		font-weight: bold;
		margin: 0 0 0 0;
		color: #00255d;
		height: 1%;
		padding: 18px 0 19px 10px;
		border-bottom-style: none;
		background: transparent url(/Templates/JSC/_images/cPC-listTitle.gif) no-repeat 0 50%;
	}

	/* Separators */
	.ListPrimarySeparator {
		margin: 0.2em 0;
		font-size: 120%;
		font-weight: bold;
	}
	.ListSecondarySeparator {
		margin: 0.2em 0;
		font-size: 105%;
		font-weight: bold;
	}
	/* Separators */
	.ListCategory {
		margin: 0.2em 0;
		font-size: 85%;
		display: inline;
	}
	.ListSubCategory {
		margin: 0.2em 0;
		font-size: 85%;
		display: inline;
		padding: 0 0 0 0.6em ;
		border-left: 1px solid #666666;
	}

	/* Thumbnail */
	.ListThumbnail {
		float: right;
		margin: 0.3em 0em 0em 0.3em;
		border-style: none;
		padding: 0.3em;
	}

	/* Title */
		.ListTitle {
			margin: 0.3em 0;
			padding: 0;
			font-size: 90%;
			font-weight: bold;
			float: none;
			text-decoration: none;
			display: inline;
		}
		.ListTitle a:visited, 
		.ListTitle a:link{
			text-decoration: none;
			color: #00255d;
			display: inline;
		}
		.ListTitle a:hover {
			text-decoration: underline;
			color: #00a54f;
			display: inline;
		}

	/* Date, Keywords */
		.ListAuthor,
		.ListItemDate,
		.ListKeywords,
		.ListCode {
			font-size: 85%;
			margin: 0 0 0 0;
		}
	/* Product Catalogue SKU, Price, SalePrice */
		.ListSKU,
		.ListPrice,
		.ListSalePrice {
			font-size: 85%;
			margin: 0 0 0 0;
		}
	/* Summary */
		.ListSummary {
			font-size: 90%;
			line-height: 1.5em;
			margin: 0 0 0.6em 0;
		}
		.ListSummary a {
			color: #00255d;
			text-transform:capitalize;
			font-size: 80%;
		}

	/* Creator, Created Date, Updator, Updated Date */
		.ListCreator,
		.ListCreatedDate {
			font-size: 85%;
			margin: 0 0 0 0;
			font-style: italic;
			float: left;
			clear: left;
		}
		.ListUpdator,
		.ListUpdatedDate {
			font-size: 85%;
			margin: 0 0 0 0;
			font-style: italic;
			float: right;
			clear: right;
		}

	/* EndItem (Visual break between each list item) */
		.ListEndItem {
			font-size: 0px;
			margin: 0 0 0 0;
			float: none;
			clear: both;
			border-bottom: #00255d 1px dotted;
		}
		/* Automatically Updateded in patch version 4.16.3 */
/* -----[ Patch 4.16.3 ]----- */
.ContegroCheckboxTree .SelectClearAll a {
	cursor: pointer;
}
ul.ContegroCategoryCheckboxes li > label {
	display: inline-block;
	padding: 0 0 0 0.25em;
}
ul.ContegroCategoryCheckboxes,
ul.ContegroCategoryCheckboxes ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul.ContegroCategoryCheckboxes input {
		width: auto !important;
	}
	
	ul.ContegroCategoryCheckboxes li {
		list-style: none;
		margin: .25em 0;
		padding: 0 0 0 18px;
		display: none;
		position: relative;
	}
		ul.ContegroCategoryCheckboxes li li {
		}

	ul.ContegroCategoryCheckboxes > li,
	ul.ContegroCategoryCheckboxes ul.expanded > li {
		display: block;
	}

ul.ContegroCategoryCheckboxes span.treeControl {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	border-radius: 2px;
}
	ul.ContegroCategoryCheckboxes span.treeControl.expand   { background: #666; }
	ul.ContegroCategoryCheckboxes span.treeControl.contract { background: #666; }

	ul.ContegroCategoryCheckboxes span.treeControl:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 12px;
		line-height: 12px;
		text-align: center;
		font-size: 10px;
		color: white;
	}
	ul.ContegroCategoryCheckboxes span.treeControl.expand:before   { content: "+"; }
	ul.ContegroCategoryCheckboxes span.treeControl.contract:before { content: "-"; line-height: 10px; }