@charset "utf-8";
/*
	NCCID
	@author: alex.smoljanovic at thewebshop dot ca
	http://www.thewebshop.ca
	---------------------------------------------
*/

html,body
{
	font-family:		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
	margin:				0px 0px 0px 0px;
	background-color:	#ffffff;
	text-align:			left;
	color:				#333333;
}

/* pre resets */
html,div,p,table,form,h1,h2,h3,h4,h5,h6,h7,td,ul,ol,li,blockquote,input,textarea,iframe
{
	margin:			0px;
	padding:		0px;
	line-height:	1.4em;
	font-size:		1em;
	
}
td
{
	padding:3px
}
a img{border:0px;}

ul,ol
{
	margin-top:		1.8em;
	margin-left:	3.4em;
	margin-bottom:	1.8em;
}

li
{
	padding-bottom:.2em
}

p
{
	margin-top:		.2em;
	margin-bottom:	1.3em;
}
p img.left
{

	float:left;
	padding-right:9px;
	padding-bottom:9px;
}
p img.right
{

	float:right;
	padding-left:9px;
	padding-bottom:9px;
}

h1
{
	margin-top:.6em;
	margin-bottom:.6em;
	color:#3b2875;
	font-family:"Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
}

h1.lined
{
	padding-bottom:7px;
	border-bottom:1px solid #dedede;
}


h2
{
	margin-top:.6em;
	margin-bottom:.6em;
	color:#333333;
	font-family:"Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:1.3em
	
}

/* --- -*/

div#cms
{
	margin: 	0px auto 0px auto;
}


div#cms-container
{
	width:	932px; /* + 220*/
	margin: 0px auto 0px auto;

}

#main-left
{
	position:relative;
	left:-220px;
	margin-bottom:-180px;
	
}

#main
{
	text-align:left;
	width:932px;
	position:relative;
}


#header
{
	display:block;
	width:932px;
	height:172px;
	background:url(../img/header.jpg) no-repeat white;
	overflow:hidden;
}
	#integrate-header-in-layout
	{
		float:right;
		position:relative;
		top:12px;
	}
	#header-dummy-clickable
	{
		cursor:pointer;
		float:left;
		background:transparent;
		width:300px;
		height:137px;
	}
	
	#header .links
	{
		float:right;
		height:20px;
		overflow:hidden;
	}
	
	#header .links a:link,
	#header .links a:hover,
	#header .links a:active,
	#header .links a:visited
	{
		font:11px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#4a4a4b;
		text-decoration:none;
		display:block;
		padding-top:7px;
		padding-left:22px;
		float:left;
	}#header .links a:hover
	{
		text-decoration:underline;
	}
	
	
#navigation {
	float:left;
	display:block;
	width:223px;
	overflow:hidden;
	background:url(../img/nav.jpg) no-repeat;
	margin-bottom:10px;
}

	#nav-content
	{
		opacity:.64;
		filter:alpha(opacity=64);
		border:#c5c5c5 solid 1px;
		display:block;
		width:221px;
		overflow:hidden;
		/*margin-bottom:5px;*/ /* is this on purpose in ur prototype justing??? ? ? ? ?*/
		background:white;
	}	
	
	#nav-content .text
	{
		padding-left:20px;
		padding-top:34px;
		padding-right:20px;
		padding-bottom:34px;
		font-family:"Century Gothic","Trebuchet MS",Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		color:black
	}


#body
{
	float:left;
	width:669px;
	overflow:hidden;
	padding-top:9px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:30px;
	
}

.sub-nav-panel /* actually the container of the sub nav.. */
{
	/*border:1px #9b94c2 solid;*/
	margin-top:3em;
	font-size:.9em;
}
	.sub-nav-panel	a.active-page:link,
	.sub-nav-panel	a.active-page:visited,
	.sub-nav-panel	a.active-page:active,
	.sub-nav-panel	a.active-page:hover
	{
		background:#f1effe;
		text-decoration:none;
		font-weight:bold
	}
	
	.dm-top
	{
		background:url(../img/sub-nav-header.jpg) no-repeat white;
		color:white;
		padding:.4em;
		font-weight:bold;
	}

#body .split
{
	width:200px;
	display:block;
	float:left;
	padding-right:10px;
	color:#403073;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}


	#body .split a:link,
	#body .split a:active,
	#body .split a:visited,
	#body .split a:hover
	{
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color:#403073;
		text-decoration:none;
		font-weight:bold
	}
	#body .split a:hover
	{
		text-decoration:underline;
	}


#body #right-panel
{
	display:block;
	float:right;
	margin-right:-20px;
	padding-left:20px;
	background:white;
	width:248px;

}
	#right-panel .content
	{
		float:right;
		width:238px;
		background:url(../img/right-panel-bg.jpg) repeat-y;
	}
	
	.small-news-block
	{
		display:block;
		padding:9px;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		border-bottom:3px solid white;
	}
	
	.small-news-block img
	{
		float:left;
		padding-right:16px;
		padding-bottom:16px;
	}
	
	.small-news-block a:link,
	.small-news-block a:active,
	.small-news-block a:visited,
	.small-news-block a:hover
	{
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color:#316c90;
		text-decoration:underline
	}.small-news-block a:hover
	{
		color:#0b334b;
	}
	
	.small-news-block a.title:link,
	.small-news-block a.title:active,
	.small-news-block a.title:visited,
	.small-news-block a.title:hover
	{
		font-weight:bold;
		
	}
	
	.small-news-block a.readmore
	{
		float:right;
	}
	

#footer
{
	display:block;
	height:90px;
	width:932px;
	background:url(../img/footer.jpg) no-repeat white;
	padding-bottom:3px;
	padding:15px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#4a4a4b
}	

#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover
{
	float:left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#4a4a4b;
	text-decoration:none;
	padding-bottom:23px;
	padding-right:25px;
}#footer a:hover
{
	text-decoration:underline;
}

#footer	span
{
	text-align:center;
	display:block;
	margin:0px auto 0px auto;
	padding-right:25px;
}

	
#thewebshop:link,
#thewebshop:active,
#thewebshop:visited,
#thewebshop:hover
{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#a6a6a6;
	float:right;
	text-decoration:none;
	padding-bottom:10px
}#thewebshop:hover
{
	text-decoration:underline;
}
	
	
	/*	MENU's
	*----------->*/
/* 	================================================================================ */		
		
		div#menu-panel{
			
			margin:0px;
			padding:0px;
			width:223px;
			background:#7b71af;
			opacity:.7;
			filter:alpha(opacity=70);	
			overflow:hidden;
		}
		
		div#menu-panel td
		{
			padding:0px
		}
			
		div#menu-panel div {
			
			font-size:17px;
			color:#FFFFFF;
			margin:0xp;
			padding:0px;
		}
		
		div#menu-panel  span {
			display: none;
		}
		
		
		div#menu-panel div a,
		div#menu-panel div a.hover,
		div#menu-panel div a.hover-hot,
		div#menu-panel div a.current-page{
			font-family:Verdana, Arial, Helvetica, sans-serif !important;
			font-size:11px;
			font-weight:bold;
			color:#FFFFFF;
			
			width:223px;
			display:block;
			padding-right:14px;
			padding-bottom:9px;
			padding-top:9px;
			padding-left:13px;
			/*float:left;*/
			text-decoration: none;
			border-top:1px solid white;
			vertical-align:middle;
			z-index:1000000;
			margin-bottom:0px;
			overflow:hidden;
			background-image:url(../img/menu/menu-bg.gif)
		}
		
		#a
		{
			margin:0px !important;
			padding:0px !important;
		}
		
		#menu-end
		{
			width:184px;
			height:15px;
			background:url(../img/menu/menu-end.gif) no-repeat;
			overflow:hidden
		}
		
		
		div#dropdown div.menu-split-line{
			background:#ffffff !important;
			width:184px !important;
			height:1px !important;
			overflow:hidden;
		}
		
		div#menu-panel div a.current-page{
			background:#49329a;		
		}
		div#menu-panel div a.hover{
			background:#a29bc7;
		}
		
		div#menu-panel div a.hover-hot{
			background:#a29bc7;	
		}
		div#menu-panel div #a{
			padding:0px !important;
			margin:0px !important;
		}
		
		.menufixmargin{
			margin-top:-30px !important;
			margin-left:-1px !important;
		}
		

/* ================================================================================ */
	



	.news-block
	{
		border-top:1px solid #dddddd;
		padding-top:8px;
		margin-top:8px;
	}.news-block p
	{
		line-height:1.3em
	}
	
	.news-block img
	{
		text-align:right;
		float:left;
		padding-right:9px;
		padding-bottom:9px;
	}

	
	.news-block a.readarticle:link,
	.news-block a.readarticle:visited,
	.news-block a.readarticle:hover,
	.news-block a.readarticle:active
	{
		font-size:11px;
	}
	
	

	
	a.readarticle:link,
	a.readarticle:visited,
	a.readarticle:hover,
	a.readarticle:active
	{
		font-size:11px;
		text-decoration:underline;
		color:#222255
	}a.readarticle:hover
	{
		color:#666666
	}

	
	h1.heading a:link,
	h1.heading a:active,
	h1.heading a:hover,
	h1.heading a:visited
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#222255;
		text-decoration:underline;
	}h1.heading a:hover
	{
		color:#4c4c63;
	}
	
	
	a:link,
	a:visited,
	a:hover,
	a:active
	{
		text-decoration:underline;
		color:#000000
	}a:hover
	{
		color:#666666
	}

	
	.float{float:left}
	.float-right{float:right}
	.indent
	{
		margin-left:8px;
		padding-bottom:3px;
	}
	.block
	{
		display:block;
		margin:4px;
		
	}
	.border
	{
		border:1px #dadada solid
	}
	
	.padded
	{
		padding:10px;
	}
	
	.site-map-page
	{
		margin-bottom:1em;
	}
	
	.indent{
		padding-left:0px !important;
		padding-bottom:3px !important;
		padding-right:0px !important;
		padding-top:3px !important;
		margin:0px 0px 0px 0px !important;
	}
	.child-indent{
		padding-left:15px !important;
		padding-bottom:5px !important;
		padding-right:0px !important;
		padding-top:5px !important;
		margin:0px 0px 0px 0px !important;
	}
	.child-indent .child-indent{
		padding-bottom:3px !important;
		padding-top:3px !important;
	}
	
	.solid{margin:0px 0px 0px 0px !important;background-color:#9d95c3;color:#FFFFFF;font-weight:bold;font-size:13px;padding:.5em}
	.solid div{padding:4px;}
	.solid a:link,
	.solid a:visited,
	.solid a:hover,
	.solid a:active
	{
		text-decoration:none;
		color:white;
	}
	
	
	p.ul, div.ul {
		border-bottom:1px dashed #CCCCCC;
		color:#000000 !important;
		font-size:15px !important;
		font-weight:bold
	}

/***********************************
	Documents, and CMS:Search-Document type

*/
		.pane,
		.right-pane
		{
			width:45%;
			padding:10px;
			float:left;
			overflow:hidden
		}
		.results-pane
		{
			border-left:1px solid #CCCCCC
		}
		
		.results
		{
			margin:0px;
			font-size:1em;
			font-weight:bold;
			margin-top:.4em;
			border-bottom:1px solid #EEEEEE;
			padding-bottom:4px;
		}
		
		.document
		{
			margin-top:.6em;
			margin-bottom:1.1em;
		}
		
		.document .desc
		{
			font-size:.9em !important;
			padding-bottom:1px;
			border-bottom:1px dashed #E5E5E5
		}
		
		.document .small
		{
			font-size:.8em
		}
		
		.filename
		{
			margin-bottom:.2em;
			display:block;
			padding-bottom:.1em
		}

/*
*
*	=======================================
*/


/* ################
###	/////---///////
################# */

.search-results-page-item
{
	padding-bottom:2em;
}
a.search-results-page-title:link,
a.search-results-page-title:visited,
a.search-results-page-title:active,
a.search-results-page-title:hover
{
	color:#3B2875;
}a.search-results-page-title:hover
{
	color:#000066;
}


.search-results-page-header
{

	margin-top:.5em;
	padding:1em;
	padding-bottom:.4em;
	padding-top:0px;
	padding-left:0px;
}

.highlighted-search-results
{
	font-weight:normal !important;
	white-space:pre;
	/*background:#FFFFCC*/
}
.highlighted-search-results-date
{
	white-space:pre;
}


#search-box
{
	padding:.2em;
	padding-top:1.7em;
	padding-bottom:2em;
	background:white;
}

.highlighted-search-results
{
	background:#FFFFCC
}