/* Mini reset
*/
body, h1, h2, h3, h4, p, img, hr, ul, ol, li, fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 400;
}

body {
	color: #333;
	padding-bottom: 2em;
	background: #bbb url("img/body-bg-di.png") top left repeat-x;
	font: 12px/1.5em "lucida grande", "arial mt", arial, helvetica, sans-serif;
}
img {
	border: 0;
}
h1, h2, h3 {
	font-weight: 800;
}
h2 {
	font-size: 1.6em;
	line-height: 1.3em;
}
h2, h3 {
	margin-bottom: 1em;
}
/*h3 {
	text-transform: capitalize;
}*/
h4 {
	font-size: 12px;
	font-weight: 800;
}
p {
	margin: .5em  0 1em;
}
noscript p {
	top: 10px;
	left: 10px;
	width: 290px;
	display: block;
	padding: 1em 3em;
	background: #ffd;
	font-weight: 800;
	position: absolute;
	border: 1px solid #eea;
}
	noscript p a.close {
		top: 2px;
		left: 5px;
		color: #333;
		font-size: 20px;
		position: absolute;
	}
	noscript a.close:hover {
		color: #f00;
		text-decoration: none;
	}

a {
	color: #06c;
	text-decoration: none;
}
	a:hover {
		color: #039;
		text-decoration: underline;
	}

.hi {
	color: #003345;
	font-weight: 800;
}
.lo {
	color: #aaa;
}
.intro {
	font-size: 1.3em;
	line-height: 1.6em;
}
	.intro span {
		float: left;
		font-size: 3em;
		margin: .3em 3px 0 0;
	}
.info {
	width: 90%;
	color: #333;
	padding: 10px;
	font-size: .9em;
	margin: 1em auto;
	background: #eee;
	border: 1px solid #ccc;
}
.left {
	margin: 1em 1em .5em 0;
	float: left !important;
}
.right {
	margin-left: 2em;
	float: right !important;
}
.center {
	display: block;
	margin: .5em auto;
}
.clear {
	height: 0;
	clear: both;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
.hide {
	display: none;
}
.col1, .col2 {
	float: left;
	width: 280px;
}
	.col1 {
		margin-right: 20px;
		padding-right: 20px;
		border-right: 1px solid #eee;
	}

form {
	margin-left:  1em;
}
label {
	display: block;
	margin-bottom: .2em;
}
	label span, label strong {
		width: 7em;
		float: left;
		display: block;
		font-size: .9em;
		text-align: right;
	}
.txt, textarea {
	width: 13em;
	padding: 3px 4px;
	margin-left: 1em;
	border: 1px solid #bbb;
	font: 12px/1.5em "lucida grande", "arial mt", arial, helvetica, sans-serif;
}
textarea {
	width: 14em;
	height: 5em;
}
p.btns {
	text-align: right;
}
	p.btns input {
		width: auto;
		padding: 4px 1em;
		font-weight: 800;
		margin:  .5em 1em;
		overflow: visible;
	}
div.errors {
	color: #c33;
	font-size: .9em;
	margin-bottom: 1.5em;
}

#head ul.menu, #neck ul.menu, #foot ul.menu {
	clear: both;
}
	#head ul.menu li, #neck ul.menu li, #foot ul.menu li {
		float: left;
		text-align: center;
	}
		ul.menu li.here a {
			cursor: default;
		}
#skin {
	z-index: 60;
	width: 850px;
	margin: 0 auto;
	background: #fff;
	position: relative;
}
	#head {
		line-height: 0;
		overflow: hidden;
		padding-top: 10px;
	}
		#head a#brnd-logo {
			color: #666;
			margin-top: 1em;
			position: absolute;
		}
			#head a#brnd-logo:hover {
				color: #333;
				text-decoration: none;
			}
		#head h1 {
			float: right;
			width: 377px;
			height: 92px;
			z-index: 100;
			cursor: pointer;
			margin: 0 0 -15px;
			text-indent: -999em;
			background: transparent url("img/logo.png") 50% 50% no-repeat;
		}
			#head h1 a {
				color: #666;
				height: 92px;
				outline: none;
				display: block;
				text-indent: -999em;
			}
				#head h1 a:hover {
					outline: none;
					display: block;
					background: url("img/head-h1-a_hover.png") 50% 50% no-repeat;
				}
				#head h1 a span {
					color: #bbb;
					font-weight: 400;
				}
			#head ul.menu {
				height: 26px;
				font-size: 11px;
				line-height: 1em;
			}
				#head ul.menu li a {
					color: #333;
					display: block;
					font-weight: 800;
					padding: 10px 20px;
					text-decoration: none;
					background: #eee url("img/head-ul_menu-li-a.png") right 0 no-repeat;
				}
					#head ul.menu li a:hover {
						background-position: right -36px;
					}
						#head ul.menu li.here a, #head ul.menu li.here a:hover {
							color: #fff;
							background-position: right -72px;
						}
			#head #feat, #head img.feat {
				clear: both;
				display: block;
				margin-top: 6px;
				overflow: hidden;
				background: #000;
			}
				#head #feat img {
					margin-top: 0;
				}

	#neck {
		position: absolute;
		margin: -24px 0 0 200px;
	}
		#neck ul.menu li a {
			color: #333;
			display: block;
			font-size: 10px;
			text-align: left;
			font-weight: 800;
			margin-right: 3px;
			padding: 3px 30px 3px 10px;
			background: #ddd url("img/neck-ul_menu-li-a.png") right 50% no-repeat;
		}
			#neck ul.menu li a:hover {
				text-decoration: underline;
				background-image: url("img/neck-ul_menu-li-a_hover.png");
			}
				#neck ul.menu li.here a {
					text-decoration: none;
					background: #fff url("img/neck-ul_menu-li_here-a.png") right 50% no-repeat;
				}
	#guts {
		overflow: auto;
		padding-bottom: 45px;
		background: #fff url("img/body-guts-bg.png") top left repeat-y;
	}
		#guts li {
			list-style: square;
			margin: 0 0 .3em 2em;
		}
		#guts ol li {
			list-style: decimal;
			margin: 0 0 .3em 2em;
		}
		#guts #food {
			width: 620px;
			float: right;
			padding-top: 20px;
			margin: 0 20px 0 0;
		}
			#guts #food ul, #guts #food ol {
				margin: 1em 0 2em;
				padding-left: 1em;
			}
				#guts #food ul ul, #guts #food ul ol,
				#guts #food ol ol, #guts #food ol ul {
					margin-top: .5em;
				}
				#guts #food li li {
					list-style: circle;
				}
			#guts #food #supp {
				float: right;
				width: 220px;
				font-size: .95em;
				padding: 0 1em 2em;
				margin: 0 0 1em 1em;
				border-left: .1em solid #eee;
			}
				#guts #food #supp h3 {
					clear: left;
					margin-bottom: 0;
					padding: 1em 0 .2em;
				}
				#guts #food #supp img.center {
					margin: 10px auto;
				}
				#guts #food #supp dl {
					margin-top: 1em;
				}
					#guts #food #supp li {
						margin-left: 1em;
					}
					#guts #food #supp dl dt {
						color: #999;
						width: 75px;
						float: left;
						text-align: right;
						margin-right: 1em;
						font-style: italic;
					}
					#guts #food #supp dl dd {
						clear: right;
						margin: 0 0 5px 87px;
					}
		#guts #path {
			right: 0;
			color: #999;
			bottom: 28px;
			width: 670px;
			height: 24px;
			padding-left: 0;
			position: absolute;
			margin: 0 0 0 -30px;
			background: #f5f5f5;
			border-top: 1px solid #ddd;
		}
			#guts #path li {
				float: left;
				font-size: 10px;
				list-style: none;
				margin-bottom: 0;
				line-height: 13px;
				padding: 6px 10px 6px 0;
			}
				#guts #path li.right a {
					color: #666;
					padding: 2px 18px 2px 0;
					background: url("img/rss_0.png") right 50% no-repeat;
				}
					#guts #path li.right a:hover {
						color: #f60;
						text-decoration: none;
						background-image: url("img/rss_1.png");
					}

		#guts #side {
			float: left;
			width: 170px;
			overflow: hidden;
			min-height: 200px;
			background: #d8d8d8;
			padding: 10px 10px 30px 0;
		}
			#guts #side ul.menu {
				margin: 1em 0;
			}
				#guts #side ul.menu li {
					margin-left: 0;
					list-style: none;
				}
					#guts #side ul.menu li a {
						color: #333;
						display: block;
						font-weight: 800;
						text-align: right;
						margin-bottom: 3px;
						padding: 5px 30px 5px 10px;
						background: url("img/neck-ul_menu-li-a.png") right 50% no-repeat;
					}
						#guts #side ul.menu li a:hover {
							text-decoration: none;
							background: #f0f0f0 url("img/side-ul_menu-li-a_hover.png") right 50% no-repeat;
						}
							#guts #side ul.menu li.here a {
								cursor: default;
								text-decoration: none;
								background: #fff url("img/side-ul_menu-li_here-a.png") right 50% no-repeat;
							}
			#guts #side #sb-enews {
				font-size: .95em;
			}
				#guts #side #sb-enews h3 {
					margin-bottom: 0;
				}
				#guts #side #sb-enews input.txt {
					width: 148px;
					margin: 0 0 5px;
				}
				#guts #side #sb-enews input.btn {
					width: 6em;
					float: right;
					margin-right: 5px;
				}
			#guts #side #q-search {
				margin: 0;
				left: -1px;
				bottom: 28px;
				position: absolute;
			}

				#guts #side #q-search input#ajaxSearch_input {
					border: 0;
					color: #fff;
					width: 135px;
					font-size: 11px;
					background: #444;
					padding: 5px 25px 6px 10px;
				}
				#guts #side #q-search input.png {
					border: 0;
					right: 20px;
					width: 15px;
					z-index: 40;
					float: right;
					height: 15px;
					outline: none;
					display: block;
					line-height: 0;
					margin: 6px 0 0;
					position: relative;
				}
	#foot {
		color: #888;
		height: 18px;
		font-size: 10px;
		background: #d8d8d8;
		padding: 7px 10px 3px;
	}
		#foot a {
			color: #888;
			text-decoration: none;
		}
			#foot a:hover {
				color: #666;
				text-decoration: none;
			}
		#foot ul.menu li {
			margin: -2px 0 0 2em;
		}
			#foot ul.menu li.right {
				margin-right: 0;
			}
		#foot a#creative-plug {
			text-decoration: none;
		}
#shhh {
	display: none;
}


/* Page specific steez
*/

a.thmb {
	float: left;
	width: 62px;
	height: 62px;
	overflow: hidden;
	line-height: 60px;
	text-align: center;
	margin: 0 4px 4px 0;
	border: 3px solid #fff;
	vertical-align: middle;
}
	a.thmb:hover {
		border-color: #ddd;
	}
	a.thmb img {
		display: inline;
		vertical-align: middle;
	}
p.links a.url {
	text-transform: lowercase;
}
body#p-brands a.thmb {
	width: 112px;
	height: 102px;
	line-height: 102px;
	margin-bottom: 5px;
}
body#p-about #guts #food div#supp {
	padding: 1em 1em 2em;
	border: 3px solid #eee;
}
.item {
	clear: both;
	overflow: auto;
	padding: .5em 1em;
	margin-bottom: 5px;
	border: 1px solid #ccc;
}
	.item h3 {
		margin-bottom: .5em;
	}
	.item h4.date {
		color: #999;
	}
	.item img.feat {
		float: left;
		margin-left: 0;
	}
	.item hr {
	}
.prod {
}
	.prod .desc {
		margin-left: 140px;
	}
		.prod desc h3 {
		margin-top: .5em;
		}

#serps h3 {
	margin:  1em 0 .5em;
}
#serps h4 {
	font-size: 13px;
}
#serps p {
	margin-top: 0;
}
/*
body#p-resellers #serps div.knob:hover {
	cursor: pointer !important;
}
body#p-resellers #serps div.draw {
	height: 0;
	overflow: hidden;
}
*/
#serps div.ce, #serps div.mi, #serps div.cemi {
	overflow: hidden;
	margin-bottom: 5px;
	padding: .5em 1em 0;
	border: 2px solid #eee;
}
	#serps div.ce {
		background: #eee;
	}
	#serps div.mi {
		background: #ddd;
	}
	#serps div.cemi {
		background: #ccc;
	}
	#search-resellers {
		padding: .5em 1em 0;
		background: #f9f9f9;
		border:  1px solid #eee;
	}
		#search-resellers .txt {
			width: 65%;
			float:  right;
			margin-top: -2.3em
		}

body#p-commercial-products p.info {
	display: none;
}

body#p-news .col1, body#p-news .col2,
body#p-search .col1, body#p-search .col2,
body#p-brands .col1, body#p-brands .col2 {
	display: none;
}


/* MODx snippet specific steez
*/

.crumbBox {
	color: #555;
}

a.QE_Link {
	opacity: .3 !important;
	position: absolute !important;
}
	a.QE_Link:hover {
		opacity: 1 !important;
	}
#head a.QE_Link {
	top: 310px;
	right: 4px;
}

#qe-colTwo {
	right: 200px;
	position: absolute;
}

.ajaxSearch_result {
	padding: 1em 0;
	margin-right: 10px;
	border-bottom: 1px solid #ccc;
}