@import url("digital/stylesheet.css");

@font-face {
    font-family: 'AllerRegular';
    src: url('aller_rg.eot');
    src: url('aller_rg.eot?#iefix') format('embedded-opentype'),
         url('aller_rg.woff') format('woff'),
         url('aller_rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'allerbold';
    src: url('aller_bd-webfont.eot');
    src: url('aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_bd-webfont.woff') format('woff'),
         url('aller_bd-webfont.ttf') format('truetype'),
         url('aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2012 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */

@font-face {
    font-family: 'MuseoSlab500Regular';
    src: url('Museo_Slab_500-webfont.eot');
    src: url('Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('Museo_Slab_500-webfont.woff') format('woff'),
         url('Museo_Slab_500-webfont.ttf') format('truetype'),
         url('Museo_Slab_500-webfont.svg#MuseoSlab500Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; line-height: 1.36; }
body, button, input, select, textarea, a { font-family: 'AllerRegular', arial, sans-serif; color: #434343; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }

/* ============================================================================= */

input[type="text"]:focus {
	border: solid 3px #6db3ee;
	padding: 3px;
	margin-top: -3px;
	margin-left: -3px;
}

html, body {

	background-attachment: fixed;
    background-clip: border-box;
    background-color: #407895;
    /* background-image: url("../img/water-bg.jpg"); */
    background-image: url("../img/storm-bg.jpg");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 100%;
	min-width: 940px;
	font-family: 'AllerRegular', arial, sans-serif;
	position: relative;
	width: 100%;
}

#container {
	position: relative;
	height: 100%;
	width: 100%;
}

/* header */
header {
	height: 134px;
	background: #004785 url("../img/header.png");
	border-bottom: 17px solid #f58220;
	text-align: left;
}

header h2 {
	overflow: hidden;
	display: block;
	text-indent: -500px;
	background: url('../img/logo-trans.png');
	width: 221px;
	height: 78px;
	position: relative;
	top: 30px;
	left: 50%;
    margin: 0 0 0 -471px;
}

header h2 a, header h6 a { display: block; height: 100%; }

header h6 {
	overflow: hidden;
	display: block;
	text-indent: -500px;
	background: url('../img/header-nrma.png') no-repeat;
	position: relative;
	left: 50%;
    height: 82px;
    margin: 0 0 0 -205px;
    top: -48px;
    width: 196px;
}




header h3 {
	overflow: hidden;
	display: block;
	text-indent: -500px;
	background: url('../img/floodsafe-heading.png') no-repeat;
	width: 192px;
	height: 35px;
	position: relative;
	top: -26px;
	left: 50%;
    margin: 0 0 0 139px;
}

#wrap {
	min-height: 100%;
	background: url("../img/main-trans-bg.png") repeat-y center 151px;
	overflow: hidden;
	position: relative;
	text-align: center;
}


#content, #footer-content {
	width: 940px;
	padding-bottom: 190px; /* 120px; */
	margin: 0 auto;
	position: relative;
	text-align: left;
}



/* footer */
footer {
	background: #efefef;
	clear: both;
	position: relative;
	margin-top: -190px;
	height: 194px;
	padding: 4px 20px 0;
	color: #7fa0bd;
	text-align: center;
}

#footer-content {
	padding: 0;
	background: url("../img/footer-logos.png") no-repeat scroll 464px 30px transparent;
}

footer p {
	float: left;
	color: #00437d;
	border-top: 5px solid #00437d;
	width: 220px;
	margin: 15px 0 0 112px;
	text-transform: uppercase;
	font-size: 13px;
	padding: 10px 0 20px 10px;
}

footer p strong {
	display: block;
	font-size: 34px;
	font-family: tahoma;
}

footer p small {
	display: inline-block;
	font-size: 75%;
}

.ie7 footer p small {
	display: inline;
}

footer ul {
	clear: both;
	border-top: 1px solid #00437d;
	margin: 25px 0 20px 10px;
	padding: 12px 0 0;
}

footer li {
	display: inline;
	list-style: none;
	padding-left: 15px;
	margin: 0;
	line-height: 35px;
}

footer li:before {
	content: "|";
	margin-right: 15px;
}

footer li.wisdom:before,
footer li:first-child:before {
	content: "";
	margin: 0;
}

footer li a {
	color: #00437d !important;
	text-decoration: none;
	font-size: 12px;
}

footer li a:hover {
	text-decoration: underline;
}

footer li.wisdom {
	color: #00437d !important;
	font-size: 12px;
	float: right;
	margin-right: 15px;
	line-height: 30px;
	padding-top: 2px;
}

.ie7 footer li.wisdom {
	margin-top: -35px;
}

footer li.wisdom a {
	display: inline-block;
	color: #ccd8e3;
	width: 32px;
	height: 33px;
	background: url('../img/wisdom.png') no-repeat right;
	text-decoration: none;
	font-weight: bold;
	padding-left: 3px;
}

.ie7 footer li.wisdom a {
	display: inline;
}

footer li.wisdom a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -khtml-opacity: 0.85;
    -moz-opacity: 0.85;
	opacity: 0.85;
}

#footer-content #footer-nsw-gov {
	display: block;
	position: absolute;
	top: 24px;
	left: 13px;
	width: 66px;
	height: 100px;
	background: url("../img/nsw-floodsafe-logos.png") no-repeat 0px 0px;
}

#footer-content #footer-app-store {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 135px;
	width: 107px;
	height: 37px;
	background: url("../img/footer-app-buttons.png") no-repeat 0px 0px;
}

#footer-content #footer-google-play {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 16px;
	width: 107px;
	height: 37px;
	background: url("../img/footer-app-buttons.png") no-repeat 100% 0px;
}

#wisdom-footer {
	text-align: center;
	background: #004785;
	height: 40px;
	margin-top: -14px;
	color: #ffffff;

	color: #ffffff !important;
	font-size: 12px;
	line-height: 30px;
	padding-top: 22px;

}

#wisdom-footer a {
	display: inline-block;
	color: #dddddd;
	width: 32px;
	height: 33px;
	background: url('../img/wisdom.png') no-repeat right;
	text-decoration: none;
	font-weight: bold;
	padding-left: 3px;
}

.ie7 #wisdom-footer a {
	display: inline;
}

#wisdom-footer a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -khtml-opacity: 0.85;
    -moz-opacity: 0.85;
	opacity: 0.85;
}

#footer-content a.floodsafe-link {
	width: 141px;
	height: 69px;
	text-indent: -9999px;
	position: absolute;
	top: 30px;
	right: 340px;
	display: block;
}

#footer-content a.stormsafe-link {
	width: 141px;
	height: 69px;
	text-indent: -9999px;
	position: absolute;
	top: 30px;
	right: 175px;
	display: block;
}

/* main template */

#main {
	position: relative;
	width: 854px;
	margin: 18px;
	background: #f3f6fa url(../img/main-bg-shadow.png) center bottom repeat-x;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	min-height: 218px;
	padding: 10px 25px 30px 25px;
}

#main-heading {
	position: absolute;
	top: -37px;
	left: 153px;
	background: transparent url(../img/main-heading.png) 0 0 no-repeat;
	width: 633px;
	height: 116px;
	z-index: 9999;
}

#main #image-area {
	background: transparent url(../img/silhouettes/hills-with-office.jpg) 0 bottom no-repeat;
	position: relative;
	width: 819px;
	margin: 65px 15px 20px;
	z-index: 100;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;

	min-height: 218px;
	height: 334px;

	-moz-box-shadow: inset 0 0 10px #666666;
	-webkit-box-shadow: inset 0 0 10px #666666;
	box-shadow: inset 0 0 10px #666666;


}




/* steps */

#main #image-area .steps {
	padding: 0px;
	z-index: 999999;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;

}

#main #image-area .steps li {
	display: inline-block;






}

.ie7 #main #image-area .steps li {
	display: inline;
}



#main #image-area .steps li a {
	display: block;
	background: transparent url(../img/step-bg.gif) 0 0 repeat-x;
	width: 57px;
	height: 30px;
	cursor: default;
	border-left: solid 1px #b9c2d3;
	font-family: 'AllerRegular', arial, sans-serif;
	color: #8293a3;
	text-decoration: none;
	text-align: center;
	padding-top: 13px;

	font-size: 12px;
	width: 62px;
}

#main #image-area .steps li .step-1 {
	-moz-border-radius: 20px 0 0 0;
	-webkit-border-radius: 20px 0 0 0;
	border-radius: 20px 0 0 0;
	width: 62px;
}




#main #image-area .steps li .step-13 {
	-moz-border-radius: 0 20px 0 0;
	-webkit-border-radius: 0 20px 0 0;
	border-radius: 0px 20px 0 0;
	width: 62px;
	border-right: solid 1px #b9c2d3;
}

#main #image-area .steps .active a {
	background: transparent url(../img/step-bg-over.png) -2px 0px repeat-x;
	height: 38px;
	border: none;
	color: #ffffff;
}

#main #image-area .steps .active .step-13 { width: 63px; }

/* nav arrow button */
#main #image-area .nav-button {
	width: 65px;
	height: 89px;
	display: block;
	position: absolute;
	top: 136px;
	z-index: 9999;
	text-indent: -99999px;
	background: transparent url(../img/nav-buttons.png) 0 0 no-repeat;
}

#main #image-area #back-button {
	left: 10px;
	background-position: 0px 0px;
}

#main #image-area #back-button:hover {
	background-position: 0px -92px;
}

#main #image-area #next-button {
	right: 10px;
	background-position: -70px 0px;
}

#main #image-area #next-button:hover {
	background-position: -70px -92px;
}

#main #image-area .start-button {
	width: 65px;
	height: 89px;
	display: block;
	position: absolute;
	top: 263px;
	left: 326px;
	z-index: 9999;
	text-indent: -99999px;
	background: transparent url(../img/start-buttons.png) 0 0 no-repeat;
}

#main #image-area #start-button:hover {
	background-position: 0 -89px;
}

/* info boxes */

#main .add-contact-info-box,
#main .info-box {
	background: #f0f0f0 url(../img/info-box-bg.png) 0 bottom repeat-x;
	width: 473px;
	height: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	margin-left: 15px;
	border: solid 1px #989898;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 10;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;

	opacity: 0;

}

#main .info-box .description ul { margin: 4px 0; padding-left: 20px; }
#main .info-box .description ul li { padding-bottom: 4px; }

.ie7 #main .info-box { display: inline; }

#main .info-box h2 {
	font-size: 20px;
	color: #242424;
	font-weight: normal;
	margin: 4px 0px;
	width: auto;
}

#main .info-box p {
	margin: 4px 0px;
}




#step-5 .more-info-button,
#step-3 .more-info-button,
#select-box .select div .more-info-button,
.blue-area .more-info-button, #contacts .more-info-button, #contacts .add-contact-more-info-button {
	position: absolute;
	top: 6px;
	right: 6px;
	background: transparent url(../img/more-info-button.png) 0 0 no-repeat;
	width: 26px;
	height: 30px;
	padding: 0px;
	cursor: pointer;
}




#step-5 .more-info-button:hover,
#step-3 .more-info-button:hover,
#select-box .select div .more-info-button:hover,
.blue-area .more-info-button:hover, #contacts .more-info-button:hover {
	background-position: left bottom;
}

#step-5 .more-info-button span,
#step-3 .more-info-button span,
#select-box .select div .more-info-button span,
.blue-area .more-info-button span,
#contacts .more-info-button span {
	display: none;
}

#step-3 .more-info-button { display: none; }


/* select boxes */
#select-box {
	width: 435px;
	height: auto;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left: 17px;
}

.ie7 #select-box {
	display: inline;
}

#select-box h2 {
	font-weight: normal;
	font-size: 22px;

	font-family: 'MuseoSlab500Regular',arial,sans-serif;

}

#select-box .select-top {
	background: transparent url(../img/select-bg-top.png) 0 0 no-repeat;
	position: absolute;
	top: -21px;
	left: 0px;
	height: 22px;
	width: 420px;
}

#select-box .select-bottom {
	background: transparent url(../img/select-bg-bottom.png) 0 0 no-repeat;
	position: absolute;
	bottom: -9px;
	left: 0px;
	height: 11px;
	width: 420px;
}

.ie7 #select-box .select-bottom {
	position: relative;
	display: block;
	margin-left: -9px;
	margin-top: -11px;
}

#select-box .select {
	background: transparent url(../img/select-bg.png) 0 0 repeat-y;
	width: 426px;
	height: auto;
	position: relative;
	padding: 0px 9px;
	margin-top: 34px;
}

#select-box .select .multi-option,
#select-box .select .option,
#select-box .select .parent-option {
	background: transparent url(../img/select-option-bg.png) 0 0 repeat-x;
	width: 383px;
	height: 20px;
	position: relative;
	font-size: 18px;
	padding: 10px;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	padding-top: 14px;
}



#select-box .select .multi-option:hover,
#select-box .select .parent-option:hover {
	border: solid 3px #6db3ee;
	height: 17px !important;
	width: 347px;
	padding: 11px 10px 10px 40px;
}

#select-box .select .multi-option:hover .tick,
#select-box .select .parent-option:hover .tick {
	top: 7px;
	left: 7px;
}

#select-box .select .option:hover {
	border: solid 3px #6db3ee;
	height: 17px;
	width: 380px;
	padding: 11px 10px 10px 7px;
}

#select-box .select .multi-option:hover .more-info-button,
#select-box .select .option:hover .more-info-button,
#select-box .select .parent-option:hover .more-info-button {
	right: 3px;
	top: 3px;
}

#select-box .select .active {
	background: transparent url(../img/select-option-bg-active.png) 0 0 repeat-x;
	color: #ffffff;
}


#select-box .select .multi-option,
#select-box .select .parent-option {
	padding-left: 43px;
	width: 350px;
	background: transparent url(../img/select-option-bg.png) 0 0 repeat-x !important;
	color: #434343;
	padding-top: 14px;
}

#select-box .select .multi-option .tick,
#select-box .select .parent-option .tick {
	background: transparent url(../img/tick.png) 0 0 no-repeat;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 24px;
	height: 24px;
	padding: 0px;
}

#select-box .select .multi-option.active .tick,
#select-box .select .parent-option.active .tick {
	background: transparent url(../img/tick.png) 0 -24px no-repeat;
	height: 26px;
}


/* sub options */

#select-box .select .child-option {
	display: none;
	background: #c5d3e2 !important;
	border-top: solid 1px #a5b0bc;
	font-style: italic;
	font-weight: normal;
}

#select-box .select .child-option:hover { padding-top: 12px !important; }

#select-box .select .child-option:hover .more-info-button { top: 4px !important; }

#select-box .select .child-option:hover .tick { top: 8px !important; }

.ie7 #main #image-area { margin-top: 95px; }

/* main image area backgrounds */
#step-1 #main #image-area {
	background: transparent url(../img/step-1-image.jpg) right bottom no-repeat;
	min-height: 407px;
}

#step-6 #main #image-area,
#step-8 #main #image-area,
#step-10 #main #image-area,
#step-1b #main #image-area,
#step-2b #main #image-area,
#step-4b #main #image-area,
#step-7 #main #image-area,
#step-9 #main #image-area,
#step-3 #main #image-area,
#step-5b #main #image-area,
#step-11 #main #image-area,
#step-12 #main #image-area { background: #ffffff; }


#step-5 #main #image-area {
	background: #ffffff; height: auto; padding-bottom: 40px;
}

#step-13 #main #image-area {
	background: #ffffff url(../img/step-13-image.jpg) right 38px no-repeat;
	height: auto; padding-bottom: 20px;
}


/* blue areas */
#main #image-area .blue-area {
	position: absolute;
	top: 40px;
	left: 0px;
	background: #004785;
	width: auto; /* 297px; */
	min-height: 138px;
	-moz-border-radius: 0 0 20px 0;
	-webkit-border-radius: 0 0 20px 20px 0;
	border-radius: 0 0 20px 0;
	z-index: 1;
	padding: 20px 60px;

}

#step-1 #image-area .blue-area {
	min-height: 327px;
	width: 380px;
	padding: 20px 20px 20px 25px;
}

#step-1b #image-area .blue-area,
#step-2b #image-area .blue-area,
#step-4b #image-area .blue-area,
#step-7 #image-area .blue-area,
#step-9 #image-area .blue-area,
#step-3 #image-area .blue-area,
#step-5 #image-area .blue-area,
#step-5b #image-area .blue-area,
#step-6 #image-area .blue-area,
#step-8 #image-area .blue-area,
#step-10 #image-area .blue-area,
#step-11 #image-area .blue-area,
#step-12 #image-area .blue-area {
	width: 398px; min-height: 121px; padding-left: 100px; padding-top: 20px;
}

#step-1b #image-area .blue-area,
#step-2b #image-area .blue-area,
#step-4b #image-area .blue-area,
#step-7 #image-area .blue-area,
#step-9 #image-area .blue-area,
#step-5b #image-area .blue-area,
#step-11 #image-area .blue-area,
#step-12 #image-area .blue-area {
	border-radius: 0; padding-right: 282px;
	background-image: url(../img/hazard.png);
	background-position: 549px 50px;
	background-repeat: no-repeat;
	position: relative; width: 436px;
}

#step-1b #image-area .blue-area,
#step-2b #image-area .blue-area,
#step-4b #image-area .blue-area,
#step-7 #image-area .blue-area,
#step-9 #image-area .blue-area { background-image: none; width: 619px; padding-right: 100px;  }

#step-11 #image-area .blue-area { background-image: url(../img/recovery.png); background-position: 541px 20px; min-height: 246px; }
#step-12 #image-area .blue-area {
	background-image: url(../img/process.png); background-position: 572px 31px; min-height: 186px;

	width: 480px; padding-right: 254px; padding-left: 84px;

}

#step-5b #image-area .blue-area { background-image: none; background-position: 626px 66px; }

#step-5b #image-area .retail-consumer { background-image: url(../img/step-5/retail.png); background-position: 626px 32px; }
#step-5b #image-area .agriculture { background-image: url(../img/step-5/agriculture.png); }
#step-5b #image-area .services-and-utilities { background-image: url(../img/step-5/services.png); background-position: 626px 32px; }
#step-5b #image-area .tourism-hospitality { background-image: url(../img/step-5/tourism.png); background-position: 569px 66px; }
#step-5b #image-area .health { background-image: url(../img/step-5/health.png); background-position: 626px 50px; }
#step-5b #image-area .transport-logistics-manufacturing { background-image: url(../img/step-5/industrial.png); background-position: 626px 40px; }
#step-5b #image-area .education { background-image: url(../img/step-5/education.png); background-position: 626px 35px; }
#step-5b #image-area .construction-and-mining { background-image: url(../img/step-5/mining.png); background-position: 626px 35px; }
#step-5b #image-area .other { background-image: url(../img/step-5/other.png); background-position: 626px 32px; }

#step-3 #image-area .blue-area {
	width: 430px; border-radius: 0; padding-right: 289px;
	background-image: url(../img/calculator.png);
	background-position: 532px 24px; background-repeat: no-repeat;
}

#step-6 #image-area .blue-area,
#step-8 #image-area .blue-area,
#step-10 #image-area .blue-area { width: 384px; }

#step-13 #image-area .blue-area {
	width: 449px; height: 254px; padding-left: 91px;
	padding-top: 20px; border-radius: 0 0 40px 0; z-index: 9;
}

#main #image-area .blue-area h1 {
	color: #f68121; font-size: 30px; line-height: 34px; font-weight: normal;
	font-family: 'AllerRegular', arial, sans-serif;
}

#main #image-area .blue-area h2 {
	color: #ffffff; font-size: 27px; font-weight: normal;
	font-family: 'AllerRegular', arial, sans-serif;
	margin: 0 0 10px;
}

#step-1b #image-area .blue-area h1,
#step-1b #image-area .extra-text h2,
#step-2b #image-area .blue-area h1,
#step-2b #image-area .extra-text h2,
#step-4b #image-area .blue-area h1,
#step-4b #image-area .extra-text h2,
#step-7 #image-area .blue-area h1,
#step-7 #image-area .extra-text h2,
#step-9 #image-area .blue-area h1,
#step-9 #image-area .extra-text h2,
#step-3 #image-area .blue-area h1,
#step-5 #image-area .blue-area h1,
#step-5b #image-area .blue-area h1,
#step-5b #image-area .extra-text h2,
#step-6 #image-area .blue-area h1,
#step-8 #image-area .blue-area h1,
#step-10 #image-area .blue-area h1,
#step-11 #image-area .blue-area h1,
#step-11 #image-area .extra-text h2,
#step-13 #image-area .blue-area h1 {
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 6px;
}

#step-3 #image-area .blue-area h1 {
	font-size: 40px; font-family: "allerbold"; margin-bottom: 30px;
}

#step-2b #image-area .blue-area h1,
#step-4b #image-area .blue-area h1 {
	margin-top: 48px;
}


#step-1b #image-area .extra-text h2,
#step-2b #image-area .extra-text h2,
#step-4b #image-area .extra-text h2,
#step-7 #image-area .extra-text h2,
#step-9 #image-area .extra-text h2,
#step-5b #image-area .extra-text h2,
#step-11 #image-area .extra-text h2 { color: #f68121; }


#step-5b #image-area .extra-text {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 508px 111px;
	min-height: 300px;
}

#step-5b #image-area .extra-text.retail-consumer { background-image: url(../img/scenario/retail.jpg); }
#step-5b #image-area .extra-text.agriculture { background-image: url(../img/scenario/agriculture.jpg); }
#step-5b #image-area .extra-text.health { background-image: url(../img/scenario/health.jpg); }
#step-5b #image-area .extra-text.services-and-utilities { background-image: url(../img/scenario/services.jpg); }
#step-5b #image-area .extra-text.tourism-hospitality { background-image: url(../img/scenario/tourism.jpg); }

#step-5b #image-area .extra-text.transport-logistics-manufacturing p { width: auto;  }


#step-11 #image-area .extra-text,
#step-12 #image-area .extra-text { padding: 60px 100px 30px; }





#main #image-area .blue-area p, #main #image-area .blue-area li {
	color: #ffffff; font-size: 14px; font-family: 'AllerRegular', arial, sans-serif;
}

#step-1 #main #image-area .blue-area li { color: #434343; }

#step-1b #image-area .blue-area li,
#step-2b #image-area .blue-area li,
#step-4b #image-area .blue-area li,
#step-7 #image-area .blue-area li,
#step-9 #image-area .blue-area li,
#step-3 #image-area .blue-area li,
#step-5 #image-area .blue-area li,
#step-5b #image-area .blue-area li,
#step-6 #image-area .blue-area li,
#step-8 #image-area .blue-area li,
#step-10 #image-area .blue-area li,
#step-11 #image-area .blue-area li,
#step-13 #image-area .blue-area li,
#step-1b #image-area .blue-area p,
#step-2b #image-area .blue-area p,
#step-4b #image-area .blue-area p,
#step-7 #image-area .blue-area p,
#step-9 #image-area .blue-area p,
#step-3 #image-area .blue-area p,
#step-5 #image-area .blue-area p,
#step-5b #image-area .blue-area p,
#step-6 #image-area .blue-area p,
#step-8 #image-area .blue-area p,
#step-10 #image-area .blue-area p,
#step-11 #image-area .blue-area p,
#step-13 #image-area .blue-area p
{
	font-size: 15px;
	margin-top: 0px;
}

#step-3 #image-area .blue-area p {
	font-size: 18px; line-height: 27px;
}

#main #image-area .blue-area .form-input {
	margin-bottom: 4px;
	width: 600px;
}

#main #image-area .blue-area label {
	color: #ffffff;
	width: 65px;
	font-size: 17px;
	display: inline-block;
}

#step-6 #main #image-area .blue-area label,
#step-8 #main #image-area .blue-area label { width: 80px; }

#step-10 #main #image-area .blue-area label { width: 150px; }

$step-6 .info-text,
$step-8 .info-text,
$step-10 .info-text {
	padding: 220px 50px 0;
}


.ie7 #main #image-area .blue-area label {
	display: inline;
}


#step-13 #main #image-area .blue-area label {
	width: 61px;
}

#main #image-area .blue-area input {
	color: #242424;
	font-size: 11px;
	font-family: 'AllerRegular', arial, sans-serif;
}

#step-13 #image-area .blue-area input,
#step-6 #image-area .blue-area input,
#step-8 #image-area .blue-area input,
#step-10 #image-area .blue-area input {
	width: 236px;
}

#step-13 #image-area .blue-area input:focus,
#step-6 #image-area .blue-area input:focus,
#step-8 #image-area .blue-area input:focus,
#step-10 #image-area .blue-area input:focus {
	width: 233px;
}

#main #image-area .ses-number-large {
	position: absolute;
	top: 215px;
	left: 131px;
	font-size: 80px;
	color: #f68121;
	font-weight: bold;
}

#main #image-area #large-phone {
	background: transparent url(../img/large-phone.gif) 0 0 no-repeat;
	width: 155px;
	height: 176px;
	position: absolute;
	top: 61px;
	left: 560px;
}

#main #image-area #orange-people {
	background: transparent url(../img/orange-people.gif) 0 0 no-repeat;
	width: 635px; height: 160px;
	margin: 15px auto;
}

/* contacts */
#contacts {
	position: absolute;
	top: 253px;
	left: 88px;
	width: auto;
	height: auto;
	top: 314px;
}

#contacts .contact {
	background: transparent url(../img/contact-edit.gif) 23px 7px no-repeat;
	width: 119px;
	height: 61px;
	position: relative;
	display: inline-block;
	padding-left: 12px;
	border-left: solid 2px #9d9d9d;
}

.ie7 #contacts .contact {
	display: inline;
}

#contacts .contact .number {
	position: absolute;
	top: 0px;
	left: 5px;
	color: #004785;
	font-size: 24px;
	font-weight: bold;
}

#contacts .contact .delete {
	background: transparent url(../img/delete.gif) 0 0 no-repeat;
	position: absolute;
	top: 6px;
	right: 27px;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

#contacts .contact .delete:hover {
	background: transparent url(../img/delete-over.gif) 0 0 no-repeat;
}

#contacts .contact .edit {
	position: absolute; bottom: 0px; right: 24px; color: #9d9d9d;
	text-decoration: underline; font-size: 14px; cursor: pointer;
}

#contacts .contact .edit:hover { color: #6db3ee; }

#contacts .contact span { display: none; }

#contacts .add-contact {
	background: transparent url(../img/contact-add.gif) 23px 8px no-repeat;
	width: 119px; height: 61px; display: inline-block; padding-left: 12px;
	border-left: solid 2px #9d9d9d; cursor: pointer;
}

.ie7 #contacts .add-contact { display: inline; }

#contacts .add-contact:hover { background-position: 23px -60px; }


#step-10 #main #image-area { background: #ffffff url(../img/large-mobile.gif) 562px 71px no-repeat; }

/* triggers */
#step-6 #contacts .contact { background: transparent url(../img/trigger-edit.png) 23px 7px no-repeat; }
#step-6 #contacts .add-contact { background: transparent url(../img/trigger-add.png) 23px 8px no-repeat; }
#step-6 #contacts .add-contact:hover { background-position: 23px -72px; }


/* evacuation plans */
#step-8 #contacts .contact { background: transparent url(../img/evacuation-edit.png) 23px 4px no-repeat; }
#step-8 #contacts .add-contact { background: transparent url(../img/evacuation-add.png) 23px 4px no-repeat; }
#step-8 #contacts .add-contact:hover { background-position: 23px -87px; }
#step-8 #contacts #add-contact-holder #add-contact-info { top: -14px; }
#step-8 #contacts .contact .delete { top: -10px; }



#contacts .break {
	display: block; background: #9d9d9d; width: 100%; height: 2px;
	margin-top: 3px; margin-bottom: 10px;
}

.contact-second-row { height: 417px !important; }

#contacts .first-contact { border: none; }

#main #image-area #save {
	background: url("../img/link-arrow.png") no-repeat scroll 48px 2px #F68121;
    border-radius: 15px 15px 15px 15px; bottom: 23px; color: #FFFFFF;
    font-size: 20px; height: 28px; padding-left: 7px;
    position: absolute; right: 16px; width: 69px;
    cursor: pointer; box-shadow:inset 0 0 10px #cd3e02; display: none;
}

#save span { display: none; }

#step-1 .info-box {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;

	opacity: 1;
}

#main #checklist-button {
	width: 302px;
	height: 200px;
	background: transparent url(../img/orange-clipboard.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: top;
	margin-top: -9px;
	position: relative;
	margin-left: 10px;
	float: right;
	cursor: pointer;
	text-decoration: none;

}

.ie7 #main #checklist-button {
	display: inline;
}

#main #checklist-button:hover {
	background-position: left bottom;
}

#main #checklist-button h3 {
	font-size: 21px;
	line-height: 28px;
	font-weight: bold;
	font-family: 'AllerRegular', arial, sans-serif;
	color: #ffffff;
	position: absolute;
	top: 20px;
	left: 126px;
}

#main #checklist-button h3 span {
	font-weight: normal;
}

#main #checklist-button .click-here {
	color: #ffffff;
	text-decoration: none;
	position: absolute;
	bottom: 28px;
	left: 28px;
	background: transparent url(../img/link-arrow.png) right 0 no-repeat;
	padding-right: 34px;
	padding-top: 2px;
	height: 23px;
	font-size: 14px;
}

#step-2 .info-box,
#step-4 .info-box,
#step-3 .info-box,
#step-5 .info-box {
	width: 323px;
	background: #fdfdfd;
	margin-top: 80px;
}



#step-4 .info-box {
	margin-top: 26px;
}

#step-2 .info-box h2, #step-2 .info-box p,
#step-4 .info-box h2, #step-4 .info-box p,
#step-3 .info-box h2, #step-3 .info-box p,
#step-5 .info-box h2, #step-5 .info-box p,
#step-6 .info-box h2, #step-6 .info-box p,
#step-8 .info-box h2, #step-8 .info-box p,
#step-10 .info-box h2, #step-10 .info-box p {
	color: #8293a3;
}

#step-2 .info-box .icon,
#step-4 .info-box .icon,
#step-3 .info-box .icon,
#step-5 .info-box .icon,
#step-6 .info-box .icon,
#step-6 .add-contact-info-box .icon,
#step-8 .info-box .icon,
#step-8 .add-contact-info-box .icon,
#step-10 .info-box .icon,
#step-10 .add-contact-info-box .icon {
	background: transparent url(../img/info-icon.png) 0 0 no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 28px;
	margin: 0;
}

.ie8 .info-box .icon { display: none; }
#step-6 .info-box, #step-6 .add-contact-info-box,
#step-8 .info-box, #step-8 .add-contact-info-box,
#step-10 .info-box, #step-10 .add-contact-info-box {
	position: absolute;
	top: 58px;
	right: 79px;
	width: 111px;
	height: auto;
	background: #fdfdfd;
	padding-top: 15px;
	padding-right: 35px;

	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
}

#step-6 .info-box,
#step-8 .info-box,
#step-10 .info-box {
	width: 134px;
	top: 59px;
	right: 79px;
}


#step-6 .info-box {
	width: 300px;
	top: 90px;

}

#step-6 .add-contact-info-box,
#step-8 .add-contact-info-box,
#step-10 .add-contact-info-box {
	width: 134px;
	top: 0px;
	right: -200px;
	display: none;
	opacity: 1;
}

#step-1b #image-area,
#step-2b #image-area,
#step-4b #image-area,
#step-7 #image-area,
#step-9 #image-area,
#step-3 #image-area,
#step-5b #image-area,
#step-11 #image-area,
#step-12 #image-area { height: auto; }

#step-1b .extra-text,
#step-2b .extra-text,
#step-4b .extra-text,
#step-7 .extra-text,
#step-9 .extra-text,
#step-5b .extra-text { padding: 40px 100px 20px; }

#step-11 .extra-text,
#step-12 .extra-text { padding-top: 60px; padding-right: 330px; padding-bottom: 30px; }


#step-1b .extra-text p,
#step-1b .extra-text li,
#step-2b .extra-text p,
#step-2b .extra-text li,
#step-4b .extra-text p,
#step-4b .extra-text li,
#step-7 .extra-text p,
#step-7 .extra-text li,
#step-9 .extra-text p,
#step-9 .extra-text li,
#step-3 .extra-text p,
#step-5b .extra-text p,
#step-11 .extra-text,
#step-11 .extra-text p,
#step-11 .extra-text li { color: #004785; }

#step-3 .extra-text p .facebook-link {
	background: transparent url(../img/facebook-link.png) 0 0 no-repeat;
	padding: 6px 0 15px 41px; color: #004785; display: block; text-decoration: none;
}

#step-5b .extra-text p { width: 380px; }

.extra-text a { color: #004785; }

/* silhouettes */
#main #image-area #coast,
#main #image-area #creeks,
#main #image-area #tropical,
#main #image-area #vision,
#main #image-area #hearing,
#main #image-area #mobility,
#main #image-area #otherdisability,
#main #image-area #medication,
#main #image-area #power,
#main #image-area #aged,
#main #image-area #parents,
#main #image-area #translation,
#main #image-area #pets,
#main #image-area #children
{
	display: none;
}

#step-2 #main #image-area.coast #coast,
#step-4 #main #image-area.coast #coast {
	background: transparent url(../img/silhouettes/coast.png) 0 0 no-repeat;
	width: 240px;
	height: 78px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: block;
}


#step-2 #main #image-area.creeks #creeks,
#step-4 #main #image-area.creeks #creeks {
	background: transparent url(../img/silhouettes/creeks.png) 0 0 no-repeat;
	width: 368px;
	height: 85px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}

#step-2 #main #image-area.tropical #tropical,
#step-4 #main #image-area.tropical #tropical {
	background: transparent url(../img/silhouettes/tropical.png) 0 0 no-repeat;
	width: 819px;
	height: 220px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}

#step-2 #main #image-area.bush #bush,
#step-4 #main #image-area.bush #bush {
	background: transparent url(../img/silhouettes/bush.png) 0 0 no-repeat;
	width: 369px;
	height: 200px;
	position: absolute;
	bottom: 0px;
	left: 121px;
	display: block;
}

#step-4 #main #image-area.vision #vision {
	background: transparent url(../img/silhouettes/vision.png) 0 0 no-repeat;
	width: 86px;
	height: 98px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}

#main #image-area.vision #vision.sil-4,
#main #image-area.vision #vision.sil-6,
#main #image-area.vision #vision.sil-8,
#main #image-area.vision #vision.sil-9,
#main #image-area.vision #vision.sil-10,
#main #image-area.vision #vision.sil-11 {
	background: transparent url(../resize.php/silhouette.png?height=50&image=/img/silhouettes/vision.png) 0 0 no-repeat;
	height: 50px;
}



#step-4 #main #image-area.hearing #hearing {
	background: transparent url(../img/silhouettes/hearing.png) 0 0 no-repeat;
	width: 74px;
	height: 101px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}

#main #image-area.hearing #hearing.sil-4,
#main #image-area.hearing #hearing.sil-6,
#main #image-area.hearing #hearing.sil-8,
#main #image-area.hearing #hearing.sil-9,
#main #image-area.hearing #hearing.sil-10,
#main #image-area.hearing #hearing.sil-11 {
	background: transparent url(../resize.php/silhouette.png?height=50&image=/img/silhouettes/hearing.png) 0 0 no-repeat;
	height: 50px;
}


#step-4 #main #image-area.mobility #mobility {
	background: transparent url(../img/silhouettes/mobility.png) 0 0 no-repeat;
	width: 71px;
	height: 79px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}

#main #image-area.mobility #mobility.sil-4,
#main #image-area.mobility #mobility.sil-6,
#main #image-area.mobility #mobility.sil-8,
#main #image-area.mobility #mobility.sil-9,
#main #image-area.mobility #mobility.sil-10,
#main #image-area.mobility #mobility.sil-11 {
	background: transparent url(../resize.php/silhouette.png?height=40&image=/img/silhouettes/mobility.png) 0 0 no-repeat;
	height: 40px;
}

#step-4 #main #image-area.otherdisability #otherdisability {
	background: transparent url(../img/silhouettes/other.png) 0 0 no-repeat;
	width: 69px;
	height: 103px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}

#main #image-area.otherdisability #otherdisability.sil-4,
#main #image-area.otherdisability #otherdisability.sil-6,
#main #image-area.otherdisability #otherdisability.sil-8,
#main #image-area.otherdisability #otherdisability.sil-9,
#main #image-area.otherdisability #otherdisability.sil-10,
#main #image-area.otherdisability #otherdisability.sil-11 {
	background: transparent url(../resize.php/silhouette.png?height=50&image=/img/silhouettes/other.png) 0 0 no-repeat;
	height: 50px;
}

#step-4 #main #image-area.medication #medication {
	background: transparent url(../img/silhouettes/medication.png) 0 0 no-repeat;
	width: 51px;
	height: 96px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}

#main #image-area.medication #medication.sil-4,
#main #image-area.medication #medication.sil-6,
#main #image-area.medication #medication.sil-8,
#main #image-area.medication #medication.sil-9,
#main #image-area.medication #medication.sil-10,
#main #image-area.medication #medication.sil-11 {
	background: transparent url(../resize.php/silhouette.png?height=45&image=/img/silhouettes/medication.png) 0 0 no-repeat;
	height: 45px;
}

#step-4 #main #image-area.aged #aged {
	background: transparent url(../img/silhouettes/aged.png) 0 0 no-repeat;
	width: 51px;
	height: 100px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}

#main #image-area.aged #aged.sil-4,
#main #image-area.aged #aged.sil-6,
#main #image-area.aged #aged.sil-8,
#main #image-area.aged #aged.sil-9,
#main #image-area.aged #aged.sil-10,
#main #image-area.aged #aged.sil-11 {
	background: transparent url(../resize.php/silhouette.png?height=50&image=/img/silhouettes/aged.png) 0 0 no-repeat;
	height: 50px;
}

#step-4 #main #image-area.parents #parents {
	background: transparent url(../img/silhouettes/parents.png) 0 0 no-repeat;
	width: 76px;
	height: 77px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}
#main #image-area.parents #parents.sil-4,
#main #image-area.parents #parents.sil-6,
#main #image-area.parents #parents.sil-8,
#main #image-area.parents #parents.sil-9,
#main #image-area.parents #parents.sil-10,
#main #image-area.parents #parents.sil-11 {
	background: transparent url(../resize.php/silhouette.png?height=40&image=/img/silhouettes/parents.png) 0 0 no-repeat;
	height: 40px;
}

#step-4 #main #image-area.children #children {
	background: transparent url(../img/silhouettes/children.png) 0 0 no-repeat;
	width: 80px;
	height: 79px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}

#main #image-area.children #children.sil-4,
#main #image-area.children #children.sil-6,
#main #image-area.children #children.sil-8,
#main #image-area.children #children.sil-9,
#main #image-area.children #children.sil-10,
#main #image-area.children #children.sil-11 {
	background: transparent url(../resize.php/silhouette.png?height=40&image=/img/silhouettes/children.png) 0 0 no-repeat;
	height: 40px;
}

#step-4 #main #image-area.translation #translation {
	background: transparent url(../img/silhouettes/translation.png) 0 0 no-repeat;
	width: 83px;
	height: 126px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}

#main #image-area.translation #translation.sil-4,
#main #image-area.translation #translation.sil-6,
#main #image-area.translation #translation.sil-8,
#main #image-area.translation #translation.sil-9,
#main #image-area.translation #translation.sil-10,
#main #image-area.translation #translation.sil-11 {
	background: transparent url(../resize.php/silhouette.png?height=60&image=/img/silhouettes/translation.png) 0 0 no-repeat;
	height: 60px;
}


#step-4 #main #image-area.pets #pets {
	background: transparent url(../img/silhouettes/pets.png) 0 0 no-repeat;
	width: 83px;
	height: 68px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
}

#main #image-area.pets #pets.sil-4,
#main #image-area.pets #pets.sil-6,
#main #image-area.pets #pets.sil-8,
#main #image-area.pets #pets.sil-9,
#main #image-area.pets #pets.sil-10,
#main #image-area.pets #pets.sil-11 {
	background: transparent url(../resize.php/silhouette.png?height=35&image=/img/silhouettes/pets.png) 0 0 no-repeat;
	height: 35px;
}

/* +++++++++++++++++++++++ */

/* silhouette positions */
#image-area .sil-1 {
	left: 490px !important;
	bottom: 20px !important;
	z-index: 999;
}

#image-area .sil-2 {
	left: 323px !important;
	bottom: 17px !important;
	z-index: 999;
}

#image-area .sil-3 {
	left: 582px !important;
	bottom: 52px !important;
	z-index: 999;
}

#image-area .sil-4 {
	left: 245px !important;
	bottom: 30px !important;
	z-index: 999;
}

#image-area .sil-5 {
	left: 658px !important;
	bottom: 94px !important;
	z-index: 999;
}

#image-area .sil-6 {
	left: 362px !important;
	bottom: 85px !important;
	z-index: 999;
}

#image-area .sil-7 {
	left: 605px !important;
	bottom: 16px !important;
	z-index: 999;
}

#image-area .sil-8 {
	left: 429px !important;
	bottom: 59px !important;
	z-index: 999;
}

#image-area .sil-9 {
	left: 669px !important;
	bottom: 56px !important;
	z-index: 999;
}

#image-area .sil-10 {
	left: 106px !important;
	bottom: 64px !important;
	z-index: 999;
}

#image-area .sil-11 {
	left: 180px !important;
	bottom: 41px !important;
	z-index: 999;
}

.orange-button,
.download-button {
	background: transparent url(../img/download-button.png) 0 0 no-repeat;
	width: 136px;
	height: 54px;
	display: inline-block;
	vertical-align: top;
	padding-top: 14px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

.ie7 .orange-button,
.ie7 .download-button {
	display: inline;
}

.download-button:hover {
	background-position: 0 -66px;
}

.download-button.active,
.orange-button:hover {
	background-position: 0 -135px;
}

.found-out-submit,
.submit {
	background: transparent url(../img/submit-button.png) 0 0 no-repeat;
	width: 130px;
	height: 36px;
	display: inline-block;
	vertical-align: top;
	padding-top: 9px;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	padding-left: 35px;
	margin-top: -7px;
	margin-left: 10px;
	cursor: pointer;
	font-weight: bold;
}

.ie7 .found-out-submit,
.ie7 .submit {
	display: inline;
}

.found-out-submit:hover,
.submit:hover {
	background-position: 0 -45px;
}

.social-button {
	display: inline-block;
	background: transparent url(../img/social-button.png) 0 0 no-repeat;
	width: 192px;
	height: 71px;
	position: relative;
	color: #ffffff;
	height: 48px;
	padding: 13px 117px 0 0;
	text-align: center;
	font-size: 16px;
	position: relative;
	font-weight: bold;
	line-height: 20px;
}

.social-media {
	position: absolute;
	top: 18px;
	right: 16px;
	width: 72px;
	height: 32px;

}

.ie7 .social-button {
	display: inline;
}

.social-button .facebook,
 .social-button .twitter {
	background: transparent url(../img/social-icons.png) 0 1px no-repeat;
	width: 32px;
	height: 31px;
	position: absolute;
	display: block;
	cursor: pointer;
}

.social-button .twitter {
	left: 34px;
	background-position: -40px 1px;
}


.social-button .facebook:hover {
	background-position: 0 -30px;
}

.social-button .twitter:hover {
	background-position: -40px -30px;
}


.social-button .stButton .stLarge { background: none !important; }

/* ============================================================================= */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#page_heading { padding: 20px 17px 0; }
#page_heading h2 { font-size: 22px; font-weight: normal; margin: 0px; width: 417px; font-family: 'MuseoSlab500Regular',arial,sans-serif; }

/* checklist */
#checklist-content { padding: 60px 30px; vertical-align: top; width: auto; }
#checklist-content h1 { font-family: 'MuseoSlab500Regular',arial,sans-serif; font-weight: normal; font-size: 24px; margin-bottom: 0px; }
#checklist-content h2 { font-family: 'MuseoSlab500Regular',arial,sans-serif; font-weight: normal; font-size: 18px; margin-top: 0px; }
#checklist { background: #f0f0f0; border: solid 1px #989898; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px; margin-top: 30px; width: 454px; display: inline-block; }
#checklist div { background: url("../img/single-tick.png") no-repeat scroll 0 0 transparent; padding-left: 40px; min-height: 21px; margin-bottom: 10px; padding-top: 3px; cursor: pointer; }
#checklist div.selected { background: url("../img/single-tick-active.png") no-repeat scroll 0 0 transparent; min-height: 24px; margin-bottom: 7px; }
#checklist .tall.selected { margin-bottom: 10px; }
#checklist-side { display: inline-block; vertical-align: top; padding: 30px 25px; }
#checklist-side .back, #how-to-use-content .back, .privacy-content .back {
	display: block;
	background: transparent url(../img/checklist-back-bg.png) 0 0 no-repeat;
	width: 222px;
	height: 29px;
	color: #ffffff;
	text-decoration: none;
	font-family: 'AllerRegular',arial,sans-serif;
	padding: 10px 0 0 20px;
	margin-left: 2px;
}

#how-to-use-content .back { float: right; }

#checklist-side .back:hover, #how-to-use-content .back:hover, .privacy-content .back:hover { background: transparent url(../img/checklist-back-bg-over.png) 0 0 no-repeat; }
#checklist-side .buttons { padding-top: 18px; }

#checklist-side .buttons a {
	background: transparent url(../img/checklist-button-bg.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: top;
	height: 29px;
	color: #0f6cb6;
	font-family: 'AllerRegular',arial,sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	padding-top: 8px;
	width: 110px;
	text-align: center;
	padding-left: 10px;
}

#checklist-side .buttons .email { background-position: -124px 0; }
#checklist-side .buttons a:hover { background: transparent url(../img/checklist-button-bg-over.png) 0 0 no-repeat; }
#checklist-side .buttons .email:hover { background-position: -124px 0; }

#step-12 .form-input { margin-top: 8px; margin-left: 34px; display: none; }
#step-12 .response { position: absolute; top: 320px; left: 50px; display: none; z-index: 100;}
#step-13 .response { position: absolute; top: 272px; left: 93px; color: #ffffff; display: none; }
#checklist-content-print { display: none; }

/* ie fixes */

/* ie8 */
.ie8 #main #image-area { box-shadow: 0 0 10px #aaa; }
.ie8 #main #image-area .steps li { float: left; }
.ie8 #main #image-area .steps li a { height: 30px; }
.ie8 #main #image-area .steps li a { width: 57px; }
.ie8 #main #image-area .steps li .step-1, .ie8 #main #image-area .steps li .step-12 { width: 60px; }
.ie8 #main #image-area .steps .active { background: none; }
.ie8 #main #image-area .steps .active a { height: 40px; }
.ie8 #select-box { float: left; }
.ie8 #main .info-box { float: right; border: #ffffff; margin-top: 55px; }
.ie8 #step-5 #image-area .blue-area { height:150px !important; }
.ie8 #select-box .select .child-option { height: 45px; }

.ie8 #main #image-area .blue-area { height: 200px; }
.ie8 #main #image-area .blue-area h1 { white-space: nowrap; margin-top: 0; }
.ie8 #main #image-area .blue-area .form-input { width: 370px; }
.ie8 #contacts .contact { float: left; }
.ie8 #contacts .contact .delete { right: 10px; }
.ie8 #contacts .contact .edit { right: 10px; }
.ie8 #contacts { width: 600px; }
.ie8 #contacts .break { width: 600px; background: none; border-bottom: solid 2px #9d9d9d; margin-top: -5px; }
.ie8 #step-1 .info-box { display: inline; float: left; }
.ie8 #step-6 .info-box, .ie8 #step-8 .info-box, .ie8 #step-10 .info-box { margin-top: -10px; }
.ie8 .download-button { padding-bottom: 10px; }
.ie8 #step-12 .form-input { padding-top: 10px; }
.ie8 .submit { float: right; margin-top: -30px;	}
.ie8 #step-13 .blue-area { width: 600px !important; height: 294px !important; }
.ie8 #step-13 .submit {	position: absolute; left: 400px; top: 245px; }
.ie8 #step-3 #image-area .blue-area { height: 280px; }
.ie8 #step-3 #main { height: 1000px; }
.ie8 #step-1 #image-area .blue-area { height: 220px; }
.ie8 #checklist-button { float: right; }
.ie8 #step-1 .info-box { float: left; margin-top: 0px; }
.ie8 #step-2 .info-box,
.ie8 #step-4 .info-box
{ display: none; }
.ie8 #footer-content p { width: 260px; }

.ie8 #checklist-content { padding-top: 50px; }
.ie8 #checklist { float: left; margin-top: 0px; }
.ie8 #checklist-side { float: right; padding: 0px; width: 285px; }
.ie8 #checklist-side .buttons a { padding-left: 20px; width: 100px; height: 37px; }
.ie8 #checklist-side .back { padding-right: 50px; width: 239px; height: 39px;  }
.ie8 #checklist div { height: 25px; }
.ie8 #checklist .tall.selected { margin-bottom: 10px; }

.ie8 #main { height: 670px; }

.ie8 #step-5 #main { height: 440px; }
.ie8 #step-6 #image-area .blue-area,
.ie8 #step-8 #image-area .blue-area,
.ie8 #step-10 #image-area .blue-area { height: 150px; }

.ie8 #step-12 #main { height: 400px; }

.ie8 #step-13 #main { height: 400px; }
.ie8 #step-13 #image-area .blue-area { width: 450px !important; height: 254px !important; }

.ie8 #step-11 #image-area .blue-area { height: 350px !important; }

/* ie7 */
.ie7 #main #image-area { box-shadow: 0 0 10px #aaa; }
.ie7 #main { padding-top: 92px; }
.ie7 #main #image-area .steps li { float: left; }
.ie7 #main #image-area .steps li a { height: 30px; }
.ie7 #main #image-area .steps .active { background: none; }
.ie7 #main #image-area .steps .active a { height: 40px; }
.ie7 #select-box { float: left; }
.ie7 #main .info-box { float: right; border: #ffffff; margin-top: 55px; }
.ie7 #step-5 #image-area .blue-area { height:150px !important; }
.ie7 #select-box .select .child-option { height: 45px; }
.ie7 #step-12 #image-area .blue-area { width: 550px; }
.ie7 #main #image-area .blue-area { height: 200px; }
.ie7 #main #image-area .blue-area h1 { white-space: nowrap; }
.ie7 #main #image-area .blue-area .form-input { width: 370px; }
.ie7 #contacts .contact { float: left; width: 100px; }
.ie7 #contacts .contact .delete { right: 10px; }
.ie7 #contacts .contact .edit { right: 10px; }
.ie7 #contacts { width: 600px; }
.ie7 #contacts .break { width: 600px; background: none; border-bottom: solid 2px #9d9d9d; margin-top: -5px; }
.ie7 #step-1 .info-box { display: inline; float: left; }
.ie7 #step-6 .info-box,
.ie7 #step-8 .info-box,
.ie7 #step-10 .info-box { margin-top: -10px; }
.ie7 #step-12 .form-input { padding-top: 20px; }
.ie7 .submit { float: right; margin-top: -30px;	}
.ie7 #step-13 .blue-area { width: 600px !important; height: 294px !important; }
.ie7 .social-button { width: 309px; padding-bottom: 20px; text-align: left; padding-left: 30px; position: relative; }
.ie7 #step-13 .orange-button { position: absolute; top: 103px; right: 60px; xpadding-bottom: 10px; }

.ie7 #step-13 .found-out-submit,
.ie7 #step-13 .submit {	position: absolute; top: 244px; display: block; }

.ie7 .social-media { left: 215px; }
.ie7 .social-button .facebook {	left: 0px; }
.ie7 #step-3 #image-area .blue-area { width: 550px; }
.ie7 #step-1 #image-area .blue-area { height: 220px; }
.ie7 #checklist-button { float: right; }
.ie7 #step-1 .info-box { float: left; margin-top: 0px; }
.ie7 #step-2 .info-box,
.ie7 #step-4 .info-box
{ display: none; }
.ie7 #footer-content p { width: 260px; }

.ie7 #checklist-content { padding-top: 0px; }
.ie7 #checklist { float: left; }
.ie7 #checklist-side .back { padding-right: 50px; width: 239px; height: 39px;  }
.ie7 #checklist div { height: 25px; }
.ie7 #checklist .tall.selected { margin-bottom: 10px; }

.ie7 #checklist-side { float: right; padding: 0px; width: 285px; }
.ie7 #checklist-side .buttons a { padding-left: 20px; width: 100px; height: 37px; }

.ie7 #how-to-use-content { padding-top: 0px; }

.ie7 #step-3 #image-area .blue-area { height: 280px; width: 400px; }
.ie7 #step-3 #main { height: 1000px; }

.ie7 #step-6 #image-area .blue-area,
.ie7 #step-8 #image-area .blue-area,
.ie7 #step-10 #image-area .blue-area { height: 150px; }
.ie7 #step-12 #image-area .blue-area { width: 450px; height: 185px !important; }

.ie7 #step-13 #main { height: 400px; }
.ie7 #step-13 #image-area .blue-area { width: 450px !important; height: 254px !important; }

.ie7 #step-11 #image-area .blue-area { height: 350px !important; }

.ie7 footer ul { margin-top: 0px; }

.ie7 #footer-content #footer-app-store { bottom: 15px; }
.ie7 #footer-content #footer-google-play { bottom: 15px; }

/* joelsons fixes */

#step-1 #main #image-area .blue-area h1 { margin-bottom: 10px; }
#step-1 #main #image-area .blue-area p { font-size: 18px; margin-top: 20px; margin-bottom: 36px; }

#step-13 #main #image-area .blue-area h1 {
  margin-top: 0;
}

#step-6 .more-info-button,
#step-8 .more-info-button,
#step-10 .more-info-button { top: 12px; right: 12px; }
#step-6 #contacts .more-info-button,
#step-8 #contacts .more-info-button,
#step-10 #contacts .more-info-button { top: 4px; right: -3px; }


/* additions 5/3/13 */

#how-to-use-button {
	background: url("../img/how-to-use-button-large.png") no-repeat scroll 0 0 transparent;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF; font-size: 17px; line-height: 19px; font-weight: bold; padding: 10px;
    position: absolute; right: 33px; text-align: center; text-decoration: none;
    top: 696px; width: 270px; height: 44px;
}

#how-to-use-button:hover { background-position: left bottom; }

#how-to-use-content { padding-top: 50px; padding-bottom: 50px; }
#how-to-use-content h2 { text-align:center; }
#how-to-use-content li { padding-bottom: 10px; }
#how-to-use-content li li { padding-bottom: 0px; }
#add-contact-holder { position: relative; display: inline-block; width: 126px; }
#contacts-footer-info { position: absolute; bottom: 20px; left: 30px; }

#step-6 #image-area,
#step-8 #image-area,
#step-10 #image-area { padding-bottom: 65px; height: 430px; }


.privacy-content { padding-top: 50px; }

.ie7 .privacy-content { padding-top: 0px; }

.ie8 #step-0 #main { height: auto; }

#slideshow {
	position: absolute; top: 38px; right: 0;
	-moz-border-radius: 0 0 20px 0;
	-webkit-border-radius: 0 0 20px 0;
	border-radius: 0 0 20px 0;
	z-index: 1;
}

#slideshow img {
	position: absolute; right: 0;
	-moz-border-radius: 0 0 20px 0;
	-webkit-border-radius: 0 0 20px 0;
	border-radius: 0 0 20px 0;
}

.ie8 #step-4 #main { min-height: 900px; }


/* region suggest */
#step-1 #main #image-area .blue-area input {
	width: 260px;
	border-radius: 10px;
	height: 45px;
	font-size: 20px; padding: 0 8px;

}

#step-1 #main #image-area .blue-area input:focus {
	margin-left: 0;
	margin-top: 0;
}

#region-form .fields ul, .jsonSuggest {
	background: #fff !important;
	margin: 2px 0 0 0 !important;
	-moz-border-radius: .5em !important;
	-webkit-border-radius: .5em !important;
	border-radius: .5em !important;
	box-shadow: .1em .1em .3em rgba(0, 0, 0, .5) !important;
	list-style: none !important;
	padding: 0 !important;
	min-width: 15em !important;
}
#region-form .fields li, .jsonSuggest li {
	list-style: none !important;
	padding: 0 !important;
	height: auto !important;
	font-size: inherit !important;
}
#region-form .fields li:nth-child(2n), .jsonSuggest li:nth-child(2n) {
	background: #f0f0f0 !important;
}
.ui-autocomplete { position: absolute; cursor: default; }
* html .ui-autocomplete { width:1px; }
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
	font-size: .9em;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	background: #0084BB;
	color: #fff;
}

/* found out */
#how-found-out { background: #f0f0f0; border: solid 1px #989898; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px 145px 20px 20px; margin-top: 10px; width: auto; display: inline-block; position: relative; }
#how-found-out .column { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 50px; }
#how-found-out .column div { background: url("../img/single-tick.png") no-repeat scroll 0 0 transparent; padding-left: 40px; min-height: 21px; margin-bottom: 10px; padding-top: 3px; cursor: pointer; }
#how-found-out .column div.selected { background: url("../img/single-tick-active.png") no-repeat scroll 0 0 transparent; min-height: 24px; margin-bottom: 7px; }
#step-13 .extra-text { padding: 345px 50px 0 50px; }

#how-found-out .found-out-submit { color: #ffffff; position: absolute; bottom: 20px; right: 0px; }

.ie7 #step-13 #main { height: 800px; }
.ie7 #how-found-out { width: 550px; }
#step-13 .found-out-response { position: absolute; bottom: 3px; right: 67px; }

.error { color: #ff0000; }
.success { color: #03a603; }

#image-area [href^="tel:"], #image-area [href^="tel:"]:link, #image-area [href^="tel:"]:visited, #image-area [href^="tel:"]:active {
	color: #fff !important; text-decoration: none;
}

.secondary-nav {
	display: none; position: absolute;
	bottom: 20px; right: 0; width: 60px; height: 60px;
	background: url("../resize.php/next-button.png?width=60&image=/img/mobile/next-button.png") no-repeat 0 0;
	z-index: 9999999; overflow: hidden; text-indent: -200px;
}

.nav-back {
	right: auto; left: 0;
	background: url("../resize.php/back-button.png?width=60&image=/img/mobile/back-button.png") no-repeat 0 0;
}


#step-3 .extra-text { padding: 380px 50px 20px; }

#step-3 #calculator-total {
	position: absolute;
	top: 51px;
	right: 110px;
	color: #000000;
	font-size: 23px;
	font-family: 'digital_dream_narrowregular';
	overflow: hidden;
	width: 150px;
	text-align: right;
}

#step-3 .extra-text p {
	display: inline-block;
	vertical-align: top;
	width: 680px;
	text-align: left;
	margin: 0;
	font-size: 18px;
	color: #6e6f71;
}


#step-3 .more-info-button {
	position: relative;
	right: auto;
	top: auto;
	display: inline-block;
	vertical-align: top;

	display: none;
}

#step-3 .extra-text div {
	position: relative;
	display: block;
	margin: 15px 0;
	text-align: right;
}

#step-3 label {
	display: inline-block;
	vertical-align: top;
	margin: 0 8px 0 25px;
	padding: 2px 0;
	font-size: 18px;
	color: #6e6f71;
}

#step-3 input,
#step-3 input:focus,
#step-3 .extra-text div.total {
	border-radius: 4px;
	width: 85px;
	height: 20px;
	border: solid 1px #eee;
	box-shadow: 0px 0px 5px #888;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 2px 8px 0;
	text-align: right;

}

#step-3 .extra-text div.total { overflow: hidden; }

#step-3 .extra-text .total-button {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	background: transparent url(../img/button-bg.png) 0 0 repeat-x;
	border: none;
	border-radius: 4px;
	box-shadow: 0px 0px 5px #888;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	width: 69px;
	height: auto;
	padding: 6px 0;
	cursor: pointer;
	margin: 0 0 0 25px;
}

#step-3 .extra-text .right-padding { padding-right: 97px; }
#step-3 .push-down { padding-top: 15px; }

#step-3 .extra-text .info-box { text-align: left; margin-top: -50px; }
#step-3 .extra-text .info-box p { width: auto; font-size: 13px; }


#step-3 .extra-text div.col { display: inline-block; vertical-align: top; }

#step-3 #protection-input { margin-top: 21px; }
#step-3 #protection-button { margin-top: 18px; }


#step-5 .step-5-content { padding: 50px 80px 15px; }

#step-5 .step-5-content h1 { font-size: 22px; font-weight: normal; }

#step-5 .step-5-content .boxes { text-align: center; }

#step-5 .box {
	background: transparent url(../img/step-5-box-bg.gif) 0 0 repeat-x;
	width: 140px; height: 168px; display: inline-block; vertical-align: top; text-align: center;
	padding: 10px; position: relative; cursor: pointer; margin: 0 4px 4px 0;


	width: 195px; text-decoration: none;

}

#step-5 .box:nth-child(3),
#step-5 .box:nth-child(6),
#step-5 .box:nth-child(9) { margin-right: 0; }


#step-5 .box:hover, #step-5 .box.active { border: solid 5px #f68324; padding: 5px; }
#step-5 .box .title { color: #f68121; font-size: 22px; line-height: 24px; margin-top: 10px; }

#step-5 .box.tourism .title { margin-top: 0; }

#step-5 .box .more-info-button {
	top: auto; 	bottom: 10px; right: 10px; width: 15px; height: 17px;
	background-image: url(../img/more-info-button-small.png);
	display: none;
}

#step-5 .box:hover .more-info-button,
#step-5 .box.active .more-info-button { bottom: 5px; right: 5px; }

#step-5 .box .icon { margin: 12px auto 0; background-repeat: no-repeat; }

#step-5 .box.retail-consumer .icon { background-image: url(../img/step-5/retail.png); width: 69px; height: 95px; }
#step-5 .box.agriculture .icon { background-image: url(../img/step-5/agriculture.png); width: 47px; height: 98px; }
#step-5 .box.services-and-utilities .icon { background-image: url(../img/step-5/services.png); width: 84px; height: 102px; margin-top: 5px; }
#step-5 .box.tourism-hospitality .icon { background-image: url(../img/step-5/tourism.png); width: 130px; height: 94px; margin: 12px 0 0 12px; }
#step-5 .box.transport-logistics-manufacturing .icon { background-image: url(../img/step-5/industrial.png); width: 65px; height: 93px; }
#step-5 .box.health .icon { background-image: url(../img/step-5/health.png); width: 82px; height: 78px; margin: 30px auto 0; }
#step-5 .box.education .icon { background-image: url(../img/step-5/education.png); width: 143px; height: 95px; margin: 22px auto 0; }
#step-5 .box.construction-and-mining .icon { background-image: url(../img/step-5/mining.png); width: 86px; height: 95px; margin: 8px auto 0; }
#step-5 .box.other .icon { background-image: url(../img/step-5/other.png); width: 122px; height: 103px; }

#step-5 #select-box {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;
	display: inline-block; opacity: 0;
}

#step-5 #select-box.show {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -khtml-opacity: 1;
    -moz-opacity: 1;
	opacity: 1;
}

#step-5 #select-box .option { display: none; }
#step-5 #select-box .show { display: block; }
#step-5 #select-box .long { padding-top: 6px; height: 26px; font-size: 12px; }
#step-5 #select-box .long:hover { padding-top: 3px; height: 23px; }

#step-5 #select-box .long.superlong { font-size: 13px; }

#step-4 #select-box .long, #step-5 #select-box .long { font-size: 14px; }

#step-5 .info-box { width: 254px; margin-top: 20px; padding-right: 40px; }

#step-5 .option .more-info-button { display: none; }

/* step 9 - thinner select box */

#step-5 #select-box { width: 320px; margin-left: 83px; }
#step-5 #select-box .select { background: transparent url(../resize.php/select-bg.png?width=320&image=/img/select-bg.png) 0 bottom repeat; width: 306px; padding: 0 7px; margin-top: 27px;  }
#step-5 #select-box .select-top { background: transparent url(../resize.php/select-bg-top.png?width=320&image=/img/select-bg-top.png) 0 bottom no-repeat; }
#step-5 #select-box .select .multi-option,
#step-5 #select-box .select .option,
#step-5 #select-box .select .parent-option { width: 287px; }
#step-5 #select-box .select .multi-option { width: 255px; }
#step-5 #select-box .select .multi-option:hover { width: 252px; }
#step-5 #select-box .select .option:hover { width: 284px; }
#step-5 #select-box .select-bottom {
	background: transparent url(../resize.php/select-bg-bottom.png?width=320&image=/img/select-bg-bottom.png) 0 bottom no-repeat;
	width: 320px; bottom: -7px;
}

#step-5 #error-box {
	width: 60%;
	margin: 10px auto;
	border: solid 1px #f68121;
	border-radius: 10px;
	padding: 10px;
	position: relative;
	color: #f68121;
	display: none;
}


#step-5 #error-box:after {
	content :"!";
	width: 24px;
	height: 21px;
	background: #f68121;
	color: #ffffff;
	border-radius: 12px;
	position: absolute;
	top: 4px;
	right: 4px;
	text-align: center;
	padding: 3px 0 0;
	box-shadow: 1px 1px 5px 0 #aaa;
}


#step-13 .hep-button {
	text-indent: -99999px;
	background: transparent url(../img/hep-button.png) 0 0 no-repeat;
	width: 388px; height: 72px; margin: 20px auto; display: block;
}

#step-13 .extra-text h4 { color: #f68121; font-size: 26px; font-weight: normal; text-align: center; }

#step-13 .reminder-label { margin-bottom: 6px; }
#step-13 #save-plan { width: auto; display: inline-block; margin: 12px auto 12px 8px; }



/* login */
header .wrapper { width: 940px; position: relative;  margin: 0 auto; }

header h2 { margin: 0; position: absolute; left: 0; top: 30px; }

header h6 { margin: 0; position: absolute; top: 30px; left: 262px; }


header #login-buttons { position: absolute; right: 0; top: 20px; }

header #login-buttons div { display: inline-block; color: #ffffff; padding: 4px; height: 21px; }

header #login-buttons .button, #save-plan {

	background: transparent url(../img/login-button-bg.png) 0 0 repeat-x;
	color: #ffffff;	padding: 4px 12px; border-radius: 5px; cursor: pointer; height: 21px; text-align: center;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	margin-left: 8px;
	width: 75px;

}







/* members */

#popup-mask {
	width: 100%; height: 100%; position: absolute;
	background: transparent url(../img/popup-mask-bg.png) 0 0 repeat;
	bottom: 0; left: 0; z-index: 999999;
	display: none;

}

.popup {

	width: 328px; max-width: 100%; background: #ffffff;
	position: absolute; top: 30px; left: 50%; margin-left: -164px;
	border-radius: 10px; box-shadow: 5px 5px 10px #000000; z-index: 999999;

	display: none;

}

.popup .close {

	background: #000000;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 4px 8px;
	text-decoration: none;
	border-radius: 12px;
	font-size: 16px;
	line-height: 16px;
	cursor: pointer;

}

.popup .header {
	display: block;
	background: transparent url(../img/popup-header-bg.png) 0 0 repeat-x;
	padding: 10px 10px 15px;
	text-align: center;
	color: #f68121;
	border-radius: 10px 10px 0 0;
	font-family: 'allerbold';
	font-size: 25px;

}

.popup .body {
	background: transparent url(../img/popup-bg.png) 0 100% repeat-x;
	display: block;
	padding: 20px 20px 10px 20px;
	text-align: center;
	border-radius: 0 0 10px 10px;
}

.popup input, .popup input:focus {
	display: block;
	border: none;
	margin: 0 0 20px 0;
	width: 262px;
	font-family: 'allerbold';
	font-size: 15px;
	padding: 12px;
	border-radius: 10px; box-shadow: 0 0 10px #999;
	background: #ffffff;

}

.popup input { color: #818081; }

/* placeholder text lighter */
.popup input::-webkit-input-placeholder{ color: #b8b8b8; }
.popup input:-moz-placeholder{ color: #b8b8b8; }
.popup input::-moz-placeholder{ color: #b8b8b8; }
.popup input:-ms-input-placeholder{ color: #b8b8b8; }
.popup input::-webkit-input-placeholder{ color: #b8b8b8; }
.popup input:-moz-placeholder{ color: #b8b8b8; }
.popup input::-moz-placeholder{ color: #b8b8b8; }
.popup input:-ms-input-placeholder{ color: #b8b8b8; }

.popup .button {
	background: transparent url(../img/popup-button-bg.png) 0 0 repeat-x;
	text-decoration: none;
	font-family: 'allerbold'; font-size: 18px;
	color: #ffffff;
	padding: 10px 10px 12px;
	border-radius: 10px; box-shadow: 0 0 10px #999;
	display: block;
	margin-bottom: 20px;
}

.popup .button:hover {
	background-image: url(../img/popup-button-bg-over.png);
}


.popup .link {
	text-decoration: none;
	color: #666567;
	font-family: 'AllerRegular';
	font-size: 18px;
	display: block;
	margin-bottom: 10px;

}

.popup .link strong {
	font-weight: normal;
	font-family: 'allerbold';
}

#change-password-popup {

	background: #ffffff;
	padding: 30px;
	height: 300px;

}

#change-password-popup .response {
	width: 270px;
	color: #019BAD;
	line-height: 24px;
}

#sign-up-body, #forgot-password-body { display: none; }


.info-box .close,
.add-contact-info-box .close {
	position: absolute; top: 0; left: 0;
	color: #ccc; cursor: pointer; width: 20px; height: 20px; text-align: center;
}

#step-7 .heading { display: inline-block; color: #004785; position: relative; width: auto; margin-top: 15px; }

#step-7 .info-trigger {
	display: block; cursor: pointer;
	background: transparent url("../img/more-info-button.png") no-repeat scroll 0 0;
	width: 26px; height: 30px; position: absolute; top: -7px; right: -33px;
}

#step-7 .info-trigger:hover { background-position: 100% 100%; }
#step-7 .info { padding: 15px; font-size: 12px; color: #333; display: none; }

#step-6 .hidden-form-input,
#step-10 .hidden-form-input { display: none; }


#step-1 .privacy-link { color: #ffffff; text-decoration: underline; display: block; position: absolute; bottom: 25px; left: 30px; }

#step-6 .info-text, #step-8 .info-text, #step-10 .info-text { padding: 225px 50px 0; }
#step-8 .info-text { padding-top: 230px; }
#step-10 .info-text { padding: 230px 200px 0 50px; }
#step-6 #contacts { top: 390px; }
#step-6 #image-area { height: 500px; }


#step-11 .blue-area a { color: #ffffff; text-decoration: none; }