@charset "UTF-8";
/*	DMP Print CSS*/

body {font-family: helvetica, arial, sans-serif; color: #666; font-size: 13px;}

/*==========================
	=Hide stuff from print
==========================*/
#navigation, #search, #animated-info, #main-content-shadow, .post-meta, 
#main-content .logo-box a, #sidebar #page-nav, .wide-content-shadow, 
#footer, ul.tool-tips  .item-tooltip, #contact-include, #contact-static, #sidebar   {display: none;}



/*==========================
	=Content Wrapper (wrapper for all content below header)
==========================*/	
#content-holder {width: 100%;}
#main-content { width: 100%; border-bottom: 1px solid #f2f2f2;}
img {border: none;}

/*==========================
	=Main Content  (WP posts/page loop goes here)
==========================*/		

	
	#main-content h2 {font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #e2e2e2; margin-bottom: 10px; clear: both;}
	#main-content h3 {font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #f3f3f3; margin: 10px 0; clear: both;}	
	#main-content h4{font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #f3f3f3; margin: 10px 0; display: block; width: auto; }
	#main-content h5 {font-size: 14px; margin-bottom: 10px; clear: both; color: #999; letter-spacing: .07em; }
	#main-content h6 {font-size: 13px;  text-transform: uppercase; border-bottom: 1px solid #cfcfcf; margin: 10px 0;  clear: both; color: #666; letter-spacing: .07em;}
		
		body#cat-4 #main-content h2, body#cat-4 #main-content h3, body#cat-4 #main-content h4,
		body#cat-7 #main-content h2, body#cat-7 #main-content h3, body#cat-7 #main-content h4,
		body#home #main-content h2, body#home #main-content h3, body#home #main-content h4{color: #1080ab; }
		
		body#cat-3 #main-content h2, body#cat-3 #main-content h3, body#cat-3 #main-content h4,
		body#cat-6 #main-content h2, body#cat-6 #main-content h3, body#cat-6 #main-content h4,
		body#default #main-content h2, body#default #main-content h3, body#default #main-content h4,
		#modalContent h4 {color: #9caf5a; }
		
		body#cat-5 #main-content h2, body#cat-5 #main-content h3, body#cat-5 #main-content h4,
		body#cat-8 #main-content h2, body#cat-8 #main-content h3, body#cat-8 #main-content h4 {color: #cf6688;} 
		
		body#cat-4 #main-content h3.grey, body#cat-4 #main-content h4.grey,
		body#cat-3 #main-content h3.grey, body#cat-3 #main-content h4.grey, 
		body#cat-6 #main-content h3.grey, body#cat-6 #main-content h4.grey,
		body#cat-5 #main-content h3.grey, body#cat-5 #main-content h4.grey,
		body#cat-8 #main-content h3.grey, body#cat-8 #main-content h4.grey,
		body#default #main-content h3.grey, body#default #main-content h4.grey{color:#666; border-bottom: none;}
	

	/* Misc Main Content Stuff */
	#main-content img {padding: 3px; margin: 4px;}
	#main-content .logo-box a {float: left; width: 175px; border: 1px solid #f2f2f2; margin: 5px; text-align: center;}

/*==========================
	=WIde Container (mostly for front page - but can also be used on subpages for spotlights)
==========================*/

.wide-content {border-top: 1px solid #ccc; background:#fff; padding: 10px; width: 918px; clear: both; margin-left: 10px;}
	
	.wide-content h4 {font-size: 16px; border-bottom: 1px solid #e2e2e2; margin-bottom: 10px; }
		.wide-content-left {float: left; width:445px;margin-right: 10px;} 
			.wide-content-left h4 {color:#9caf5a;}
			
		.wide-content-right {float: right; width:445px; margin-left: 10px;}
			.wide-content-right h4 {color:#cf6688;}
	
	.wide-content a:link, .wide-content a:visited {color: #1080ab;}
	.wide-content a:active {color: #666;}
	.wide-content a:hover {color: #1080ab; text-decoration: none;}

/*==========================
	=Front Page Specific (content on the left - contact on the right)
==========================*/

body#home #main-content {float: left; margin: 0 0 0 10px;}
	body#home #main-content h2 {color: #1080ab;}

body#home #sidebar {float: right;}

/*==========================
	=Tool Tipped List (for featured porducts on home page and elsewhere)
==========================*/
#main-content ul.tool-tips {height: auto; margin: 10px 20px 10px 20px;;}
 	#main-content ul.tool-tips li.tip {background-image: none; margin-left: 0; float: left; text-align: center; position: relative; width: 150px; margin: 0 10px 20px 10px;}
	#main-content ul.tool-tips li h6 {font-size: 15px; border-bottom: 1px solid #e2e2e2; padding-bottom: 2px; margin-bottom: 10px; text-transform: none;}

/*==========================
	=inset content
==========================*/
.inset-wrap {width: 200px; float: right; margin: 10px 10px 10px 10px;}
.inset-box {width: 178px; border: 1px solid #bebebe;  padding: 10px; font-size: 11px; line-height: 18px;}
	#main-content .inset-box ul {margin: 0 0 0 5px;}
	#main-content .inset-box li {line-height: 18px; margin: 2px 0;}


/*==========================
	=Global Declarations (clears, floats, etc)
==========================*/
p {line-height: 18px; padding-bottom: 10px;}

.global-clear, .clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear:right;}
.clear-none {clear: none;}

.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}

.f-right {float: right;}
.f-left {float: left;}
.f-none {float: none;}

img.f-right, img.f-left {margin: 4px; padding: 3px;}
/* img.f-right {border: 1px solid #f3f3f3; padding: 2px; margin: 3px;} */

small {font-size: 10px;}

span.mini-date {font-size: 16px; font-weight: bold;}