/* CSS Document */

/* Copyright © 2006 PMD, a Divistion of Whatever Solutions and Media Inc., all rights reserved. */

/* Duplication of the works contained herin in whole or in part without the express written permission of PMD is a violation of copyright laws. */


/***************** General Styles */

*	{ 
	margin: 0px; 
	padding: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

body {
	background: #eeeea7 url(../images/layout/content.gif) 50% 0px repeat-y;
	}

p, h1, h2, h3, h4, h5, h6 {
	margin: 5px;
	line-height: 1.5em;
	}
p {	padding-bottom: 2em; }
h1 	{ 
	font-size: 14px; 
	/* text-indent: 20px; */
	padding-left: 20px;
	padding-right: 5px;
	background: #ffffdf url(../images/layout/browndot.gif) 5px 5px no-repeat; 
	border-top: 1px solid #eeeea7;
	border-bottom: 1px solid #eeeea7;
	}
h2 { font-size: 11px; color: #454545; }
h3 { font-size: 14px; color: #ff0000; }

a { color: #663600; }
a:visited { color: #442200; }
a:hover { color: #996633; }

img { border: none; }

blockquote {
	margin-left: 2em;
	margin-right: 2em;
	}
	
.testimonialName {
	font-weight: bold;
	font-style: italic;
	text-align: right;
	}


/***************** Layout IDs */

#adminconsole {
	width: 100%;
	height: 2em;
	line-height: 1.8em;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000000;
	color: #ffffff;
	border-bottom: 3px solid white;
	}
#adminconsole a { color: #ffccaa; text-decoration: none; }
#adminconsole a:hover { color: white; }

#container {
	width: 800px;
	margin: 0px auto;
	background: url(../images/layout/container.gif) 0px 0px repeat-y;
	}
	
#header {
	width: 800px;
	height: 100px;
	padding-top: 30px;
	background: #eeeea7 url(../images/layout/header.gif) 0px 30px no-repeat;
	}
#header h1, #topNav span { display: none; }
#topNav li, #footer li { display: inline; }
#topNav img { border: none; }
#topNav {
	margin: 15px 25px;
	text-align: right;
	float: right;
	line-height: 0px;
	}
#topNav a:hover { border-bottom: 5px solid #996633; }
#homeLink {
	width: 175px;
	height: 60px;
	position: absolute;
	top: 36px;
	display: inline;
}

#sideNav {
	width: 200px;
	/* height: 266px; */
	/* padding-top: 50px; */
	/* adding-left: 20px; */
	position: absolute;
	margin-top: 45px;
	margin-left: 23px;
	z-index: 2;
	background: url(../images/layout/navback.gif) 0px 0px repeat-y;
	/* Side Navigation Fonts */
	font-size: 11pt;
	font-weight: bold;
	text-indent: 10px;
	line-height: 1.4em;
	}
#sideNav li, #sideNav2 li { list-style: none; }
#navList {
	padding-bottom: 35px;
	padding-left: 20px;
	background: url(../images/layout/navbottom.gif) left bottom no-repeat;
	}
	.subnavList { margin-left: 1em; margin-bottom: 15px; }
	.subnavList li {
		line-height: 1.5em;
		height: 1.5em;
		overflow: hidden;
		}
		.subnavList .selectedNav { background: url(../images/layout/selected-nav.gif) 0px 6px no-repeat !important; }
#headerNavigation {
	background: url(../images/layout/navtop.gif) 0px 0px no-repeat;
	width: 193px;
	height: 37px;
	overflow: hidden;
	display: block;
	} #headerNavigation span { display: none; }
#sideNav a { text-decoration: none; }
.selectedNav {
	background: url(../images/layout/selected-nav.gif) 0px 9px no-repeat !important;
	}
#sideNav2 {
	width: 200px;
	height: 350px;
	padding-top: 50px;
	position: absolute;
	top: 440px;
	margin-top: 30px;
	margin-left: 20px;
	z-index: 1;
	background: url(../images/layout/sideNav2.gif) 0px 0px no-repeat;
	text-align: center;
	}
#sideNav2 p { margin: 8px; padding: 0px; }

#content {
	background: url(../images/layout/content.gif) 0px 0px repeat-y;
	padding-left: 220px;
	padding-right: 35px;
	/* margin-top: -10px; */
	}
#content li {
	margin-left: 25px;
	/* text-indent: 25px; */
	}

#categories ul	{ 
	list-style-image: url(../images/layout/brown-bullet-sm.gif);
	margin-left: 10px;
	width: 40%;
	}
#categories li 	{
	margin-left: 20px;
	margin-bottom: 8px;
	text-transform: uppercase;
	}
.category {
	text-transform: uppercase;
	background: url(../images/layout/brown-bullet-sm.gif) 0px 0px no-repeat;
	padding-left: 20px;
	display: inline;
	}
.category span {
	width: 40%;
	}
	
#marketingBlurb p, #marketingBlurb a {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}

	
#footer {
	clear: both;
	float: none;
	text-align: center;
	}
	
/* Promotional Product IDs */
#promotionalProducts {
	width: 490px;
	margin: 0px auto;
	}
#addProductForm { width: 400px; margin: 0px auto; }
#addProductForm hr { clear: both; float: none; margin: 25px 5px; }
#addProductForm input, #addProductForm textarea, #addProductForm select { margin: 0px 5px; }
		
		
		
#easyAs123 {
	background: url(../images/page/home/123.gif) top left no-repeat;
	padding-left: 30px;
	height: 175px;
	}
	#easyAs123 li {
		height: 50px;
		padding-top: 8px;
		list-style: none;
		}

/***************** Layout Classes */

.error { color: #ff0000; text-decoration: blink; }

.leftCol {
	float: left;
	width: 48%;
	border-right: 1px solid #b0984c;
	padding-left: 10px;
	padding-right: 10px;
	}
.rightCol {
	float: right;
	width: 44%;
	padding-left: 10px;
	padding-right: 5px;
	}
.rightCol p {
	color: #454545;
	}
.singleCol {
	padding-left: 10px;
	padding-right: 5px;
	}
.article {
	border-bottom: 1px inset #efefef;
	}
	
.floatLeft, .supportingImageLeft { float: left; margin-right: 15px; margin-bottom: 15px; }
.floatRight, .supportingImageRight { float: right; margin-left: 15px; margin-bottom: 15px; }
.rightFormField, .floatRight { float: right; }
	
.clear {
	clear: both;
	float: none;
	}
	
.selectedNav a { text-decoration: underline; }

	/* Product Teaser Related Styles */
	#productList {
		width: 430px;
		margin: 0px auto;
		}
	.productTeaser {
		font-size: 11pt;
		width: 120px;
		height: 250px;
		float: left;
		margin: 8px;
		}
	.productPrice {
		font-size: 14px;
		height: 19px;
		font-weight: bold;
		color: #ffffff;
		text-indent: 5px;
		background: #ffffff url(../images/layout/pricing-tab.gif) 0px 0px no-repeat;
		}
	.productImage img {
		width: 120px;
		height: 120px;
		border: 1px solid black;
		}
	.enlargeImage {
		width: 120px;
		height: 25px;
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		background: url(../images/layout/enlarge-img.gif) 0px 0px no-repeat;
		}
	.enlargeImage span { display: none; }
	.setupfee, .minqty { font-size: 8px; margin: 5px; }
	.pricelist li { list-style: none; text-indent: 25px; }
	.categoryHeader { clear: both; float: none; text-transform: uppercase; }
	
	.itemnumber { color: #454545; }

	.colourList { list-style: none; }
	.colourList li { margin-bottom: 1px; }
	.colourList img { border: 1px solid black; }
	
	.clientFeature { width: 50%; height: 275px; float: left; }
	
.video { margin: 0px auto; width: 230px; text-align: center; }
.video p { text-align: left; }
.videoInfo td { text-align: left; vertical-align: top; padding: 3px; color: #454545; }
.hidden { display: none; }


.ltGreen {color: #999966}
.ltRed {color: #CC6666}
.ltBlue {color: #669999}

.adminProductListing {
	height: 300px;
	overflow: scroll;
	}

#tradeshow h1 {
	margin-bottom: 25px;
	}
#tradeshow ul { padding-top: 0px !important; margin-top: 0px !important; margin-bottom: 2em; }
#tradeshow p { margin: 0; line-height: 1.8em; }


#print-supporting-images {
	display: block;
	width: 250px;
	float: right;
	overflow: hidden;
	margin-left: 25px;
	margin-bottom: 25px;
	background: orange;
}
	#print-supporting-images img {
		display: block;
	}

#news {
	padding: 10px;
	}
	#news * { margin: 0; padding 0; }
	/* #news h1 { margin: -10px -10px 20px -10px; } */
	#news h1 { margin-bottom: 1em; }
	#news p { margin-bottom: 1em; }
	#news ul, #news ol, #news dd { margin-left: 2em; }
	#news .paging-links { background: white; line-height: 1.5em; text-align: center; margin: 20px; }
	#news .news-article { padding-bottom: 2em; margin-bottom: 2em; border-bottom: 2px solid #eeeea7; }
	#news .news-article-title { float: left; }
	#news .news-article-date { font-style: italic; float: right;  }
	#news .news-article-body { clear: both; padding-top: 1.5em; }
	#news .news-article-link, #news .news-listing-link { float: right; margin-top: 1px; }
		#news .news-article-link a, #news .news-listing-link a {
			text-decoration: none;
			font-weight: bold;
			display: block;
			padding: 3px;
			background: #ffffdf;
			border: 2px solid #eeeea7;
			text-transform: lowercase;
			}
		
a, img { outline: none; }

#pmdyoutubevideo {
	margin: 1em auto;
	width: 425px;
	}
	
.news-article-image {

	float: right;
/*	border: 1px solid #000;*/
	padding: 3px;
	margin: 0 0 10px 30px !important;
}