/* rh3- css temoplate 2008.09.01 */
@import url("typography.css"); 
@import url("forms.css"); 
/* edit typography for basic font and color stuff */

/* 
specifics:
	orange : ea8f01


*/
body {
	background: #000;
}

ul.navmenu, p.description {
	display: none;
}


/* start styling */

div.wrapper {
	position: relative;
}
div.wrapper h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 940px;
	z-index: 9999;
}
div.wrapper h1 a {
	display: block;
	width: 940px;
	height: 65px;
	cursor: pointer;
	text-indent: -9999px;
}

object { outline:none; }

#lightbox{
	display:none;
	position: absolute;
	top:129px;
	left:50%;
	z-index:9999;
	width:826px;
	height:460px;
	margin:0 0 0 -405px;
	text-align:left;
	overflow: hidden;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top: 118px;
	left: 0;
	width:100%;
	height:467px;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	width:826px;
	height:460px;
	display:block;
	background: url(../img/lb-bg.png) no-repeat 0 0;
	position: relative;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}


#lightbox.remove{
	display: none;
}

#header {
	width:806px;
	margin: 0;
	padding: 20px 10px 20px 10px;
	position: relative;
}
#header h1 {
	font-size: 26px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
}
#header h1 em{
	font-weight: normal;
	font-style: normal;
	color: #ffd601;
}
#header h2 {
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	padding: 0;
}

#close {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 10px;
	right: 10px;
}

#close a{
	display: block;
	width: 22px;
	height: 22px;
	background: url(../img/close.png) no-repeat 0 0;
	text-indent: -9999px;
}
#close a:hover{
	background: url(../img/close.png) no-repeat 0 -22px;
}

#display {
	width:806px;
	height: 300px;
	margin-left: 10px;
	background: url(../img/display-bg.png) no-repeat 0 0;
}

/* @group column stuff */

div.column {
	width: 248px;
	float: left;
	padding: 0 10px;
	margin: 10px 0;
}

div.medium {
	width: 536px;
}

div.column.medium {
	width: 516px;
}
div.holder.mediumStroke {
	width: 516px;
	padding: 0 0 5px 0;
	margin: 10px 10px 0 10px;
	border-bottom: 1px solid #ccc;
}
div.medium div.column {
	width: 238px;
	float: left;
	padding: 0 10px;
	margin: 10px 0 10px 0;
}
div.column.full {
	width: 786px;
	padding: 0 0 5px 0;
	margin: 10px 10px 0 10px;
	border-bottom: 1px solid #ccc;
}
div.column.half {
	width: 383px;
	overflow: hidden;
}
div.column.cta {
	width: 248px;
	border-left: 1px solid #ccc;
	margin: 20px 0;
}
div.column.ctac {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 20px 0;
}
div.column.ctal {
	border-right: 1px solid #ccc;
	margin: 20px 0;
}
div.column.top {
	margin-bottom: 0;
}
div.column.top p{
	font-weight: bold;
	margin-bottom: 0;
}

div.column h3 {
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	color: #1484eb;
	padding-bottom: 5px;
	letter-spacing:-1px;
}
div.column h4 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #1484eb;
}
div.column.cta h3, div.column.ctal h3 {
	color: #333;
	text-align: center;
	letter-spacing:-0.5px;
}

div.column p {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}
div.column.cta p, div.column.ctal p {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	text-align: center;
}

div.column dl {
	padding-bottom: 10px;
}
div.column dt, div.column dd {
	display: inline;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #333;
}
div.myth div.column dt, div.column dd {
	display: block;
	font-weight: normal;
}

div.column dl strong, div.column ul.disc li strong {
	color: #1484eb;
}

div.treat h1 {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
div.cold h1 {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

div.treat p {
	font-size: 12px;
}

div.light p {
	font-weight: normal;
}

div.treat p strong {
	color: #1484eb;
	font-size: 13px;
	font-style: italic;
}

div.treat dl {
	border: 1px solid #ccc;
	padding: 5px 5px 3px 5px;
	margin-bottom: 5px;
}

div.column ul.disc {
	list-style-image:url(../img/bullet.png);
	padding-left: 20px;
}
div.column ul li {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #333;
}


/* @end */
div.column.cta a.button, div.column.ctal a.button{
	display: block;
	width: 138px;
	height:28px;
	margin-left: auto;
	margin-right: auto;
	text-indent: -9999px;
}



div.column.iscTen {
	background:url(../img/cta-isc10.jpg) no-repeat center 0;
}
div.column.iscTen h3{
	padding-top: 140px;
}
div.column.iscTen a.button{
	background: url(../img/cta-but-iscTen.png) no-repeat 0 0;
}

div.column.coldfluCTA {
	background:url(../img/cta-coldflu.png) no-repeat center 0;
}
div.column.coldfluCTA h3{
	padding-top: 140px;
}
div.column.coldfluCTA a.button{
	background: url(../img/cta-but-coldflu.png) no-repeat 0 0;
}

div.column.organix {
	background:url(../img/cta-organix.png) no-repeat center 0;
}
div.column.organix h3{
	padding-top: 140px;
}
div.column.organix a.button{
	background: url(../img/cta-but-organix.png) no-repeat 0 0;
}

div.column.coldeeze {
	background:url(../img/cta-coldeeze.png) no-repeat center 0;
}
div.column.coldeeze h3{
	padding-top: 140px;
}
div.column.coldeeze a.button{
	width: 158px;
	background: url(../img/cta-but-coldeeze.png) no-repeat 0 0;
}





div.column.coldflu ul {
	width: 258px;
	float: left;
	list-style-type: none;
}
div.column.coldflu ul ul{
	float:none;
}
div.column.coldflu ul li{
	width: 258px;
	padding: 0 0 5px 0;
}
div.column.coldflu ul li h3 {
	padding: 4px;
	background-color: #1484eb;
	color: #fff;
}
div.column.coldflu ul li ul li{
	width: 244px;
	padding: 5px 10px 5px 4px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}


div.column ul.answers li {
	padding: 5px 0 20px 40px;
}
div.column ul.answers li#barbells {
	background:url(../img/icon-barbell.png) no-repeat 0 5px;
}
div.column ul.answers li#presents {
	background: url(../img/icon-present.png) no-repeat 0 center;
}
div.column ul.answers li#suitcases {
	background: url(../img/icon-suitcase.png) no-repeat 0 center;
}
div.column #people p {
	padding: 0 0 20px 40px;
	background: url(../img/icon-heads.png) no-repeat 0 0;
}
div.column #monitor p {
	padding: 0 0 20px 40px;
	background: url(../img/icon-monitor.png) no-repeat 0 0;
}
div.column ul.answers li a, div.column #monitor a, div.column #people a, div.column a.smlink {
	white-space: nowrap;
	text-decoration: underline;
	font-size: 10px;
}





div.column p a.coldeezeBox{
	display: block;
	padding: 10px 0 0 65px;
	background: url(../img/box-small.png) no-repeat 0 10px;
	color: #1484eb;
	height: 57px;
	border-top: 1px solid #ccc;
}

div.break {
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
}
p.arrowBreak {
	border-top: 1px solid #ccc;
	padding: 5px 30px 0 0;
	margin: 5px 0 0 0;
	background:url(../img/arrow-right.png) no-repeat right center;
}
p.arrowBreak2 {
	border-top: 1px solid #ccc;
	padding: 10px 30px 10px 0;
	text-align: right;
	margin: 5px 0 0 0;
	background:url(../img/arrow-right.png) no-repeat right center;
}
p.arrowBreak3 {
	padding: 0 0 10px 0;
	margin: 0;
	background:url(../img/arrow-right.png) no-repeat right bottom;
}
p.arrowBreakClean {
	padding: 5px 30px 10px 0;
	margin: 0;
	text-align: right;
	background:url(../img/arrow-right.png) no-repeat right bottom;
}
p.noBottom {
	margin-bottom: 0;
}








div#navigation {
	position: absolute;
	top: 380px;
	width:826px;
}

div#navigation ul {
	list-style-type: none;
	padding: 18px 10px 0 10px;
}

div#navigation ul li a {
	list-style-type: none;
	display: block;
	height: 29px;
	font-size: 12px;
	font-weight: bold;
	color: #ffd601;
	padding-top: 18px;
}
div#navigation ul li.left a {
	background: url(../img/nav-left.png) no-repeat 0 0;
	padding-left: 40px;
}
div#navigation ul li.right a {
	background:url(../img/nav-right.png) no-repeat right 0;
	padding-right: 40px;
	text-align: right;
}



form#ccform {
	padding: 10px 0 0 150px;
	background:url(../img/coldcast-map.png) no-repeat 0 center;
	height: 100px;
}
form#ccform div.tight {
	margin: 0;
	padding: 0;
}
form#ccform div.tight input.image {
	margin: 0 0 20px 10px;
	padding: 0;
	display: block;
	float: left;
}
form#ccform div.tight input.text{
	margin: 0 0 20px 0;
	height: 20px;
	width: 60px;
	display: block;
	float: left;
	border-color: #333;
	letter-spacing:2px;
	text-align: center;
	font-weight: bold;
}



div.column dl.ccSeverity {
	height: 40px;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 2px 0;
}
div.column dl.ccSeverity dt{
	width: 115px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	float: left;
	background: url(../img/coldcast-faces.png) no-repeat 0 0;
}
div.column dl.ccSeverity dt.vh{
	background: url(../img/coldcast-faces.png) no-repeat 0 0;
}
div.column dl.ccSeverity dt.hi{
	background: url(../img/coldcast-faces.png) no-repeat 0 -46px;
}
div.column dl.ccSeverity dt.mo{
	background: url(../img/coldcast-faces.png) no-repeat 0 -93px;
}
div.column dl.ccSeverity dt.lo{
	background: url(../img/coldcast-faces.png) no-repeat 0 -141px;
}
div.column dl.ccSeverity dt.no{
	background:url(../img/coldcast-faces.png) no-repeat 0 -186px;
}
div.column dl.ccSeverity dd{
	padding: 3px 0 0 0;
	width: 265px;
	height: 37px;
	display: block;
	float: left;
}


div.column div.break ul {
	width: 190px;
	float: left;
	list-style-type: none;
}
div.column div.break ul ul{
	float:none;
}
div.column div.break ul li{
	width: 190px;
	padding: 0 0 5px 0;
}
div.column div.break ul li ul li{
	width: 180px;
	padding: 5px 10px 5px 0;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
}




div.column p.footer {
	margin-top: 5px;
	font-size: 9px;
	font-weight: normal;
}

p.footnote, div.cta p.footnote, div.column p.footnote {
	margin-top: 10px;
	font-size: 9px;
	line-height: 10px;
	font-weight: normal;
	text-align: left;
}






#footer {
	clear: both;
}

#footer div.wrapper {
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	width: 750px;
	padding-top: 10px;
}

#footer #copyright {
	float: left;
	background: url(../img/footer-logo.png) no-repeat 0 0;
	padding: 10px 0 0 0;
}
#footer #copyright a {
	display: block;
	float: left;
	width: 81px;
	height: 30px;
	margin-right: 10px;
	margin-top: -10px;
	text-indent: -9999px;
}
#footer ul {
	float: right;
	padding: 10px 0 0 50px;
	background:url(../img/footer-leaf.png) no-repeat 0 8px;
}

#footer ul a {
	float: left;
	white-space:nowrap;
}
#footer ul a:link, #footer ul a:visited {
	color: #ccc;

}

#footer ul li {
	float: left;
	padding:  0 5px 0 5px;
	border-left: 1px solid #999;
}

#footer ul li.first {
	float: left;
	padding:  0 5px 0 0;
	border-left: none;
}

span.tm {
	white-space: nowrap;
}


div#header div#sectionNav ul {
	position: absolute;
	top: 7px;
	right: 40px;
}
div#header div#sectionNav ul li{
	width: 69px;
	height: 65px;
	float: right;
	padding-left: 2px;
}
div#header div#sectionNav ul li a{
	display: block;
	width: 69px;
	height: 65px;
	float: right;
	background-color: #333;
	text-indent: -9999px;
}


div#header div#sectionNav ul li#treatIcon a{
	background:url(../img/sectionNav.png) no-repeat -69px 0;
}
div#header div#sectionNav ul li#treatIcon a:hover{
	background: url(../img/sectionNav.png) no-repeat -69px -130px;
}
div#header div#sectionNav ul li#treatIcon a.active{
	background: url(../img/sectionNav.png) no-repeat -69px -65px;
}



div#header div#sectionNav ul li#trIcon a{
	background:url(../img/sectionNav.png) no-repeat right 0;
}
div#header div#sectionNav ul li#trIcon a:hover{
	background: url(../img/sectionNav.png) no-repeat right -130px;
}
div#header div#sectionNav ul li#trIcon a.active{
	background: url(../img/sectionNav.png) no-repeat right -65px;
}

div#header div#sectionNav ul li#hoIcon a{
	background: url(../img/sectionNav.png) no-repeat -414px 0;
}
div#header div#sectionNav ul li#hoIcon a:hover{
	background: url(../img/sectionNav.png) no-repeat -414px -130px;
}
div#header div#sectionNav ul li#hoIcon a.active{
	background: url(../img/sectionNav.png) no-repeat -414px -65px;
}

div#header div#sectionNav ul li#exIcon a{
	background: url(../img/sectionNav.png) no-repeat -345px 0;
}
div#header div#sectionNav ul li#exIcon a:hover{
	background: url(../img/sectionNav.png) no-repeat -345px -130px;
}
div#header div#sectionNav ul li#exIcon a.active{
	background: url(../img/sectionNav.png) no-repeat -345px -65px;
}

div#header div#sectionNav ul li#woIcon a{
	background: url(../img/sectionNav.png) no-repeat -276px 0;
}
div#header div#sectionNav ul li#woIcon a:hover{
	background: url(../img/sectionNav.png) no-repeat -276px -130px;
}
div#header div#sectionNav ul li#woIcon a.active{
	background: url(../img/sectionNav.png) no-repeat -276px -65px;
}

div#header div#sectionNav ul li#faIcon a{
	background: url(../img/sectionNav.png) no-repeat -207px 0;
}
div#header div#sectionNav ul li#faIcon a:hover{
	background: url(../img/sectionNav.png) no-repeat -207px -130px;
}
div#header div#sectionNav ul li#faIcon a.active{
	background: url(../img/sectionNav.png) no-repeat -207px -65px;
}

div#header div#sectionNav ul li#quIcon a{
	background: url(../img/sectionNav.png) no-repeat -138px 0;
}
div#header div#sectionNav ul li#quIcon a:hover{
	background: url(../img/sectionNav.png) no-repeat -138px -130px;
}
div#header div#sectionNav ul li#quIcon a.active{
	background: url(../img/sectionNav.png) no-repeat -138px -65px;
}

div#header div#sectionNav ul li#maIcon a{
	background:url(../img/sectionNav.png) no-repeat -69px 0;
}
div#header div#sectionNav ul li#maIcon a:hover{
	background:url(../img/sectionNav.png) no-repeat -69px -130px;
}
div#header div#sectionNav ul li#maIcon a.active{
	background:url(../img/sectionNav.png) no-repeat -69px -65px;
}


div.hoverpop{
	width: 248px;
	height: 245px;
	padding-top: 30px;
}
div.hoverpop#families_list{
	background:url(../img/cta-families.png) no-repeat 0 0;
}
div.hoverpop#travel_list{
	background:url(../img/cta-travel.png) no-repeat 0 0;
}
div.hoverpop#work_list{
	background:url(../img/cta-at_work.png) no-repeat 0 0;
}
div.hoverpop dd {
	background: transparent url(../img/hoverpop.png) no-repeat 0 0;
	width: 190px;
	padding: 5px 20px 5px 10px;
	position: absolute;
	top: -8px;
	right: 230px;
}
div.hoverpop dd strong{
	display: block;
	color: #333;
}
div.hoverpop dd h3{
	color: #000;
	font-size: 14px;
	line-height: 15px;
	padding-bottom: 6px;
}
div.hoverpop h3{
	display: none;
}
div.hoverpop dd p{
	font-size: 12px;
	line-height: 15px;
	color: #fff;
}

div.hoverpop dl{
	position: relative;
	padding: 0;
}

div.hoverpop dl dt{
	cursor: pointer;
}

div.hoverpop dt{
	width: 248px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

div.hoverpop dt.oneline{
	height: 19px;
}




#coldcasted {
	padding: 0 20px 0 140px;
	height: 110px;
}
#coldcasted h2 {
	font-size: 20px;
	color: #1484eb;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

#coldcasted.veryhigh {
	background:url(../img/coldcast/status-veryhigh.png) no-repeat 0 0;
}

#coldcasted.high {
	background:url(../img/coldcast/status-high.png) no-repeat 0 0;
}

#coldcasted.moderate {
	background:url(../img/coldcast/status-moderate.png) no-repeat 0 0;
}

#coldcasted.low {
	background:url(../img/coldcast/status-low.png) no-repeat 0 0;
}

#coldcasted.normal {
	background:url(../img/coldcast/status-normal.png) no-repeat 0 0;
}

#symptoms {
	width: 516px;
}
#symptoms div.symptom {
	width: 125px;
	float: left;
	text-align: center;
}
#symptoms div.symptom h4{
	padding-top: 60px;
	text-align: center;
}
#symptoms #body_aches, #symptoms #chest_congestion {
	background:url(../img/coldcast/a-chest.png) no-repeat center top;
}
#symptoms #sore_throat {
	background:url(../img/coldcast/a-throat.png) no-repeat center top;
}
#symptoms #coughing {
	background:url(../img/coldcast/a-cough.png) no-repeat center top;
}
#symptoms #nasal_congestion, #symptoms #runny_nose {
	background:url(../img/coldcast/a-congestion.png) no-repeat center top;
}