@charset "utf-8";
/*
	Beemaid Honey - Oct 10 2007
	@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:			url(../img/bg.gif) repeat white;
	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.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;
}

/*#contact-form
{
	width: 200px !important;
}*/


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
{
	width:	964px; 
	margin: 0px auto 0px auto;
}


div.cms-container
{
	background:url(../img/borderd-bg.gif) repeat-y;
	width:	964px; /* + 220*/
}



#main
{
	text-align:left;
	width:948px;
	position:relative;
	margin-left:9px;
}

#header
{
	display:block;
	width:948px;
	height:133px;
	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:133px;
	text-decoration:none;
}
	
#menu-container
{
	width:948px;
	height:89px;
	background:url(../img/nav-bg.jpg) no-repeat white;
	overflow:hidden;
}
	/*
	*	When we are on the Index[/home] page we need to overlay a girls head over the bottom clipping of the nav...
	*/
	.menu-container-index
	{
		background-image:url(../img/nav-bg-index.jpg) !important;
	}
	
#menu-header
{
	padding-left:.9em;
	padding-top:.35em

}
	#menu-header	h1
	{
		font:24px Verdana, Arial, Helvetica, sans-serif;
		color:white;
	}
	
	#menu-header	span
	{
		float:right;
		font-size:10px;
		margin-top:-3px;
		margin-right:12px;
		color:#e0e6e2;
	}
	#menu-header	span	a:link,
	#menu-header	span	a:visited,
	#menu-header	span	a:hover,
	#menu-header	span	a:active
	{
		color:#e0e6e2;
		text-decoration:none;
	}	#menu-header	span	a:hover
	{
		color:white;
		text-decoration:underline;
	}
	
	

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


#body div.left-pane
{
	float:left;
	overflow:hidden;
	width:630px;
	margin-left:14px;
	margin-top:1em;
}

	


#body div.right-pane
{
	float:right;
	width:270px;
	overflow:hidden;
	margin-bottom:2em;
	margin-right:9px;
	margin-top:10px;
}
	
	

	#dm-sub-navigation
	{
		background:url(../img/draw-more-bg.gif) no-repeat #e8f5fb;
		width:270px;
		overflow:hidden;
	}	.dm-top
	{
		overflow:hidden;
		padding-left:1em;
		padding-top:12px;
		font: 18px "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
		color:#185e91;
		
	}



	
	
.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-container
{
	background:url(../img/footer.gif) no-repeat;
	width:	964px; /* + 220*/
	height:123px;
}
#footer
{
	
	width:910px;
	margin-left:27px;
	text-align:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#646464;
	padding-top:2em;
}	

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active
{
	color:#3c8ecc;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-right:24px;
}	#footer a:hover{text-decoration:underline}

#footer div
{
	margin-top:28px;
}

#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:right
}#thewebshop:hover
{
	color:#666666
}
	
	
	/*	MENU's
	*----------->*/
/* 	================================================================================ */		
		
		div#menu-panel{
			
			margin:0px;
			padding:0px;
			overflow:hidden;
			height:36px;
			width:100%;
			border-bottom:1px dotted #abaca4;
		}
		
		div#menu-panel td
		{
			padding:0px
		}
			
		div#menu-panel div {
			
			font-size:17px;
			color:#FFFFFF;
			margin:0px;
			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-weight:bold;
			font-size:12px;
			letter-spacing:-1px;
			color:#812d14;
			float:left;
			padding-right:20px;
			padding-bottom:8px;
			padding-top:7px;
			padding-left:20px;
			/*float:left;*/
			text-decoration: none;
			border-left:1px dotted #abaca4;
			margin-left:-1px;/* hide the extra border... */
			vertical-align:middle;
			z-index:1000000;
			margin-bottom:0px;
			overflow:hidden;
		}
		
		#a
		{
			margin:0px !important;
			padding:0px !important;
		}
		
		
		
		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:#e3eff9;
		}
		div#menu-panel div a.hover{
			background:#ffffdd;
		}
		
		div#menu-panel div a.hover-hot{
			background:#ffffdd;	
		}
		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:#0064af
	}a:hover
	{
		color:#4b94cb
	}

	
	.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{
		/*background:url(../img/dm-dot.gif) no-repeat scroll 0 10px;*/
		padding-left:15px !important;
		padding-bottom:5px !important;
		padding-right:0px !important;
		padding-top:5px !important;
		margin:0px 0px 0px 0px !important;
	}
	
	.child-indent a:link,
	.child-indent a:visited,
	.child-indent a:hover,
	.child-indent a:active
	{
		color:#404241;
		line-height:1.3em;
		text-decoration:none;
	}
	.child-indent a:hover
	{
		text-decoration:underline;
	}
	
	.child-indent strong
	{
	
		background:#f8ec34;
	}
	
	
	
	
	.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
		}
		
		
/*		====================================================
*		Blocked up Front Page....
*/		

	div#front-page-blocks
	{
		margin-top:5px;
		margin-left:5px;
		width:938px;
	}
	
	div#front-page-blocks	.inner
	{
		/* down in the world */
		padding:10px;
	}



	#fp-news
	{
		float:left;
		height:458px;
		width:324px;
		overflow:hidden;
	}	#fp-news	.inner
	{
		
		height:394px;
		border:1px dotted #bababa;
		border-top:0px;
		width:302px;
		overflow:hidden;
		
	}
	
	
		#fp-news	ul
		{
			margin:0px;
			padding:0px;
			width:300px;
			height:345px;
			display:block;
			overflow:hidden;
		
				
		}	ul#fp-news-list	
		{
			list-style-image:none;
			list-style:none;
			list-style-type:none;
			font:12px Verdana, Arial, Helvetica, sans-serif;
			
			
		}	ul#fp-news-list	li
		{
			margin-bottom:5px;
			line-height:1.7em;
			font-size:11px;
		
		}	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:#0262ae;
			text-decoration:underline
		}	ul#fp-news-list	li a:hover
		{
			color:#003399;
		}
		
		.fp-news-summary
		{
			font-size:10px;
			line-height:12px;
			display:block
		}

		.fp-news-first-image,
		.fp-news-first-image-mouse-over
		{
			/*
				lets cut the top off an image and show it...
			*/
			width:300px;
			height:146px;
			margin-bottom:10px;
			overflow:hidden;
		}
		

		
		.fp-news-first-image-mouse-over	img
		{
			/*
				lets cut the top off an image and show it...
			*/
						
			
			border-right: 1px solid #EEEEEE;
			border-bottom: 1px solid #EEEEEE;
			position:absolute;
		}

	#bee-facts
	{
		float:left;
		margin-left:9px;
		width:318px;
		height:313px;
		overflow:hidden;
	}	#bee-facts	.inner
	{
		height:249px;
		border:1px dotted #bababa;
		border-top:0px;
		width:296px;
		overflow:hidden;
	}
	
	#bee-facts	ul
	{
		margin-top:10px;
		margin-left:24px;
	}
	
	#bee-facts	li
	{
		padding-bottom:1.32em;
	}
	
	#bee-facts	a:link,
	#bee-facts	a:visited,
	#bee-facts	a:active,
	#bee-facts	a:hover
	{
		font-weight:bold	
	}
	
	
	
	#featured-recipies
	{
		
		float:left;
		margin-left:6px;
		width:280px;
		height:313px;
		overflow:hidden;
	}	#featured-recipies	.inner
	{
	
		height:249px;
		border:1px dotted #bababa;
		border-top:0px;
		width:258px;
		overflow:hidden;
	}
	
	
	/*
	*	we don't want margin if we are showing this on the side as an ad..
	*/
	#not-index #sweet-talk
	{
		margin-left:0px !important;
		width:265px !important;
		border-left:0px;
		border-right:0px;
		border-bottom:0px;
	}
	#not-index #sweet-talk	td
	{
	
		padding:4px !important;
		font-size:10px !important;
		font-weight:bold;
	}
	#not-index #sweet-talk	td	a:link,
	#not-index #sweet-talk	td	a:visited,
	#not-index #sweet-talk	td	a:hover,
	#not-index #sweet-talk	td	a:active
	{
		text-decoration:underline;
		font-size:10px !important;
	} #not-index #sweet-talk	td	a:hover
	{
		color:#000066
	}
	#not-index #sweet-talk	img
	{
		padding-top:4px !important;
		padding-bottom:8px;
	}
	/*
	*	END OF NON INDEX CASE!
	*/
	
	#sweet-talk
	{
		margin-left:9px;
		margin-top:10px;
		border:1px dotted #bababa;
		float:left;
		width:316px;
		height:133px;	
	}	#sweet-talk	td
	{
		vertical-align:top;
		font:13px Verdana, Arial, Helvetica, sans-serif;
		padding:0px;
		margin:0px;
	}	#sweet-talk	td.right
	{
	
		padding-left:14px;
	}	#sweet-talk	td.right	a:link,
		#sweet-talk	td.right	a:visited,
		#sweet-talk	td.right	a:hover,
		#sweet-talk	td.right	a:active
	{
		padding-top:.5em;
		display:block;
		font-size:11px;
		color:#0065b2;
		font-weight:bold;
		line-height:1.5em;
		text-decoration:none;
	}	#sweet-talk	td.right	a:hover
	{
		text-decoration:underline;
	}
	#sweet-talk	img
	{
		display:block;
	}
	
	
	#members-login
	{
		margin-left:5px;
		margin-top:10px;
		border:0px dotted #bababa;
		float:left;
		width:278px;
		height:133px;	
	}


/*
*	============================================
*	Shared...
*/

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



/* //////////////////////// //////////////////////////////////// */
	.site-map-page
	{
		margin-bottom:1em;
	}
	
	.site-map-page .solid
	{
		background-color:#F3F9FE;
		border-top:1px solid #a0c9e9;
		padding:4px;
		padding-top:6px;
	}
	
	.site-map-page .solid a
	{
		color:#003366 !important
	}
	
	.site-map-page	.child-indent{
		background:url(../img/sitemap.gif) no-repeat scroll 0 10px;
	}
	
	
	.site-map-page .child-indent a:link,
	.site-map-page .child-indent a:visited,
	.site-map-page .child-indent a:hover,
	.site-map-page .child-indent a:active
	{
		color:#0064AF;
		text-decoration:underline;
	}
	.site-map-page .child-indent a:hover
	{
		color:#4B94CB;
	}
	
	.site-map-page .child-indent strong
	{
		border-bottom:2px outset #666666
	}

	.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}