@charset "utf-8";
/*
	National Pharmacy
	@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,img,td,ul,ol,li,blockquote,input,textarea,iframe
{
	margin:			0px;
	padding:		0px;
	line-height:	1.2em;
	font-size:		1em;
	
}
td
{
	padding:3px
}
a img{border:0px;}

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

ul ul
{
	margin-top:		.8em;
	margin-left:	2.4em;
	margin-bottom:	.8em;
}

ul
{
	list-style-image:url(../img/li.gif);
}


li
{
	line-height:1.5em;
	padding-bottom:.3em
}


p
{
	margin-top:		.2em;
	margin-bottom:	1.3em;
	line-height:	1.6em;
}

blockquote
{
	margin-top:		.5em;
	margin-bottom:	1.3em;
	line-height:	1.6em;
	background:url(../img/quote.gif) no-repeat;
	padding-left:2.5em;
	margin-left:.5em
	
}

img.left
{

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

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

h1
{
	margin-top:.1em;
	margin-bottom:.6em;
	color:#9baaaf;
	font-family:"Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	/*text-transform:uppercase*/
}

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


h2
{
	margin-top:.9em;
	margin-bottom:.7em;
	color:#6c787c;
	font-family:"Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	/*text-transform:uppercase*/
}

/* --- -*/

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


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

}


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


#header
{
	display:block;
	width:964px;
	height:148px;
	overflow:hidden;
	background:url(../img/header.jpg) no-repeat white;
}
#header	a.logo:link,
#header	a.logo:visited,
#header	a.logo:hover,
#header	a.logo:active
{
	display:block;
	float:left;
	width:443px;
	height:150px;
	text-decoration:none;
}
	
#menu-container
{
	width:964px;
	height:53px;
}
	

#body
{
	/*float:left;*/
	width:964px;
	overflow:hidden;
	
}


#body div.left-pane
{
	float:left;
	overflow:hidden;
	width:716px;
	margin-top:4px;
}

	#left-pane-top-content
	{
		background:url(../img/fp-l-mdy.gif) repeat-y;
		color:white;
		font:14px Verdana, Arial, Helvetica, sans-serif;
		
		}#left-pane-top-content .padded
		{
			padding-left:25px;		
			padding-top:5px;
			padding-bottom:5px;
		}	#left-pane-top-content 	img
		{
			float:right;
			margin-left:25px;
			margin-right:10px;
			
		}	#left-pane-top-content 	h1
		{
			font:24px Verdana,  Arial, Helvetica, sans-serif;
			margin-top:0px;
			color:white
		}	#left-pane-top-content 	p
		{
			line-height:2em;
			margin-bottom:0px;
		}
		
	#left-pane-bottom-content
	{
		margin-top:8px;
	}

	#fp-news
	{
		float:right;
		width:327px;
	}
		#fp-news	ul
		{
			margin:0px;
			padding:0px			
		}	ul#fp-news-header	li
		{
			
			height:49px;
			overflow:hidden;
			margin:0px;
			padding:0px;
			text-align:right;
			list-style-image:none;
			
			background:url(../img/fp-news-room.gif) no-repeat;
		}	ul#fp-news-header	li a:link,
			ul#fp-news-header	li a:visited,
			ul#fp-news-header	li a:hover,
			ul#fp-news-header	li a:active
		{
			display:block;
			color:white;
			margin-right:20px;
			padding-top:22px;
		
		}	ul#fp-news-list	
		{
			
			margin-left:2.2em;
			margin-top:1em;
			list-style-image:url(../img/li.gif);
			font:12px Verdana, Arial, Helvetica, sans-serif;
			
		}	ul#fp-news-list	li
		{
			
			line-height:1.7em;
		
		}	ul#fp-news-list	li a:link,
			ul#fp-news-list	li a:visited,
			ul#fp-news-list	li a:hover,
			ul#fp-news-list	li a:active
		{
			color:black;
			text-decoration:none
		}	ul#fp-news-list	li a:hover
		{
			text-decoration:underline
		}


#body div.right-pane
{
	float:right;
	width:230px;
	overflow:hidden;
	margin-bottom:2em	
}
	
	#script-tip
	{
		background:url(../img/script-tip.gif) no-repeat #ececec;
		width:230px;
		overflow:hidden;
	}
	
	#script-tip .padded
	{
		padding-top:60px;
		color:#4e4e4e;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding-left:17px;
		padding-right:17px;
	}

	#script-tip	h1
	{
		font-size:18px;
		font-weight:bold;
		color:#4e4e4e;
		margin-bottom:.2em
	}
	
	#script-tip p
	{
		color:#4e4e4e;
		font-size:12px;
		line-height:1.6em
	}
	
	#script-tip a:link,
	#script-tip a:visited,
	#script-tip a:hover,
	#script-tip a:active
	{
		color:#1261ab;
		text-decoration:underline;
		font-size:12px
	}


	#dm-sub-navigation
	{
		background:url(../img/draw-more-bg.gif) no-repeat #ececec;
		width:230px;
		overflow:hidden;
	}	.dm-top
	{
		height:30px;	
		overflow:hidden;
		padding-left:1em;
		padding-top:17px;
		color:white;
		font-weight:bold;
	}



	
	
.body-footer
{
	margin-top:1.5em;
	background:url(../img/body-footer.gif) no-repeat #dcdcdc;
	height:27px;
	overflow:hidden;
}	.body-footer div
{
	float:right;
	height:27px;
	width:30px;
	background:url(../img/body-footer-right.gif) no-repeat;
	display:block;
	overflow:hidden;
}

	

#footer
{
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:1.5em;
}	

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active
{
	text-decoration:none;

}

#footer span
{
	padding-left:3em
}

#thewebshop:link,
#thewebshop:active,
#thewebshop:visited,
#thewebshop:hover
{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#747474;
	text-decoration:underline !important;
	padding-bottom:4em;
	padding-top:2.2em;
	display:block;
	float:left
}#thewebshop:hover
{
	color:#666666
}
	
	
	/*	MENU's
	*----------->*/
/* 	================================================================================ */		
		
		div#menu-panel{
			
			margin:0px;
			padding:0px;
			overflow:hidden;
			background:url(../img/menu/bg.gif) transparent;
			height:53px;

		}
		
		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;
			text-transform:uppercase;
			font-size:11px;
			font-weight:bold;
			color:#FFFFFF;
			float:left;
			padding-right:25px;
			padding-bottom:9px;
			padding-top:9px;
			padding-left:25px;
			/*float:left;*/
			text-decoration: none;
			border-right:1px solid white;
			vertical-align:middle;
			z-index:1000000;
			margin-bottom:0px;
			overflow:hidden;
			
		}
		
		#a
		{
			margin:0px !important;
			padding:0px !important;
		}
		
		#menu-start
		{
			display:block;
			float:left;
			width:22px;
			height:53px;
			background:url(../img/menu/left.gif) no-repeat;
			overflow:hidden;
		}
		
		#menu-end
		{
			display:block;
			float:right;
			width:80px;
			height:53px;
			background:url(../img/menu/right.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:url(../img/menu/active.gif) repeat-x;
		}
		div#menu-panel div a.hover{
			background:url(../img/menu/hover.gif) repeat-x;
		}
		
		div#menu-panel div a.hover-hot{
			background:url(../img/menu/hover-hot.gif) repeat-x;	
		}
		div#menu-panel div #a{
			padding:0px !important;
			margin:0px !important;
		}
		.menufixmargin{
			/*margin-top:-26px !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 #B7B7B7 solid
	}
	
	.padded
	{
		padding:10px;
	}
	
	.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:#e8e8e8;color:#FFFFFF;font-weight:bold;font-size:13px;}
	.solid div{padding:4px;}
	.solid a{text-decoration:none}
	
	
	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

*/

		.results-pane
		{
			border-left:1px solid #CCCCCC
		}
		
		.results
		{
			margin:0px;
			font-size:1.3em;
			font-weight:bold;
			margin-top:.2em;
			border-bottom:1px solid #EEEEEE;
			padding-bottom:4px;
		}
		
		.document
		{
			margin-top:.6em;
			margin-bottom:.4em;
		}
		
		.document .desc
		{
			font-size:.9em !important;
			padding-bottom:1px;
			border-bottom:1px dashed #E5E5E5
		}
		
		.document .small
		{
			font-size:.8em
		}
		
		.filename
		{
			font-weight:bold;
			margin-bottom:.2em;
			display:block
		}