* {
	margin:0;
	padding:0;
}

.left { float: left; }
.right { float: right; }
.no_margin { margin: 0; }
#body .red { color: #F00; }

body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 100%;
	background: #FFF;
}

a {
	color: #1b478c;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

textarea, input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#333;
	padding:2px;
}


.clear {
	clear:both;
}

.hold {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

.third {
	width:10%;
}

#header {
    width: 960px;
    margin: 10px 0;
    overflow: hidden;
}

#hhaw_logo {
    float: left;
    width: 552px;
    height: 31px;
    margin: 23px 0 0 20px;
    overflow: hidden;
}

#hhaw_logo a {
    width: 552px;
    height: 0;
    padding-top: 31px;
    display: block;
    overflow: hidden;
    background: #FFF url(/images/logo_hand_hygiene.gif) no-repeat;
}

#wetones_logo {
    float: right;
    width: 215px;
    height: 68px;
    margin: 0 20px 0 0;
    overflow: hidden;
}

#wetones_logo a {
    width: 215px;
    height: 0;
    padding-top: 68px;
    display: block;
    overflow: hidden;
    background: #FFF url(/images/logo_wetones.gif) no-repeat;
}

#navigation {
    width: 960px;
    margin: 0 0 10px 0;
    overflow: hidden;
}

#navigation ul { list-style-type: none; }
#navigation ul li { display: inline; float: left; }

#navigation a {
    float: left;
    height: 0;
    padding-top: 40px;
    overflow: hidden;
    background-image: url(/images/bg_navigation.jpg);
    background-repeat: no-repeat;
    width: 100%;
}

#navigation li#what { width: 140px; }
#navigation li#what a { background-position: 0 0; }
#navigation li#what a:hover,
#navigation li#what a:hover.selected { background-position: 0 -40px; }
#navigation li#what a.selected { background-position:  0 -80px; }

#navigation li#when { width: 120px; }
#navigation li#when a { background-position: -140px 0; }
#navigation li#when a:hover,
#navigation li#when a:hover.selected { background-position: -140px -40px; }
#navigation li#when a.selected { background-position:  -140px -80px; }

#navigation li#where { width: 120px; }
#navigation li#where a { background-position: -260px 0; }
#navigation li#where a:hover,
#navigation li#where a:hover.selected { background-position: -260px -40px; }
#navigation li#where a.selected { background-position:  -260px -80px; }

#navigation li#who { width: 120px; }
#navigation li#who a { background-position: -380px 0; }
#navigation li#who a:hover,
#navigation li#who a:hover.selected { background-position: -380px -40px; }
#navigation li#who a.selected { background-position:  -380px -80px; }

#navigation li#how { width: 120px; }
#navigation li#how a { background-position: -500px 0; }
#navigation li#how a:hover,
#navigation li#how a:hover.selected { background-position: -500px -40px; }
#navigation li#how a.selected { background-position:  -500px -80px; }

#navigation li#email { width: 340px; }
#navigation li#email a { background-position: -620px 0; }
#navigation li#email a:hover,
#navigation li#email a:hover.selected { background-position: -620px -40px; }
#navigation li#email a.selected { background-position:  -620px -80px; }


#content_top {
    width: 960px;
    height: 9px;
    background: #FFF url(/images/content_top.gif) no-repeat;
    display: block;
    overflow: hidden;
}

#content {
    width: 960px;
    background: #FFF url(/images/bg_content.jpg) repeat-x scroll top;
    overflow: hidden;
}

#text {
    float: left;
    width: 440px;
    padding: 70px 0 0 30px;
    overflow: hidden;
}

#text h1 {
    width: 440px;
    height: 0;
    padding-top: 135px;
    display: block;
    overflow: hidden;
    background: transparent url(/images/germs_love_to_become_part_of_the_family.gif) no-repeat;
    margin:0;
}

#text p {
    width: 420px;
    font-size: 16px;
    color: #1b478c;
    line-height: 22px;
    margin: 15px 0 0;
    font-weight:normal;
}

#images {
    padding: 0 10px 0 0;
}

#widgets {
    float: left;
    width: 940px;
    padding: 10px;
    overflow: hidden;
}

#widgets .widget { position: relative; }

#widgets .widget a {
    width: 220px;
    height: 0;
    padding-top: 260px;
    display: block;
    overflow: hidden;
}

#widgets .widget.two { left: 20px; }
#widgets .widget.three_0,
#widgets .widget.three_1,
#widgets .widget.three_2 { left: 40px; }
#widgets .widget.four { left: 60px; }

#widgets .widget.one a { background: transparent url(/images/bg_widget_one.jpg) no-repeat; }
#widgets .widget.two a { background: transparent url(/images/bg_widget_two.jpg) no-repeat; }
#widgets .widget.three_0 a { background: transparent url(/images/bg_widget_three_0.jpg) no-repeat; }
#widgets .widget.three_1 a { background: transparent url(/images/bg_widget_three_1.jpg) no-repeat; }
#widgets .widget.three_2 a { background: transparent url(/images/bg_widget_three_2.jpg) no-repeat; }
#widgets .widget.four a { background: transparent url(/images/bg_widget_four.jpg) no-repeat; }


/** Internal **/
#internal_content_top {
    width: 960px;
    height: 11px;
    display: block;
    overflow: hidden;
    background: #FFF url(/images/internal_content_top.gif) no-repeat;
}

#internal_content {
    width: 950px;
    overflow: hidden;
    padding: 0 10px;
    background: #c0e76d url(/images/bg_internal_content.jpg) repeat-x scroll bottom;
}

#body {
    float: left;
    width: 710px;
    background: #FFF;
}

#body .header {
    width: 710px;
    height: 0;
    padding-top: 260px;
    overflow: hidden;
    display: block;
    margin-bottom:16px;
}

#body .header.what { background: transparent url(/images/header_what.jpg) no-repeat; }
#body .header.why { background: transparent url(/images/header_why.jpg) no-repeat; }
#body .header.where { background: transparent url(/images/header_where.jpg) no-repeat; }
#body .header.who { background: transparent url(/images/header_who.jpg) no-repeat; }
#body .header.how { background: transparent url(/images/header_how.jpg) no-repeat; }
#body .header.competition { background: transparent url(/images/header_competition.jpg) no-repeat; }
#body .header.report { background: transparent url(/images/header_report.jpg) no-repeat; }
#body .header.retailers { background: transparent url(/images/header_retailers.jpg) no-repeat; }

#body h3 {
    font-size: 14px;
    padding: 7px 70px 7px 20px;
    line-height: 20px;
    color: #333;
    font-weight:bold;
}

#body p {
    font-size: 14px;
    padding: 7px 70px 7px 20px;
    line-height: 20px;
    color: #333;
}

#body h4 {
    font-size: 100%;
    padding: 20px 20px 10px;
    line-height: 22px;
    color: #1b478c;
}

#body ul { 
	list-style-type: none;
    padding: 0px 20px 0px 20px;
}

#body ol { list-style-type: none; }

#body li {
    margin: 0 0 0 20px;
    padding: 7px 70px 7px 20px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    line-height: 20px;
    background: #FFF url(/images/arrow_closed.gif) no-repeat scroll 0 9px;
}

#body li.on { background: #FFF url(/images/arrow_open.gif) no-repeat scroll 0 9px; }
#body li a { color: #1b478c; }
#body li span { overflow: hidden; }
#body .no_padding_bottom { padding-bottom: 4px; padding-top: 5px; }

#body_footer {
    width: 700px;
    height: 11px;
    overflow: hidden;
    display: block;
    background: transparent url(/images/body_footer.gif) no-repeat;
}


#right_side {
    float: right;
    width: 220px;
    padding: 0 10px 0 0;
    overflow: hidden;
}

#right_side .top_widget a {
    width: 220px;
    height: 0;
    margin-bottom: 10px;
    padding-top: 300px;
    display: block;
    overflow: hidden;
}

#right_side .top_widget.what a { background: transparent url(/images/top_widget_what.jpg) no-repeat; }
#right_side .top_widget.why a { background: transparent url(/images/top_widget_why.jpg) no-repeat; }
#right_side .top_widget.where a { background: transparent url(/images/top_widget_where.jpg) no-repeat; }
#right_side .top_widget.who a { background: transparent url(/images/top_widget_who.jpg) no-repeat; }
#right_side .top_widget.how a { background: transparent url(/images/top_widget_how.jpg) no-repeat; }
#right_side .top_widget.competition a { background: transparent url(/images/top_widget_competition.jpg) no-repeat; }
#right_side .top_widget.report a { background: transparent url(/images/top_widget_report.jpg) no-repeat; }
#right_side .top_widget.retailers a { background: transparent url(/images/top_widget_retailers.jpg) no-repeat; }


#right_side .top_tip {
    width: 220px;
    height: 0;
    margin-bottom: 10px;
    padding-top: 241px;
    display: block;
    overflow: hidden;
}

#right_side .top_tip.what_a { background: transparent url(/images/top_tip_what.jpg) no-repeat; }
#right_side .top_tip.why_a { background: transparent url(/images/top_tip_why.jpg) no-repeat; }
#right_side .top_tip.where_a { background: transparent url(/images/top_tip_where.jpg) no-repeat; }
#right_side .top_tip.who_a { background: transparent url(/images/top_tip_who.jpg) no-repeat; }
#right_side .top_tip.how_a { background: transparent url(/images/top_tip_how.jpg) no-repeat; }
#right_side .top_tip.competition_a { background: transparent url(/images/top_tip_competition.jpg) no-repeat; }
#right_side .top_tip.report_a { background: transparent url(/images/top_tip_report.jpg) no-repeat; }
#right_side .top_tip.retailers_a { background: transparent url(/images/top_tip_retailers.jpg) no-repeat; }

#footer {
    float: left;
    width: 920px;
    padding: 20px;
    clear: both;
}

#footer p {
    font-size: 75%;
    color: #666;
    line-height: 16px;
}

#footer a:link,
#footer a:visited { color: #666; }

#footer a:hover { text-decoration: none; }


/** Errors **/
#body .errorExplanation {
    width: 500px;
    margin: 0 auto;
    padding: 15px;
    border: 1px dashed #999;
}

#body .errorExplanation h2 {
    font-size: 16px;
}

#body .errorExplanation li {
    margin-left: 0;
    padding-bottom: 0;
}

#body .errorExplanation p {
    padding: 10px 0;
}

.competition_panel {
	background-color:#CCC;
	margin:7px 20px;
	padding:7px 0;
	height:416px;
	width:670px;
	background-image:url(/images/form_bg.jpg);
}

.form_left {
	width:45%;
	float:left;
	display:inline;
}

.form_right {
	width:45%;
	float:left;
	display:inline;
}