/* ------------------------ CONTENT SLIDER Lighting Systems Pages STYLES ------------------------------------------ */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #CCCCCC;
width: 599px; /*width of featured content slider*/
height: 200px;
margin-top: 8px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 599px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.sliderwrapper2{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
/*border: 1px solid #CCCCCC;*/
width: 500px; /*width of featured content slider*/
height: 250px;
margin-top: 8px;
}

.sliderwrapper2 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 500px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 250px;
padding: 10px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.contentdiv-test {
width: 589px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 200px;
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination{
width: 579px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
padding: 2px 2px 0px 18px;;;
background-image: none;
color: white;
}

.pagination a{
padding: 0 1px;
text-decoration: none; 
color: white;
}

.pagination a:hover {
font-weight: bold;
}
.pagination a.selected{
font-weight: bold;
text-decoration: underline;
}
#nextButton {
	background-image:url(../images/mk-boxes/tour/smallNEXTbutton.gif);
	background-position: left;
	text-decoration: none;
	background-repeat: no-repeat;
	text-align:center;
	width: 50px;
	color: #606;
}
#nextButton a{
	text-decoration: none;
}

/* ------------------------ PRODUCT TOUR Lighting Systems Pages STYLES ------------------------------------------ */

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

#tour-presentation {
	position: relative;
	width: 600px;
	height: 350px;
	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin:0px; padding:0px;
}
#tour-presentation-intro {
	position: relative;
	width: 600px;
	height: 350px;
	left: 0px;
	top:0px;
	background-image: url(../images/mk-boxes/tour/tour-intro.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#tour-presentation-intro-content {
	position: relative;
	top: 70px;
	float: right;
	right: 20px;
	width: 350px;
	height:105px;
}
#tour-presentation-whatis {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-whatis.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-features1 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-features-fluorescent.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-features2 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-features-halogen.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-features3 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-features-led.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-features4 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-features-switches.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-features5 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-features-rotation.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-features6 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-features-options.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-benefits1 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-benefits-wrap.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-benefits2 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-benefits-whitebg.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-benefits3 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-benefits-nowshadows.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-benefits4 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-benefits-editing.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-benefits5 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-benefits-more.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-benefits6 {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-benefits-samplephotos.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}

#tour-presentation-products {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-products.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-accessories {position: relative; 	width: 600px; 	height: 350px; 	left: 0px;
	background-image: url(../images/mk-boxes/tour/tour-accessories.jpg);
	background-position: top left; 	background-repeat: no-repeat;
}
#tour-presentation-steps-content {
	position: relative;
	width: 290px;
	height: auto;
	left: 21px;
	top: 70px;
}
#tour-presentation-steps-content-right{
	position: relative;
	width: 300px;
	height: auto;
	right: 18px;
	float:right;
	top: 70px;
}
#tour-presentation-steps-content-right2{
	position: relative;
	width: 250px;
	height: auto;
	right: 15px;
	float:right;
	top: 70px;
}
/* -------------------------TABS for How it works Page STYLES ------------------------------------------ */
#tour-presentation-tabs {
	position: relative;
	background: url(../images/mk-boxes/howitworks/tabs-background.jpg);
	background-repeat: no-repeat; background-position: center;
	min-height: 35px; height:37px;	width: 600px; 
	_height: 35px; _width: 600px;
	margin: 0px; padding:0px;
	top: -3px;
}
#tour-presentation-tabs {
	list-style: none;
	left: 0px;
}
.tabs-tour {
	padding: 1px 0 0 0;
	margin: 0px 0px 0px 22px;
	top: 5px;
}

.tabs-tour li{
	display: inline;
	padding: 0px 1px;
	font-size: 11px;
	color:#FFF;
}

.tabs-tour li a{
	text-decoration: none;
	position: relative;
	color: #FFF;
	height: 37px;
	top:0px;
}

.tabs-tour li a:hover{
	text-decoration: none;
	text-decoration: underline;
}

.tabs-tour li a.selected{ /*selected main tab style */
	position: relative;
	font-weight: bold;
	text-decoration: underline;
	
}

.tabs-tour li 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 ------------------------------------------ */