@import url(chp_blocks.css);
@import url(chp_guests.css);
@import url(chp_newsletter.css);
@import url(chp_newstuff.css);
@import url(chp_stores.css);
@import url(chp_unique.css);


/* Generic Formatting */

html {
	margin-bottom: 0.01em;
	min-height: 100%; }
body {
	background: #914E15;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 100%; }
img {
	border: 0px;
	outline: none;
	padding-bottom: 0px;
	vertical-align: bottom; }
p {
	display: block;
	margin: 0 0 10px 0; }
a {
	outline: none; }
.center {
	margin: 0px;
	padding: 0px;
	text-align: center; }
.clearbox {
	clear: both;
	font-size: 1px; }
.floatleft {
	float: left; }
.floatright {
	float: right; }


/* Page Formatting */

#header {
	background: #332A1E url(../images/chp_headback.gif) repeat-x top left;
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%; }
#logo {
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 900px; }
#banner {
	background: #332A1E;
	display: block;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 902px; }
#banleft {
	border-right: 4px #332A1E solid;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 449px; }
#banright {
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 449px; }
#page {
	background: #332A1E;
	color: #FFFFFF;
	display: block;
	height: 100%;
	margin: 0px;
	padding-bottom: 50px;
	width: 100%; }
#content {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 902px; }
#blocks {
	background: #493B28 url(../images/chp_blocksback.gif) repeat-x top left;
	display: block;
	height: 100%;
	margin: 0px;
	text-align: center;
	width: 100%; }
#footer {
	background: #914E15 url(../images/chp_footback.gif) repeat-x top left;
	clear: both;
	display: block;
	height: 160px;
	margin: 0px;
	padding-top: 0px;
	text-align: center;
	width: 100%; }
#homeleft {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 546px; }
#homeright {
	border-left: 4px #332A1E solid;
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 150px; }

#spots {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 698px; }



/* Content Formatting */

#clicks {
	border-right: 4px #332A1E solid;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 200px; }
#spotlight {
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 698px; }
.dotline {
	background-color: #493B28;
	border-bottom: 4px #332A1E solid;
	display: block;
	padding: 0px; }
.dotline2 {
	background-color: #50412B;
	border-bottom: 4px #332A1E solid;
	display: block;
	padding: 0px; }
.pageline {
	background-color: #493B28;
	border-bottom: 1px #332A1E dotted;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px; }
.menuline {
	background-color: #493B28;
	border-bottom: 1px #9B8364 dotted;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px; }
.menu {
	background-color: #403322;
	color: #E7C29A;
	display: block;
	padding: 20px;
	width: 160px; }
.menu2 {
	background-color: #50412B;
	color: #E7C29A;
	display: block;
	padding: 20px;
	width: 160px; }
.info {
	background-color: #493B28;
	color: #E7C29A;
	display: block;
	padding: 20px; }
.info2 {
	background-color: #5C4B33;
	color: #E7C29A;
	display: block;
	padding: 20px; }
.infogfx {
	background-color: #74572D;
	color: #E7C29A;
	display: block;
	padding: 0px; }
.event {
	background-color: #403322;
	color: #E7C29A;
	display: block;
	padding: 0px; }
.event2 {
	background-color: #50412B;
	color: #E7C29A;
	display: block;
	padding: 0px; }


/* Ordered List Formatting */

ol {
	}
ol li {
	color: #C6A67B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; }


/* Header Formatting */

h1 {
	color: #EBAC53;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px; }
h2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px; }
h3 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px; }


/* Homepage Table Formatting */

.hometable table, .hometable tr, .hometable td, .hometable th {
	color: #C6A67B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px; }
.hometable td.homeimg {
	padding-right: 16px;
	vertical-align: top;
	width: 150px; }
.hometable td.homeimg2 {
	padding-left: 16px;
	vertical-align: top;
	width: 150px; }
.hometable td.homeinfo {
	width: 100%; }
#mytable {
	width: 500px;
	padding: 0px;
	margin: 0px;
}
#mytable caption {
	padding: 0 0 5px 0;
	width: 500px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #a08d72;
	border-right: 2px solid #374e54;
	border-bottom: 2px solid #374e54;
	border-top: 2px solid #374e54;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}
#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #374e54;
	background: none;
}
#mytable th.spec {	
	border-left: 2px solid #374e54;
	border-top: 0;
	background: #fff url(../images/bg_bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
}
#mytable th.specalt {
	border-left: 2px solid #374e54;
	border-top: 0;
	background: #f5fafa url(../images/bg_bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
}
#mytable td {
	border-right: 2px solid #374e54;
	border-bottom: 2px solid #374e54;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}
#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}


/* Game Bucks - Table Formatting */

#bucks table, #bucks tr, #bucks td, #bucks th {
	color: #C6A67B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 10px; }
#bucks td.tdname {
	background-color: #8E6836;
	width: 220px; }
#bucks td.tdfee {
	background-color: #825E2F;
	width: 180px; }
#bucks td.tdinfo {
	background-color: #7B4D10;
	width: 100%; }


/* Join Our Team - Table Formatting */

#jobs table, #jobs tr, #jobs td, #jobs th {
	color: #C6A67B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 10px; }
#jobs tr.jobhead {
	background-color: #8E6836; }
#jobs td.position {
	vertical-align: top;
	width: 130px; }
#jobs td.location {
	vertical-align: top;
	width: 130px; }
#jobs td.addinfo {
	vertical-align: top;
	width: 200px; }


/* General Text Formatting */

.click {
	color: #D6BC99;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px; }
.note {
	color: #AC8D62;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; }
.spot {
	color: #C6A67B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; }
a {
	outline: none; }
a.click:link, a.click:visited, a.click:active {
	color: #F6C88D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none; }
a.click:hover {
	color: #FFFFFF; }
a.download:link, a.download:visited, a.download:active {
	border-bottom: 1px #B57822 solid;
	color: #F6C88D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 3px;
	text-decoration: none; }
a.download:hover {
	color: #FFFFFF; }
a.mail:link, a.mail:visited, a.mail:active {
 	border-bottom: 1px #B57822 solid;
	color: #F6C88D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 3px;
	text-decoration: none; }
a.mail:hover {
	color: #FFFFFF; }
a.mailnote:link, a.mailnote:visited, a.mailnote:active {
	color: #F6C88D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom: 3px;
	text-decoration: none; }
a.mailnote:hover {
	color: #FFFFFF; }
a.info:link, a.info:visited, a.info:active {
	background-color: #DA920E;
	border: 1px solid #FFD895;
	color: #FFD895;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	text-decoration: none; }
a.info:hover {
	border: 1px solid #FFFFFF;
	text-decoration: none; }
a.infolink:link, a.infolink:visited, a.infolink:active {
	border: 1px #B57822 solid;
	color: #B57822;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 10px;
	padding: 2px 5px;
	text-decoration: none; }
a.infolink:hover {
	color: #FFFFFF;
	text-decoration: none; }

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#navigator2 {
	height: 50px;
	left: 50%;
	margin-left: -170px;
	position: absolute;
	top: 85px;
	width: 600px;
	z-index: 100;
}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.nav, .nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-family: arial, sans-serif;
}

/* Set up the top level list items and float left to place inline */
.nav li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.nav table {border-collapse:collapse; width:0; height:0; position:absolute; top:50; left:0;}

/* Default top link link styling */
.nav li.top a.top_link {display:block; float:left; height:50px;}
.nav li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.nav li.p1 {width:120px; height: 50px;background:url(/images/menu_01.gif) no-repeat;;}
.nav li.p2 {width:120px; height: 50px;background:url(/images/menu_02.gif) no-repeat;;}
.nav li.p3 {width:120px; height: 50px;background:url(/images/menu_03.gif) no-repeat;;}
.nav li.p4 {width:120px; height: 50px;background:url(/images/menu_04.gif) no-repeat;;}
.nav li.p5 {width:120px; height: 50px;background:url(/images/menu_05.gif) no-repeat;;}

/* set up the normal unhovered images in the links */
.nav li a#vacuums {width:120px; background:url(/images/menu_01.gif) no-repeat;}
.nav li a#centralvacs {width:120px; background:url(/images/menu_02.gif) no-repeat;}
.nav li a#homecare {width:120px; background:url(m/images/menu_03.gif) no-repeat;}
.nav li a#services {width:120px; background:url(/images/menu_04.gif) no-repeat;}
.nav li a#aboutus {width:120px; background:url(/images/menu_05.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.nav a:hover {visibility:visible;} /* for IE6 */
.nav li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.nav li a#vacuums:hover, .menu li:hover a#vacuums,
.nav li a#cetnralvacs:hover, .menu li:hover a#centralvacs,
.nav li a#homecare:hover, .menu li:hover a#homecare,
.nav li a#services:hover, .menu li:hover a#services,
.nav li a#aboutus:hover, .menu li:hover a#aboutus {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.nav ul, 
.nav :hover ul ul, 
.nav :hover ul :hover ul ul,
.nav :hover ul :hover ul :hover ul ul,
.nav :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.nav :hover ul.sub {left:0; top:49px; background: #c1aa81; padding:5px 0px; border-top:3px solid #ac9879; white-space:nowrap; width:124px; height:auto;}
.nav :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:124px;}
.nav :hover ul.sub li a {display:block; font-size:11px; height:20px; width:114px; line-height:20px; text-indent:5px; color:#f5edd5; text-decoration:none; border:3px solid #c1aa81; border-width:0 0 0 5px;}
.nav :hover ul.sub li a.fly {background:#c1aa81 url(/images/arrow.gif) 104px 7px no-repeat;}
.nav :hover ul.sub li a:hover {background:#aa956f; color:#ffffff;}
.nav :hover ul.sub li a.fly:hover {background:#aa956f url(/images/arrow_over.gif) 104px 7px no-repeat; color:#ffffff;}
.nav :hover ul li:hover > a.fly {background:#aa956f url(/images/arrow_over.gif) 104px 7px no-repeat; color:#ffffff;} 

/* set up the flyout levels when hovering */
.nav :hover ul :hover ul,
.nav :hover ul :hover ul :hover ul,
.nav :hover ul :hover ul :hover ul :hover ul,
.nav :hover ul :hover ul :hover ul :hover ul :hover ul
{left:118px; top:-8px; background: #c1aa81; padding: 5px 0px; border-top:3px solid #ac9879; white-space:nowrap; width:124px; z-index:200; height:auto; z-index:300;}


/* Navigator Formatting */

#navigator {
	background-color: #874E1E;
	padding: 20px 0px;
	width: 200px; }
.navempty {
	background-color: #874E1E;
	color: #C49157;
	display: block;
	font-family: Verdana, Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 20px;
	text-decoration: none;
	width: 160px;}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 200px;
	z-index: 50; }
ul li {
	position: relative; }
li ul {
	display: none;
	left: 200px;
	top: 0px;
	position: absolute; }
ul ul {
	top: 0px;
	width: 200px;
	z-index: 100; }
ul li a {
	background-color: #874E1E;
	color: #F2EBE3;
	display: block;
	font-family: Verdana, Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 20px;
	text-decoration: none;
	width: 160px;
	z-index: 50; }
ul li a:hover {
	color: #FFFFFF; }
ul li ul li a {
	background-color: #704420;
	color: #E8DDCF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	width: 185px;
	z-index: 100; }
ul li ul li a:hover {
	background-color: #623A1A; }
li:hover ul, li.over ul { 
	display: block; }