@charset "UTF-8";

/* ===== colors ================================================== */

.yellow { color: #FABE2C; }

.blue1 { color: #369; }

.blue2 { color: #282563; }

.reqstar { color: #C00; }

.error { color: #C00; }

.success { color: #0C0; }

/* ===== base ================================================== */

html,
body {
	background: #FFF url('../images/bg.jpg') fixed repeat-x left top;
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #369;
	text-align: center;
}

a {
	color: #282563;
	outline: none;
}

object { outline: none; }

a:hover { color: #282563; }

address { margin: 1em 0; }

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong { color: #282563; }

h3 { font-size: 1.25em; }

h2,
h2 a {
	display: block;
	height: 25px;
}

h2.first,
p.first { margin-top: 0; }

h2.fightTheBug,
h2.fightTheBug a {
	background: transparent url('../images/h2_fightTheBug.gif') no-repeat center top;
	margin: 0;
}

h2.howToFight,
h2.howToFight a {
	background: transparent url('../images/h2_howToFight.gif') no-repeat center top;
	margin: 0;
}

h2.battleTheBugTour { background: transparent url('../images/h2_battleTheBugTour.gif') no-repeat left top; }

h2.bugTourRecap { background: transparent url('../images/h2_bugTourRecap.gif') no-repeat left top; }

h2.forKids { background: transparent url('../images/h2_forKids.gif') no-repeat left top; }

h2.forNurses { background: transparent url('../images/h2_forNurses.gif') no-repeat left top; }

h2.forParents { background: transparent url('../images/h2_forParents.gif') no-repeat left top; }

h2.forTeachers { background: transparent url('../images/h2_forTeachers.gif') no-repeat left top; }

h2.howToBattleTheBug { background: transparent url('../images/h2_howToBattleTheBug.gif') no-repeat left top; }

h2.joinTheBattle { background: transparent url('../images/h2_joinTheBattle.gif') no-repeat left top; }

h2.kleenexAntiViral { background: transparent url('../images/h2_kleenexAntiViral.gif') no-repeat left top; }

h2.legal { background: transparent url('../images/h2_legal.gif') no-repeat left top; }

h2.mediaKit { background: transparent url('../images/h2_mediaKit.gif') no-repeat left top; }

h2.pressReleases { background: transparent url('../images/h2_pressReleases.gif') no-repeat left top; }

h2.pressRoom { background: transparent url('../images/h2_pressRoom.gif') no-repeat left top; }

h2.privacy { background: transparent url('../images/h2_privacy.gif') no-repeat left top; }

h2.siteMap { background: transparent url('../images/h2_siteMap.gif') no-repeat left top; }

h2.thankYou { background: transparent url('../images/h2_thankYou.gif') no-repeat left top; }

h2.wallpaper { background: transparent url('../images/h2_wallpaper.gif') no-repeat left top; }

h2.webisodes { background: transparent url('../images/h2_webisodes.gif') no-repeat left top; }

h2.whyIsKilling { background: transparent url('../images/h2_whyIsKilling.gif') no-repeat left top; }

/* ===== layout ================================================== */

#container {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#container1 {
	background: transparent url('../images/container1.gif') no-repeat left 77px;
	height: 120px;
}

#container2 { background: transparent url('../images/container2.jpg') repeat-y 47px top; }

/* ===== header ================================================== */

#header {
	position: absolute;
	top: 23px;
	left: -17px;
}

#header,
#header h1,
#header h1 a {
	display: block;
	width: 161px;
	height: 120px;
}

#header h1 a { background: transparent url('../images/header_bg.gif') no-repeat left top; }

/* ===== nav ================================================== */

#nav { padding: 77px 0 0 144px; }

#nav ul li { float: left; }

#nav ul li a {
	display: block;
	background: transparent url('../images/nav_matrix.jpg') no-repeat left top;
	height: 33px;
	float: left;
}

#nav ul li a.nav1 {
	background-position: left top;
	width: 94px;
}

#nav ul li a.nav2 {
	background-position: -94px top;
	width: 97px;
}

#nav ul li a.nav3 {
	background-position: -191px top;
	width: 82px;
}

#nav ul li a.nav4 {
	background-position: -273px top;
	width: 59px;
}

#nav ul li a.nav5 {
	background-position: -332px top;
	width: 146px;
}

#nav ul li.on a.nav1,
#nav ul li a.nav1:hover { background-position: left bottom; }

#nav ul li.on a.nav2,
#nav ul li a.nav2:hover { background-position: -94px bottom; }

#nav ul li.on a.nav3,
#nav ul li a.nav3:hover { background-position: -191px bottom; }

#nav ul li.on a.nav4,
#nav ul li a.nav4:hover { background-position: -273px bottom; }

#nav ul li.on a.nav5,
#nav ul li a.nav5:hover { background-position: -332px bottom; }

/* ===== content ================================================== */

#content {
	width: 719px;
	margin-left: 47px;
	line-height: 1.6em;
}

.wrapper { padding: 45px 185px 0 50px; }

#content li { margin-bottom: .5em; }

#foot,
#foot_noswf {
	background: transparent url('../images/foot.jpg') no-repeat left bottom;
	height: 130px;
}

#foot { height: 209px; }

/* ===== footer ================================================== */

#utilities ul { height: 20px; }

#utilities ul li {
	display: inline;
	border-left: 1px solid #282563;
	padding: 0 .75em;
}

#utilities ul li.first {
	border: none;
	padding-left: 0;
}

#footer {
	background-color: #FFF;
	padding: 10px 144px 20px 57px;
	font-size: .83em;
	color: #282563;
	text-align: center;
}

#footer ul li {
	display: inline;
	border-left: 1px solid #282563;
	padding: 0 5px;
}

#footer ul li img,
#utilities ul li img { vertical-align: middle; }

#footer ul li.first { border: none; }

#footer ul li a { text-decoration: none; }

#footer ul li a:hover { }

#footer ul li a.arrow {
	background: transparent url('../images/arrow.gif') no-repeat left top;
	padding-left: 15px;
}

#footer p { color: #369; }

/* ===== index ================================================== */

#index .wrapper {
	background: transparent url('../images/index.jpg') no-repeat left bottom;
	padding: 0 160px 39px 25px;
}

#colA,
#colB,
#colC {
	width: 137px;
	text-align: center;
	float: left;
}

#colB {
	position: relative;
	top: -10px;
	left: -10px;
	width: 260px;
	height: 337px;
}

#colC { float: right; }

#colA,
#colC {
	padding: 110px 0 0 0;
	line-height: 1.6em;
	color: #369;
}

#colA h2,
#colA p {
	position: relative;
	left: 20px;
}

#colC h2,
#colC p {
	position: relative;
	left: -20px;
}

#colA p,
#colC p { margin: 0; }

#colD {
	padding: 0 4px 0 0px;
	text-align: center;
}

#index #footer { padding: 10px 294px 0 71px; }

#index #foot { display: none; }

#bug_games {
	position: absolute;
	top: 33px;
	left: 411px;
	display: block;
	background: transparent url('../images/bug_games.gif') no-repeat left top;
	width: 57px;
	height: 44px;
	z-index: 1;
	text-indent: -9999px;
}

/* ===== tour ================================================== */

#tour .colA {
	width: 160px;
	height: 255px;
	padding: 0;
}

#tour .colA img {
	position: relative;
	left: -40px;
}

#tour .colB { width: 324px; }

#tour .colB p { margin-top: 0; }

#tour #foot { display: none; }

#tour form ol li #label_photoid { background-color: #E0E8F3; }

#tour form ol li #photoid { width: 175px; }

#tour form ol li .submit { float: right; }

/* ===== form ================================================== */

form ol li label {
	display: inline-block;
	background-color: #FFF;
	width: 110px;
	margin-right: 5px;
	padding: .25em 1em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

form ol li li label {
	display: inline;
	width: auto;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

form ol li label#otherlabel {
	display: inline-block;
	width: 110px;
	margin-right: 5px;
	padding: .25em 2em .25em 0;
}

form ol li input { width: 170px; }

form ol li select { width: 176px; }

form ol li input.radio,
form ol li input.checkbox,
form ol li input.submit { width: auto; }

form ol li input#zip { width: 70px; }

/* ===== side ================================================== */

#side {
	position: absolute;
	top: 117px;
	left: 0;
	width: 97px;
	height: 143px;
	padding-bottom: 20px;
	z-index: 99;
}

/* ===== panel ================================================== */

a#btn_kleenex {
	position: absolute;
	top: 9px;
	right: 75px;
	display: block;
	background: transparent url('../images/btn_kleenex.gif') no-repeat center top;
	width: 132px;
	height: 30px;
	z-index: 99;
}

a#btn_kleenex:hover { background-position: center bottom; }

#panel {
	position: absolute;
	top: 39px;
	right: 0;
	background: transparent url('../images/panel.gif') no-repeat left top;
	width: 279px;
	height: 563px;
	/*height: 399px;*/
	padding-bottom: 20px;
	z-index: 100;
}

#panel .noscript {
	padding: 235px 20px 0;
	text-align: center;
}

/* ===== default ================================================== */

a.btn_learnMore {
	display: block;
	background: transparent url('../images/btn_learnMore.jpg') no-repeat left top;
	width: 443px;
	height: 45px;
}

#colD a.btn_learnMore {
	display: block;
	background: transparent url('../images/btn_learnMore.gif') no-repeat left top;
	margin: 0 auto;
	width: 336px;
	height: 16px;
}

a.btn_bugTour {
	display: block;
	background: transparent url('../images/btn_bugTour.jpg') no-repeat left top;
	width: 443px;
	height: 90px;
}

a.btn_catchTheBug {
	display: block;
	background: transparent url('../images/btn_catchTheBug.jpg') no-repeat left top;
	width: 481px;
	height: 100px;
}

a.btn_learnMore:hover,
#colD a.btn_learnMore:hover,
a.btn_bugTour:hover,
a.btn_catchTheBug:hover { background-position: left bottom; }

.colA {
	width: 112px;
	padding: 1em 12px 1em 0;
	text-align: center;
}

.colB { width: 360px; }

.colA,
.colB { float: left; }

.tiny,
label.error {
	font-size: .83em;
	line-height: 1.3em;
}

.hr {
	background: transparent url('../images/hr.gif') repeat-x left center;
	height: 2em;
}

/*ul.arrow {
	margin: 0 0 1em 0;
	padding: 0 0 0 1.5em;
	list-style: none;
}

ul.arrow li {
	background: transparent url('../images/arrow_dark.gif') no-repeat left 4px;
	padding-left: 20px;
}*/

.titled {
	border-bottom: 1px dashed #369;
	cursor: help;
}

.titled:hover {
	background-color: #FFF;
	cursor: help;
}

.right {
	margin: 0 0 1em 1em;
	float: right;
}

.left {
	margin: 0 1em 1em 0;
	float: left;
}

.clear { clear: both; }

.nowrap { white-space: nowrap; }

.reduced,
#header h1,
#nav ul,
#footer ul,
form,
fieldset,
form fieldset ol,
#utilities ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.hide,
.print,
#header h1 a span,
#nav ul li a span,
h2 span,
.hr hr,
#btn_kleenex span,
a.btn_learnMore span,
a.btn_bugTour span,
a.btn_catchTheBug span,
p.ftr_fact { display: none; }

.minheight_sitemap { height: 100px; }

.minheight_confirmation { height: 230px; }

.webthumb img {border: none; }