html, body {margin: 0px; background-color: #339; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #339; padding-left: 0px; }

/*constructive styles for the div refactoring*/
.widthController{ width:760px; margin:0 auto;}
#header{width:100%;}
#footer{width:100%;}
#content{width:100%;}
#funnel{ border-top:solid 5px #3399cc; border-bottom:solid 5px #3399cc; width:100%;}
.clear{ clear:both;}
.fr{float:right;}
.fl{float:left;}


/*visual styles for refactoring */
#header .widthController{ background:#FFF;}
#funnel .widthController{ background:#ccf url(images/home1.jpg) no-repeat 200px top; }
#funnel .widthController h2{ width:286px;}

#content .widthController, #footer .widthController { background:#FFF;}
#footer .widthController{ padding-bottom:10px;}

#header h1{ display:block; float:left; overflow:hidden; text-indent:-9999px; background:url(images/dalco_logo_banner3.gif); width:334px; height:103px; margin:0; padding:0;}
.w250{ width:280px;}

/* new list styles */
ul.specials{ border:solid 2px #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:250px; padding:2px; margin:0; background:#ffc;}
ul.specials li{ background:#FFC url(images/redcheck2.gif) 5px center no-repeat; list-style:none; padding: 5px 0 5px 33px; min-height:22px; color:#039; font-weight:bold;}
*+html ul.specials li{/*if IE */ margin-left:-10px; background:#FFC url(images/redcheck2.gif) 0px 50% no-repeat;}
ul.specials li.alt{ background-color:#FFF;}
.facebook{ background:url(images/facebook.png) no-repeat; width:73px; height:85px; clear:left; color:#333; text-decoration:none; font-size:10px; padding:62px 8px 0 11px; margin:10px 10px 0 10px;}

.youtube{ background:url(images/youtube.png) no-repeat; width:73px; height:85px; color:#333; text-decoration:none; font-size:10px; padding:62px 8px 0 11px; margin:10px 10px 0 10px;}
.intro{width:520px; float: left;}
.magic{ display:block;}

/* ---------------------------old------------------------------------------------- */
#navigation {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px;
	padding:3px 0;
	text-align: left;
	margin-top: 0px;
	font-weight: bold;
	float:left;
	background:#99CCFF;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	background-color: #9CF;
	color: #333399;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#navigation li a:hover {
	color: #9FF;
	background-color: #339;
}
ul {
	list-style-type: disc;
	font-size: 12px;
	line-height: 15px;
	list-style-position: inside;
}
.otherul {
	list-style-type: disc;
	font-size: 12px;
	line-height: 15px;
	list-style-position: outside;
}
.upper {
	text-align: left;
	color: #003399;
	margin:0;
	padding:6px;
}

#funnel p.upper{ margin:0; padding:3px 0 2px 5px;}
.lower {
	text-align: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 4px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000066;
	margin-top: 8px;
	font-weight: bold;
}
.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	font-style: normal;
	font-weight: bold;
	margin-left: 4px;
	padding-left: 4px;
}
.bottomnav {
	font-size: 11px;
	color: #666666;
	text-align: center;
	text-decoration: none;
	margin:0;
	padding:10px 0;
}
.author {
	font-size: 10px;
	color: #999999;
	text-align: center;
}
.dalco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #339;
	text-align: right;
	line-height: 24px;
	padding-top: 4px;
	padding-right: 12px;
	margin-top: 4px;
}
.phone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #C00;
	text-align: right;
	line-height: 18px;
	padding-right: 12px;
	margin-bottom: 0px;
}
.toptd {
	background-image: url(images/bluestripebg.gif);
	background-repeat: repeat-x;
	height: 346px;
	vertical-align: top;
}
.td2 {
	background-color: #FFFFFF;
	background-image: url(images/bluestripebg2.gif);
	background-repeat: repeat-x;
	height: 346px;
	vertical-align: top;
	margin-right: 4px;
	padding-right: 4px;
}
.td3 {
	background-color: #FFFFFF;
	background-image: url(images/blueline.gif);
	background-repeat: repeat-x;
	vertical-align: top;
}
.kit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
	background-color: #FFFFCC;
	margin-top: 8px;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

/* inline styles */

.style6 {font-size: 10px}
.style9 {color: #FF0000}
.red {color: #FF3300;}