* { margin: 0; padding: 0; } img { border: none; } .floatr { float: right; } .floatl { float: left; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } .noborder { border: none !important; } .clr { display: block; clear: both; } ul { list-style: none; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



.clear {
	display: block;
	clear: both;
}

body {
	background: #9dadb9 url("../images/body_bg.gif") repeat-x;
	font: 11px/18px verdana, sans-serif;
	color: #333;
	text-align: center;
}
input, select, textarea {
	font: 11px verdana, sans-serif;
}
option {
	padding: 1px 5px;
}
#container {
	margin: 0 auto;
	width: 926px;
	background: #daecfa url("../images/container_bg.gif") repeat-y;
	text-align: left;
}
#header {
	width: 100%;
	height: 282px;
	background: url("../images/header_bg.jpg") no-repeat;
	position: relative;
	color: #fff;
}
#familykids #header {
	background: url("../images/header_family.jpg") no-repeat;
}
	#header h1 a {
		background: url("../images/logo.gif") no-repeat;
		position: absolute;
		top: 89px;
		left: 23px;
		display: block;
		width: 311px;
		height: 149px;
	}
		#header h1 a:hover {
			background: url("../images/logo.gif") no-repeat;
		}
		#header h1 span {
			display: none;
		}
	#topNav {
		position: absolute;
		top: 10px;
		right: 15px;
		color: #e7f2fa;
		z-index: 101;
	}
		#topNav a {
			color: #e7f2fa;
			padding: 0 3px;
		}
		#topNav a:hover {
			color: #fff;
		}
	#header_btns {
		position: absolute;
		bottom: 7px;
		left: 19px;
		z-index: 102;
	}
		a#btn_hoo {
			display: block;
			background: url("../images/btn_hoo.gif") no-repeat;
			width: 142px;
			height: 27px;
			float: left;
			text-indent: -9999px;
			margin: 0 6px 0 0;
		}
			a#btn_hoo:hover {
				background: url("../images/btn_hoo.gif") no-repeat 0 -27px;
			}
		a#btn_pub {
			display: block;
			background: url("../images/btn_publisher.gif") no-repeat;
			width: 190px;
			height: 27px;
			float: left;
			text-indent: -9999px;
		}
			a#btn_pub:hover {
				background: url("../images/btn_publisher.gif") no-repeat 0 -27px;
			}
#pub-header {
	width: 100%;
	height: 186px;
	background: url("../images/pub_header_bg.gif") no-repeat;
	position: relative;
	color: #fff;
}
	#pub-header h1 a {
		background: url("../iages/logo.gif") no-repeat;
		position: absolute;
		top: 89px;
		left: 23px;
		display: block;
		width: 169px;
		height: 103px;
	}
		#pub-header h1 a:hover {
			background: url("../idfmages/logo.gif") no-repeat;
		}
		#pub-header h1 span {
			display: none;
		}
	#pub-header_btns {
		position: absolute;
		bottom: 7px;
		left: 19px;
		z-index: 102;
	}
		a#btn_hoo {
			display: block;
			background: url("../images/btn_hoo.gif") no-repeat;
			width: 142px;
			height: 27px;
			float: left;
			text-indent: -9999px;
			margin: 0 6px 0 0;
		}
			a#btn_hoo:hover {
				background: url("../images/btn_hoo.gif") no-repeat 0 -27px;
			}
		a#btn_pub {
			display: block;
			background: url("../images/btn_publisher.gif") no-repeat;
			width: 190px;
			height: 27px;
			float: left;
			text-indent: -9999px;
		}
			a#btn_pub:hover {
				background: url("../images/btn_publisher.gif") no-repeat 0 -27px;
			}
			

	#mainNav {
			position: absolute;
			left: 12px;
			top: 41px;
			list-style: none;
			width: 902px;
			border-spacing: 0;
			border-collapse: collapse;
			z-index: 100;
		}
			#mainNav td a {
				display: block;
				height: 43px;
				line-height: 43px;
				color: #fff;
				text-align: center;
				text-decoration: none;
				color: #fff;
				font: 14px/43px arial, sans-serif;
			}
			#mainNav td a:hover {
				background: url("../images/mainNav_over.gif") repeat-x center;
			}
				#mainNav td#nav-familykids a:hover {
					background: url("../images/mainNav_over.gif") repeat-x left;
				}
				#mainNav td#nav-petstuff a:hover {
					background: url("../images/mainNav_over.gif") repeat-x right;
				}
			#biz2biz #nav-biz2biz a,
			#home-and-garden #nav-homegarden a,
			#food-and-spirits #nav-foodspirits a,
			#bride-and-groom #nav-bridegroom a,
			#home-and-family #nav-homefamily a,
			#mind-and-body #nav-mindbody a {
				color: #344857;
				font-weight: bold;
				border-right: 1px solid #41607b;
				background: url("../images/mainNav_active.gif") repeat-x center;
			}
				#family-and-kids #nav-familykids a, #family-and-kids #mainNav td#nav-familykids a:hover {
					color: #344857;
					font-weight: bold;
					border-right: 1px solid #41607b;
					background: url("../images/mainNav_active.gif") repeat-x left;
				}
				#cats-and-dogs #nav-petstuff a, #cats-and-dogs #mainNav td#nav-petstuff a:hover {
					color: #344857;
					font-weight: bold;
					background: url("../images/mainNav_active.gif") repeat-x right;
				}
	#headerImg1, #headerImg2 {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 388px;
		height: 253px;
	}
	#headerImg1 {
		z-index: 10;
	}
	#headerImg2 {
		z-index: 1;
	}
#breadcrumb {
}
#content {
}

.box {
   background: #ffffff;
   width: 100%;
   display: block;
   margin: 0 0 5px 0;
}
	.box-top div {
	   background: url("../images/box_tl.gif") no-repeat top left;
	}
	.box-top {
	   background: url("../images/box_tr.gif") no-repeat top right;
	}
	.box-bottom div {
	   background: url("../images/box_bl.gif") no-repeat bottom left;
	}
	.box-bottom {
		clear: both;
		background: url("../images/box_br.gif") no-repeat bottom right;
	}

	.box-top div, .box-top, 
	.box-bottom div, .box-bottom {
	   display: block;
	   height: 8px;
	   font-size: 1px;
	}

.minibox_container {
	padding: 0 0 0 5px !important;
	padding: 0;
	clear: both;
}
.minibox-container {
	padding: 0 5px 0 5px !important;
	padding: 0;
	clear: both;
}
.minibox-container a.minibox {
	width: 98%;
}
.minibox {
   background: #ffffff;
   display: block;
   margin: 5px 0 10px 5px;
   float: left;
   text-decoration: none;
   color: #333 !important;
   border: 1px solid #daecfa;
}
.minibox_container a.minibox {
	width: 168px;
	margin: 5px 0 0 5px;
}
	.minibox-top div {
		position: relative;
		top: 0px;
		left: -2px;
		background: url("../images/minibox_tl.gif") no-repeat top left;
	}
	.minibox-top {
		position: relative;
		top: -1px;
		right: -1px;
		background: url("../images/minibox_tr.gif") no-repeat top right;
	}
	.minibox-bottom div {
		position: relative;
		bottom: 0px;
		left: -2px;
		background: url("../images/minibox_bl.gif") no-repeat bottom left;
	}
	.minibox-bottom {
		position: relative;
		bottom: -1px;
		right: -1px;
		clear: both;
		background: url("../images/minibox_br.gif") no-repeat bottom right;
	}

	.minibox-top div, .minibox-top, 
	.minibox-bottom div, .minibox-bottom {
	   display: block;
	   height: 9px;
	   font-size: 1px;
	}

	a.minibox:hover {
		background: #ecf7ff;
		border: 1px solid #fe8500;
	}
	a.minibox:hover .minibox-top div {
		background: url("../images/minibox_hover_tl.gif") no-repeat top left;
	}
	a.minibox:hover .minibox-top {
		background: url("../images/minibox_hover_tr.gif") no-repeat top right;
	}
	a.minibox:hover .minibox-bottom div {
		background: url("../images/minibox_hover_bl.gif") no-repeat bottom left;
	}
	a.minibox:hover .minibox-bottom {
		background: url("../images/minibox_hover_br.gif") no-repeat bottom right;
	}

	.minibox_container .minibox_height {
		
	}
	.minibox img {
		margin: 0 0 4px 0;
	}

	.minibox h3 {
		margin: 0 10px 5px 10px;
	}
h2 {
	color: #46a2e5;
	font: bold 22px arial, sans-serif;
	margin: 5px 10px;
	text-transform: uppercase;
}
h3 {
	color: #f60;
	font: bold 15px arial, sans-serif;
	margin: 10px;
	text-transform: uppercase;
}
h4 {
	color: #46a2e5;
	font: bold 13px tahoma, sans-serif;
	margin: 5px 10px 0 10px;
}
#content ul {
	margin: 15px 40px;
	padding: 0;
	list-style: disc;
}
#content ol {
	margin: 15px 40px;
	padding: 0;
}
#content ul li, #content ol li {
	margin: 0 0 5px 0;
}
#content p {
	margin: 0 0 10px 0;
}
#content a {
	color: #46a2e5;
}
	#content a:hover {
		color: #fe8500;
	}
	
#leftNav {
	margin: 12px 0 0 18px;
	width: 170px;
	background: #daecfa;
	float: left;
	display: inline;
}
	#leftNav p {
		margin: 5px 10px;
	}
	#leftNav select {
		margin: 5px 0 0 0;
		width: 148px;
		border: 1px solid #297cb8;
		padding: 2px;
		color: #46a2e5;
	}
	#leftNav ul {
		list-style: none;
		margin: 0 1px;
	}
		#content #leftNav ul li {
			border-bottom: 1px solid #ebf5fc;
			margin: 0;
		}
		#leftNav ul li a {
			display: block;
			width: 129px;
			padding: 10px 5px 10px 34px;
			background: url("../images/bullet.gif") no-repeat 10px 50%;
			text-decoration: none;
			color: #297cb8;
		}
		#leftNav ul li a:hover {
			background: #f4faff url("../images/bullet.gif") no-repeat 10px 50%;
		}
#mainContent {
	margin: 12px 18px 0 0;
	width: 714px;
	float: right;
	background: #daecfa;
	display: inline;
}
	#mainContent p {
		margin: 5px 10px 15px 10px;
	}

select.hoojump {
	margin: 5px 0 0 0;
	width: 148px;
	border: 1px solid #297cb8;
	padding: 2px;
	color: #46a2e5;
}

.data {
	margin: 10px;
}
.data table td {
	padding: 3px 6px;
}
.error {
	font-weight: bold;
	color: red;
}
.btn {
}
	.btn:hover {
	}
h3 {
}
table {
}
	table td {
	}
fieldset {
}
legend {
}
p {
}
#footer {
	background: #9dadb9 url("../images/footer_bg.gif") no-repeat;
	color: #e7f2fa;
	padding: 12px 0 0 0;
}
	#footer p {
		padding: 15px;
	}
	#footer a {
		color: #e7f2fa;
	}
		#footer a:hover {
			color: #fff;
		}

.hoo-knows-colors {
	color: #fe8500; // orange
	color: #46a2e5; // blue
}

#dhtmltooltip{
	position: absolute;
	border: none;
	border: 2px solid #46a2e5;
	padding: 4px;
	background-color: white;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

/**
 *   Custom Style Declarations for Find Hoo Page
 */

h2.findhoo_hoostate, h3.findhoo_hoocity {
   text-transform: none !important;
}

ul.findhoo_stateul, ul.findhoo_cityul, ul.findhoo_magazineul, ul.findhoo_issueul {
   margin: 0px !important;
   padding: 0px !important;
   list-style-type: none !important;
}

ul.findhoo_cityul {
   padding-bottom: 10px !important;
}

li.findhoo_cityli {
   padding-left: 15px;
}

li.findhoo_cityli h3 {
   padding-left: 20px;
   background: transparent url(../images/bullet.gif) no-repeat scroll 0px 50%;
   display: block;
}

li.findhoo_magazineli {
   padding-left: 30px;
}

li.findhoo_magazineli a {
   padding-left: 20px;
   background: transparent url(../images/bullet.gif) no-repeat scroll 0px 50%;
   display: block;
}