/*==== bunch of css that's used on all thermostat product pages: 365 reasons facts reviews */

.thermostat-nav a{
	-webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition:color 0.2s ease-in-out;
	transition:color 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
}

.product-signup button span,
.hero p.tour-button span,
ul.carousel li {
	-moz-transition: opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition:opacity .2s linear;
	transition: opacity .2s linear;
	-webkit-backface-visibility: hidden;
}

.hero ul.carousel.bgs li {
	-moz-transition: opacity 1s linear;
	-webkit-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	-ms-transition: opacity 1s linear;
	transition: opacity 1s linear;
	-webkit-backface-visibility: hidden;
}

.hero ul.carousel.titles li {
	-moz-transition: opacity .5s ease-out .5s;
	-webkit-transition: opacity .5s ease-out .5s;
	-o-transition: opacity .5s ease-out .5s;
	-ms-transition: opacity .5s ease-out .5s;
	transition: opacity .5s ease-out .5s;
	-webkit-backface-visibility: hidden;
}

.gallery-timeline .fill{
	-moz-transition: width .1s linear;
	-webkit-transition: width .1s linear;
	-o-transition: width .1s linear;
	-ms-transition:width .1s linear;
	transition: width .1s linear;
	-webkit-backface-visibility: hidden;
}

.thermostat-hero {
	position: relative;
	overflow: hidden;
}

.thermostat-hero .header-area {
	z-index: 5;
}

.thermostat-hero ul.bgs1 {
	position: absolute;
	width: 100%;
	height: 580px;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 5;
}

.thermostat-hero ul.bgs1 li {
	position: absolute;
	display: block;
	width: 100%;
	height: 580px;
	left: 0;
	top: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center top;
}

.thermostat-hero .header-area {
	height: 580px;
}

.thermostat-hero .header-area1 {
	height: 1px;
}

.thermostat-hero .header-area h1 {
	position: absolute;
	top: 179px;
	z-index: 20;
}

.thermostat-hero .header-area ul.titles {
	position: absolute;
	top: 175px;
	z-index: 30;
}

.thermostat-hero .header-area ul.titles li {
	display: block;
	left: 0px;
	top:  0px;
	overflow: hidden;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

.thermostat-hero .header-area ul.titles li.selected {
	left: 0px;
	top:  0px;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);

}
.ie7 .thermostat-hero .header-area ul.titles li.selected,
.ie8 .thermostat-hero .header-area ul.titles li.selected{
	filter: none !important;
}

.thermostat-hero .header-area p.tour-button {
	position: absolute;
	top: 294px;
	left: 12px;
	width: 198px;
	z-index: 40;
}

.hero p.tour-button span {
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

.hero p.tour-button span.icon {
	height: 51px;
	width: 51px;
	top: 0;
	left: 0;
}

.hero p.tour-button span.label {
	top: 1px;
	left: 64px;
}

.hero p.tour-button span.up {
	background-image: url(../img/00_product/header_play_icon_up.png);
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.hero p.tour-button span.over {
	background-image: url(../img/00_product/header_play_icon_over.png);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

.hero p.tour-button:hover span.up {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

.hero p.tour-button:hover span.over {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.ie7 .hero p.tour-button:hover span.over,
.ie8 .hero p.tour-button:hover span.over,
.ie7 .hero p.tour-button span.up,
.ie8 .hero p.tour-button span.up {
	filter: none !important;
}
.thermostat-hero .header-area h1 {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.product-subnav {
	background:url('../img/00_global/1280_dbe3e5.gif') repeat-y center;
	height:70px;
	width:100%;
	z-index: 99;
}

.thermostat-nav {
	display:block;
}

.thermostat-nav a{
	font-size:18px;
	color:#7b858e;
	margin:26px 36px 0 0;
	display:block;
	float:left;
	height:44px;
}

.ie7 .thermostat-nav li{ 
display: inline;
}

.thermostat-nav a:hover{
	color:#3d4247;
}

.thermostat-nav .current-menu-item a {
	color:#00afd8;
	background:url("../img/00_global/notch.png") no-repeat center bottom;
}
.product-subnav .buy-tout{
	display: block;
}

.ie7 .product-subnav .buy-tout, 
.ie8 .product-subnav .buy-tout,
.ie9 .product-subnav .buy-tout {
margin-top: -2px;
}

.product-subnav .buy-tout .text-button{
	padding-left: 25px;
	margin: -63px 0 0 42px;
	display: block;
	z-index: 2;
}

a.orange {
	font-size: 13px;
}



.ie7 .product-subnav .buy-tout .text-button,
.ie8 .product-subnav .buy-tout .text-button{
	margin-top:0;
	top:-53px;
	position: relative;
}
.ie9 .product-subnav .buy-tout .text-button{
display:inline-block;
top:-31px;
left:-5px;
position: relative;
}
.product-subnav .buy-tout img{
	z-index: 10;
	zoom: 1;
	position: relative;
	top: 17px;
}
.ie9 .product-subnav .buy-tout img{
	left:51px;
}
/* buy now*/

.thermostat-buy-now{
	padding: 150px 0 0 0;
}

.buy-now-notify{
	width: 380px;
	margin: 81px 0 0 14px;
}
.buy-now-notify h1 {
	margin-left: -3px;
}
.buy-now-notify.bigger>p{
	margin:6px 0 16px 0;
	display: block;
}

.thermostat-buy-now .back-to-top{
	margin-top:50px;
}

.thermostat-buy-now .continue-exploring{
	margin-top:-41px;
	width:260px;
}
.thermostat-buy-now .continue-exploring ul{
	margin-top:16px;
}
.thermostat-buy-now .continue-exploring li{
	margin-bottom:20px;
}
.thermostat-buy-now .continue-exploring li img{
	margin-bottom:4px;
}
.thermostat-buy-now .continue-exploring li .img-border{
	width:250px;
	height:55px;
}

/*
* =CAROUSEL
* ----------------------- */

ul.carousel li {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 10;
}

ul.carousel li.selected {
	opacity: 1;
	z-index: 20;
}

html.ie7 ul.carousel li,
html.ie8 ul.carousel li {
	display: none;
}

html.ie7 ul.carousel li.selected,
html.ie8 ul.carousel li.selected {
	display: block;
}

a.page-button {
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999px;
	margin-right: 5px;
	background-image: url(../img/00_global/page_button_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

html.ie7 a.page-button {
	display: block;
	float: left;
}

a.page-button:hover,
a.page-button.selected {
	background-position: 0 -10px;
}



/*
* =BUTTONS
* ----------------------- */

.oval-btn {
	padding: 0 30px;
	background-color: #10b1db;
	color: #fff;
	height: 30px;
	font-family: "FullerSansDTBold", sans-serif;
	font-size: 13px;
	line-height: 30px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	display: inline-block;
	text-transform: uppercase;
	position: absolute;
}
.oval-btn:hover {
	background-color: #3d4247;
}
.ie7 .oval-btn{
	zoom:1;
}


.video-btn {
	position: absolute;
	z-index: 40;
}



/*
* =THUMB GALLERY
* ----------------------- */

.gallery-timeline{
	height:5px;
	background-color: #dbe3e6;
}
.gallery-timeline .fill{
	float:left;
	background-color: #97a1aa;
	width:0px;
	height:5px;
	margin:0;
}
.control-bar {
	background-color: #BDC4C9;
}

.gallery-prev,
.gallery-next,
.gallery-thumbnails li{
	float:left;
}
.gallery-thumbnails li{
	margin-left:1px;
}
.gallery-thumbnails li:first-child{
	margin-left:0px;
}
.thumbnail-gallery .play-pause{
	width:29px;
	height:30px;
	display:block;
	position:absolute;
	z-index: 99;
	bottom: 78px;
	right: 14px;
}


.thumbnail-gallery .play-pause.pause{
	background:url('../img/00_product/gallery_ui/pause.png') no-repeat center;
}
.thumbnail-gallery .play-pause.pause:hover{
	background:url('../img/00_product/gallery_ui/pause-over.png') no-repeat center;
}
.thumbnail-gallery .play-pause.play{
	background:url('../img/00_product/gallery_ui/play.png') no-repeat center;
}
.thumbnail-gallery .play-pause.play:hover{
	background:url('../img/00_product/gallery_ui/play-over.png') no-repeat center;
}



.video-tour-btn {
	display: block;
	height: 100%;
}