#container a {
	color: #333;
	outline: none;
	text-decoration: none;
}
#container a:hover {
	color: #666;
}
#container p {
	line-height: 130%;
	padding-top: 15px;
}
#container .clearit {
	clear: both;
	height: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
#container {
	height: 362px;
	margin: 0px auto;
	margin: 20px auto; /*remove this line after embedding in kaseya site*/
	overflow: hidden;
	position: relative;
	width: 700px;
}
#container .headline {
	font-size: 23px;
	line-height: 25px;
}
#container .btn a {
	display: block;
	text-decoration: none;
}
#container .btn a span {
	visibility: hidden;
}
#container .progress {
	background: url('/configurator/images/transparent.png') repeat 0px 0px;
	height: 20px;
	left: 0px;
	position: absolute;
	top: 342px;
	width: 100%;
}
#container .progress ul li {
	float: left;
	font-size: 10px;
	font-weight: bold;
	list-style: none;
	padding: 4px 8px;
	text-transform: uppercase;
}
#container .progress ul li a {
	color: #afada1;
}
#container .progress ul li.on {
	background-color: #000;
}
#container .progress ul li.on a {
	color: #fff;
}
/* =Step 0
----------------------------------------------- */

#container.step0 {
	background: url('/configurator/images/bg_step0.jpg') no-repeat 0px 0px;
}
#container.step0 .headline {
	height: 96px;
	left: 25px;
	position: absolute;
	top: 31px;
	width: 334px;
}
#container.step0 .btn {
	height: 72px;
	left: 239px;
	position: absolute;
	top: 257px;
	width: 190px;
}
/* =Step 1
----------------------------------------------- */

#container.step1 {
	background: url('/configurator/images/bg_step1.jpg') no-repeat 0px 0px;
}
#container.step1 .headline {
	font-weight: bold;
	margin: 30px auto;
	text-align: center;
}
#container.step1 .pic1 {
	height: 208px;
	left: 42px;
	position: absolute;
	top: 115px;
	width: 152px;
}
#container.step1 .pic2 {
	height: 196px;
	left: 235px;
	position: absolute;
	top: 120px;
	width: 214px;
}
#container.step1 .pic3 {
	height: 225px;
	left: 460px;
	position: absolute;
	top: 115px;
	width: 208px;
}
#container.step1 .box1 {
	height: 58px;
	left: 35px;
	position: absolute;
	top: 90px;
	width: 167px;
}
#container.step1 .box2 {
	height: 58px;
	left: 280px;
	position: absolute;
	top: 90px;
	width: 132px;
}
#container.step1 .box3 {
	height: 58px;
	left: 486px;
	position: absolute;
	top: 90px;
	width: 174px;
}
/* =Step 2
----------------------------------------------- */

#container.step2 {
	background: url('/configurator/images/bg_step2.jpg') no-repeat 0px 0px;
}
#container.step2 .pic {
	height: 78px;
	left: 215px;
	position: absolute;
	top: 0px;
	width: 269px;
}
#container.step2 .choice1 {
	height: 32px;
	left: 240px;
	position: absolute;
	top: 78px;
	width: 219px;
}
#container.step2 .choice1 a {
	background: url('/configurator/images/pic_step2_itdept.png') no-repeat 0px 0px;
	display: block;
	height: 32px;
	width: 219px;
}
#container.step2 .choice1 a:hover {
	background-position: 0px -32px;
}
#container.step2 .choice2 {
	height: 30px;
	left: 240px;
	position: absolute;
	top: 110px;
	width: 219px;
}
#container.step2 .choice2 a {
	background: url('/configurator/images/pic_step2_itservice.png') no-repeat 0px 0px;
	display: block;
	height: 30px;
	width: 219px;
}
#container.step2 .choice2 a:hover {
	background-position: 0px -30px;
}
#container.step2 .choice1 span, #container.step2 .choice2 span {
	visibility: hidden;
}
/* =Step 3
----------------------------------------------- */

#container.step3 {
	background: url('/configurator/images/bg_step3.jpg') no-repeat 0px 0px;
}
#container.step3 .pic {
	height: 352px;
	left: 48px;
	position: absolute;
	top: 10px;
	width: 521px;
}
#container.step3 .progress {
	z-index: 8;
}
#container.step3 .headline {
	height: 160px;
	left: 375px;
	position: absolute;
	top: 100px;
	width: 280px;
}
#container.step3 .headline span {
	display: block;
	font-weight: bold;
	margin-top: 10px;
}
#container.step3 .btn {
	position: absolute;
	right: 25px;
	top: 25px;
}
#container.step3 #check1, #container.step3 #check2, #container.step3 #check3, #container.step3 #check4, #container.step3 #check5, #container.step3 #check6, #container.step3 #check7, #container.step3 #check8, #container.step3 #check9, #container.step3 #check10 {
	background: url('/configurator/images/pic_step3_check.png') no-repeat 0px 30px;
	height: 16px;
	position: absolute;
	width: 7px;
}
#container.step3 .on {
	background-position: 0px 0px !important;
}
#container.step3 #check1 {
	left: 85px;
	top: 118px;
}
#container.step3 #check2 {
	left: 91px;
	top: 138px;
}
#container.step3 #check3 {
	left: 97px;
	top: 160px;
}
#container.step3 #check4 {
	left: 102px;
	top: 181px;
}
#container.step3 #check5 {
	left: 110px;
	top: 205px;
}
#container.step3 #check6 {
	left: 118px;
	top: 225px;
}
#container.step3 #check7 {
	left: 120px;
	top: 248px;
}
#container.step3 #check8 {
	left: 127px;
	top: 268px;
}
#container.step3 #check9 {
	left: 135px;
	top: 288px;
}
#container.step3 #check10 {
	left: 141px;
	top: 310px;
}
/* =Step 4
----------------------------------------------- */

#container.step4 {
	background: url('/configurator/images/bg_step4.jpg') no-repeat 0px 0px;
}
#container.step4 .pic {
	height: 313px;
	position: absolute;
	right: 0px;
	top: 50px;
	width: 433px;
}
#container.step4 .btn {
	height: 60px;
	left: 212px;
	position: absolute;
	top: 248px;
	width: 135px;
}
#container.step4 #btnReconfigure {
	color: #6c3;
}
#container.step4 #btnReconfigure:hover {
	color: #fff;
}