/* -------------------------HOW IT WORKS tdghting Systems Pages STYLES ------------------------------------------ */

#howitworks-body {
	position: relative;
	width: auto;
	height: auto;
}

#howitworks-presentation {
	position: relative;
	width: 600px;
	height: 350px;
	left: 0px;
	background-image: url(../images/mk-boxes/howitworks/how-it-works-bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin:0px; padding:0px;
}
#howitworks-presentation-intro {
	position: relative;
	width: 600px;
	height: 350px;
	left: 0px;
	top:0px;
	background-image: url(../images/mk-boxes/howitworks/how-it-works-intro.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#howitworks-presentation-intro-content {
	position: relative;
	top: 230px;
	left: 315px;
	width: 285px;
	height:105px;
}
#howitworks-presentation-step1 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/howitworks/how-it-works-step1.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#howitworks-presentation-step2 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/howitworks/how-it-works-step2.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#howitworks-presentation-step3 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/howitworks/how-it-works-step3.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#howitworks-presentation-step4 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/howitworks/how-it-works-step4.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#howitworks-presentation-step5 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/howitworks/how-it-works-step5.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#howitworks-presentation-steps-content {
	position: relative;
	width: 260px;
	height: auto;
	left: 10px;
	top: 80px;
}

#howitworks-presentation-intro-content p{position: relative; left:15px; margin-bottom: 3px; width: auto;}
/* -------------------------TABS for How it works Page STYLES ------------------------------------------ */
#howitworks-presentation-tabs {
	position: relative;
	background: url(../images/mk-boxes/howitworks/tabs-background.jpg);
	background-repeat: no-repeat; background-position: top center;
	min-height: 35px; height:37px;	width: 600px; 
	_height: 35px; _width: 600px;
	margin: 0px; padding:0px;
	top: -3px;
}
#howitworks-presentation-tabs ul {
	left: 0px;
}
.tabs-howitworks {
	padding: 0 0 0 0;
	margin: 0px;
}
.tabs-howitworks td{
	/*padding: 0px 29px; display: inline;*/
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	color:#FFF;
}

.tabs-howitworks td p{color:#FFF; width:100%; border-right:1px solid white;}
.tabs-howitworks a{
	display: block;
	text-decoration: none;
	position: relative;
	color: #FFF;
	height: 37px;
	top:0px;
}

.tabs-howitworks td a:hover{
	text-decoration: underline;
}

.tabs-howitworks td a.selected{ /*selected main tab style */
	position: relative;
	color:#606;
}

.tabs-howitworks td a.selected{ /*selected main tab style */
	background-image: url(../images/mk-boxes/howitworks/how-it-works-tab.png);
	background-repeat: no-repeat;
}

.tabs-howitworks td a.selected:hover{ /*selected main tab style */
	text-decoration: _none;
}

.tabcontent{
display: none;
}

@media print {
.tabcontent {
display:block !important;
}
/* -------------------------END OF TABS for How it works Page STYLES ------------------------------------------ */

/* -------------------------TABS Content STYLES ------------------------------------------ */