﻿@charset "utf-8";
/* CSS Document */
.SlidingPanels {
	margin: 0 auto;
	position: relative;
	width: 838px;
	padding: 0px;
}
#slidingPanel{
	border-left: 5px solid #8cbe4f;
	border-right: 5px solid #8cbe4f;
}
.SlidingPanelsContentGroup {
	position: relative;
	float: left;
	width: 10000px;
	margin: 0px;
	padding: 0px;
	sborder: none;
}

.SlidingPanelsContent {
	float: left;
	width: 388px;
	height: 200px;
	overflow: hidden;
	margin: 0 0;
	padding: 40px 50px 0 400px;
	background:url(../images/pre-bg.gif) top repeat-x;
	color: #fff;
}
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.slidingTabPanelWrapper {
	width:848px;
	height:60px;
	margin:0 auto;
	display: none;
}
.slidingTabPanel {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:848px;
	height:60px;
}
.slidingTabPanel li {
	list-style:none;
	float:left;
	width:106px;
	margin:0 0;
}
.tabActive {
	position:relative;
	display:block;
	width:106px;
	height:60px;
	cursor:default;
	outline:none;
	background-position:0 -60px;
}
.tab {
	position:relative;
	display:block;
	width:106px;
	height:60px;
	background-position:0 0;
	cursor:pointer;
	outline:none;
}
.tab:hover {
	background-position:0 -60px;
}
#comfort {
	background-image:url(../images/btn-comfort.gif);
}
#energy {
	background-image:url(../images/btn-save-energy.gif);
}
#sensors {
	background-image:url(../images/btn-sensors.gif);
}
#internet {
	background-image:url(../images/btn-internet.gif);
}
#easy {
	background-image:url(../images/btn-easy-to-use.gif);
}
#alerts {
	background-image:url(../images/btn-alerts.gif);
}
#circ {
	background-image:url(../images/btn-circ.gif);
}
#recovery {
	background-image:url(../images/btn-recovery.gif);
}
#comfortPanel, #energyPanel, #sensorsPanel, #internetPanel, #easyPanel, #alertsPanel, #circPanel, #recoveryPanel	{
	position:relative;
}
.SlidingPanelsContent h2	{
	font-size: 20px;
	margin-bottom: 10px;
	color: #fff;
}

