﻿#navigation a.tech { background-position: -74px -50px; }

/* OVERVIEW PAGE */
#ise-img {
    padding-top: 10px;
    padding-bottom: 15px;
}

#watch-button, #watch-full-button {
    width: 109px;
    height: 28px;
    margin: 10px 0px 10px 10px;
}

#watch-full-button {
    margin-right: 10px;
}

#watch-button a, #watch-full-button a {
    background: url('images/watch.png') no-repeat 0px 0px;
    display: block;
    width: 109px;
    height: 20px;
    text-align: center;
    padding-top: 8px;
    font-size: 0.9em;
}

#watch-button a:hover, #watch-full-button a:hover {
    background-position: 0px -28px;
}

#our-tech-share img {
    width: 83px;
    height: 16px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.large-video {
    width:670px;
    height:402px;
    border-top: 1px solid #b8d026;
    border-left: 1px solid #b8d026;
    border-right: 1px solid #b8d026;
}

/* INTERACTIVE HOUSE PAGES */
/* INTRODUCTION PAGE */
#intro-text {
    margin-top: 20px;
    width: 200px;
    padding: 10px;
    background-color: #1E1D1E;
    border-top: 1px solid #573a5d;
}

#intro-text #select-house-heading {
    color: #B8D026;
    font-size: 1.8em;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

#intro-text #desc {
    margin: 0px;
    padding: 0px;
}

.intropg-sidebar-select-house {
    width: 200px;
    height: 98px;
    background-color: #B8D026;
    padding: 10px;
    color: #000000;
    text-align: center;
}

.intropg-sidebar-select-house p {
    margin: 0px;
    padding: 0px 0px 5px 0px;
}

.intropg-sidebar-select-house p.small {
    font-size: 0.9em;
}

#topHouse {
    border-bottom: 1px solid #000000;
}

.intropg-sidebar-select-house .house-id {
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.intropg-sidebar-select-house .visit-house {
    background: url('images/tech-intropg-overview-visit-house.png') no-repeat 0px 0px;
    width: 200px;
    height: 21px;
    display: block;
    padding-top: 7px;
}

.intropg-sidebar-select-house .visit-house:hover {
    background-position: 0px -28px;
}

.house-intro-desc img {
    border: 1px solid #B9D028;
    float: left;
    margin-right: 10px;
}

.house-intro-desc p {
    margin-left: 124px;
}

#first-house-desc {
    min-height: 114px;
    _height: 114px;
}

#intropg-select-house-btm {
    background: #B8D022;
    height: 32px;
    width: 648px;
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
}

#intropg-select-house-btm img {
    margin-right: 10px;
    padding-top: 3px;
}

#twitter-text {
    padding:10px;
    width: 200px;
    margin-top: 0px;
    background-color: #1e1d1e;
    border-bottom: 1px solid #573a5d;
}

#twitter-text #follow-image {
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 0px;
}




/* HOUSE INFORMATION PAGES */
#take-control-sidebar {
    background: #B8D022;
    width: 200px;
    min-height: 102px;
    color: #000000;
    padding: 10px 10px 10px 10px;
    margin: 30px 25px 20px 0px;
}

#take-control-sidebar p {
    line-height: 120%;
    margin: 8px 0px 8px 0px;
    padding: 0px;
    font-size: 0.9em;
}

#take-control-sidebar p#control-heading {
    font-size: 1em;
    margin-top: 0px;
}

.select-house-dropdown {
    width:180px;
    margin-bottom: 5px;
}

#take-control-sidebar a.control-button {
    background: url('images/control-button.png') 0px 0px;
    _background: url('images/control-button.gif') 0px 0px;
    width: 198px;
    height: 25px;
    display: block;
    font-size: 2.1em;
    text-align: center;
    padding-top: 3px;
    margin-top: 14px;
}

#take-control-sidebar a.leave-button {
    background: url('images/control-leave.png') 0px 0px;
    _background: url('images/control-leave.gif') 0px 0px;
    width: 198px;
    height: 25px;
    display: block;
    font-size: 2.1em;
    text-align: center;
    padding-top: 3px;
    margin-top: 14px;
}

#take-control-sidebar a.finish-button {
    background: url('images/control-finish.png') 0px 0px;
    _background: url('images/control-finish.gif') 0px 0px;
    width: 198px;
    height: 25px;
    display: block;
    font-size: 2.1em;
    text-align: center;
    padding-top: 3px;
    margin-top: 10px;
    margin-bottom: 0px;

}

#take-control-sidebar a:hover {
    background-position: 0px -28px;
    color: #FFFFFF !important;
}

.twitteryn {
    display: none;
    margin-top: 12px;
    margin-bottom: 0px;
}

#take-control-sidebar a.btnyes {
    background: url('images/btnyes.jpg') 0px 0px;
    width: 95px;
    height: 28px;
    display: block;
    float: left;
    margin: 0px;
}

#take-control-sidebar a.btnno {
    background: url('images/btnno.jpg') 0px 0px;
    width: 95px;
    height: 28px;
    display: block;
    text-align: center;
    float: right;
    margin: 0px;
}

.twitterconfirm { margin-top: 20px; }

#house-content-navigation {
    margin-bottom: 30px;
}

.single-black-bullet {
    margin-top: 5px;
}

.single-black-bullet a {
    background: url('images/sidenav-bullet.png') no-repeat 0px 10px;
    _background: url('images/sidenav-bullet.gif') no-repeat 0px 10px;
    margin: 0px;
    height: 14px;
    padding: 13px 0px 13px 30px;
}

.houseTabNavigation {
    width: 517px;
    margin: 0px;
    padding: 0px;
}

.introdivs
{
	min-height:155px;
}

.tabsdivs 
{
	height:420px;
	position:relative;
}

.tabsdivs .left
{
	width:229px;
	float:left;
}

.tabsdivs .right
{
	width:657px;
	float:right;
}

.tabsdivs #home
{
	background: url('images/house-home-bg.gif') 0px 0px;
	width:896px;
	height:370px;
	padding:11px;
	color:#B8D020;
	position:absolute;
	top:0px;
}

.tabsdivs #home #dialheading
{
	margin-top:10px;
	height:42px;
	width:200px;
	text-align:center;
	font-weight:bold;
}

.tabsdivs #home #dial
{
	background: url('images/house-home-dial-bg.jpg') 0px 0px no-repeat;
	height:180px;
}

.tabsdivs #home #selector
{
	margin-top:15px;
	height:100px;
	width:200px;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
}

.appgroups {
    list-style-type: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    height: 28px;
    float: right;
}

.appgroups li {
    float: left;
    margin: 0px;
    padding: 0px;
}

.appgroups li a {
    list-style-type: none;
    background: url('images/house-app-groups.gif') 0px 0px;
    width: 40px;
    height: 40px;
    display: block;
}

.appgroups li a.aall
{
	background-position: 0px -80px;
}

.appgroups li a.aall:hover,.appgroups li a.aall.sel
{
	background-position: 0px 0px;
}

.appgroups li a.acooking
{
	background-position: -40px -80px;
}

.appgroups li a.acooking.on
{
	background-position: -40px -160px;
}

.appgroups li a.acooking:hover,.appgroups li a.acooking.sel
{
	background-position: -40px 0px;
}



.appgroups li a.ahomeentertainment
{
	background-position: -80px -80px;
}

.appgroups li a.ahomeentertainment.on
{
	background-position: -80px -160px;
}

.appgroups li a.ahomeentertainment:hover,.appgroups li a.ahomeentertainment.sel
{
	background-position: -80px 0px;
}



.appgroups li a.ahomelaundry
{
	background-position: -120px -80px;
}

.appgroups li a.ahomelaundry.on
{
	background-position: -120px -160px;
}

.appgroups li a.ahomelaundry:hover,.appgroups li a.ahomelaundry.sel
{
	background-position: -120px 0px;
}



.appgroups li a.ahomeoffice
{
	background-position: -160px -80px;
}

.appgroups li a.ahomeoffice.on
{
	background-position: -160px -160px;
}

.appgroups li a.ahomeoffice:hover,.appgroups li a.ahomeoffice.sel
{
	background-position: -160px 0px;
}



.appgroups li a.ahotdrinks
{
	background-position: 0px -120px;
}

.appgroups li a.ahotdrinks.on
{
	background-position: 0px -200px;
}

.appgroups li a.ahotdrinks:hover,.appgroups li a.ahotdrinks.sel
{
	background-position: 0px -40px;
}



.appgroups li a.alighting
{
	background-position: -40px -120px;
}

.appgroups li a.alighting.on
{
	background-position: -40px -200px;
}

.appgroups li a.alighting:hover,.appgroups li a.alighting.sel
{
	background-position: -40px -40px;
}



.appgroups li a.apersonalcare
{
	background-position: -80px -120px;
}

.appgroups li a.apersonalcare.on
{
	background-position: -80px -200px;
}

.appgroups li a.apersonalcare:hover,.appgroups li a.apersonalcare.sel
{
	background-position: -80px -40px;
}


.appgroups li a.arefrigeration
{
	background-position: -120px -120px;
}

.appgroups li a.arefrigeration.on
{
	background-position: -120px -200px;
}

.appgroups li a.arefrigeration:hover,.appgroups li a.arefrigeration.sel
{
	background-position: -120px -40px;
}



.appgroups li a.ashower
{
	background-position: -160px -120px;
}

.appgroups li a.ashower.on
{
	background-position: -160px -200px;
}

.appgroups li a.ashower:hover,.appgroups li a.ashower.sel
{
	background-position: -160px -40px;
}

.tabsdivs #appliances
{
	background: url('images/house-appliances-bg.jpg') 0px 0px;
	width:896px;
	height:392px;
	padding:11px;
	color:#B8D020;
	position:absolute;
	top:0px;
}

.tabsdivs #appliances #apptitle
{
	padding:7px 3px 14px 0px;
	height:31px;
	font-weight:bold;
}

.tabsdivs #appliances #dialappmain
{
	background: url('images/house-app-dial-bg.jpg') 0px 10px no-repeat;
	height:280px;
	margin-top:30px;
	float:left;
	
}

.tabsdivs #appliances #dialappsmall
{
	/*background: url('images/house-home-dial-bg.jpg') 0px 0px no-repeat;*/
	background: url('images/house-app-dial-small-bg.jpg') 0px 0px no-repeat;
	height:180px;
	margin-top:70px;
	float:left;
}

.tabsdivs #appliances #selector2
{
	margin-top:0px;
	height:100px;
	width:200px;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
}

.tabsdivs #appliances #groupappliances
{
	margin-top:35px;
	width:185px;
	margin-left:10px;
	text-align:center;
}

.tabsdivs #appliances #groupappliances
{
	font-size:1.2em;
	margin-bottom:20px;
}

.tabsdivs #history
{
	background: url('images/house-history-bg.jpg') 0px 0px;
	width:918px;
	height:367px;
	padding:0px;
	color:#B8D020;
	position:absolute;
	top:0px;
}

.tabsdivs #history #recorddays
{
	padding:20px 10px 10px 10px;
	height:22px;
	text-align:center;
}

.tabsdivs #history #alltimehigh
{
	padding:20px 10px 20px 10px;
	height:16px;
}

.tabsdivs #history #high
{
	padding:10px;
	height:80px;
}

.tabsdivs #history #alltimelow
{
	padding:20px 10px 20px 10px;
	height:16px;
}

.tabsdivs #history #low
{
	padding:10px;
	height:80px;
}

.tabsdivs #history #highdate,.tabsdivs #history #highvalue,.tabsdivs #history #lowdate,.tabsdivs #history #lowvalue
{
	color:#FFFFFF;
	text-align:center;
	margin-top:5px;
	margin-bottom:10px;
	font-weight:bold;
}


.tabsdivs #history #graphtitle
{
	padding:18px 14px 14px 0px;
	height:20px;
	font-weight:bold;
}

.tabsdivs #history #graph
{
	padding:18px 14px 14px 0px;
}

.tabsdivs  #history .left
{
	width:229px;
	float:left;
	
}

.tabsdivs  #history .right
{
	width:656px;
	float:right;
}

.tabsdivs #co2
{
	background: url('images/house-co2-bg.jpg') 0px 0px;
	width:918px;
	height:414px;
	padding:0px;
	color:#B8D020;
	position:absolute;
	top:0px;
}

.tabsdivs #co2 #dialco2
{
	background: url('images/house-app-dial-bg.jpg') 0px 10px no-repeat;
	height:280px;
	margin-top:30px;
}

.tabsdivs #co2 #crecorddays
{
	padding:20px 10px 10px 10px;
	height:22px;
	text-align:center;
}

.tabsdivs #co2 #calltimehigh
{
	padding:20px 10px 20px 10px;
	height:16px;
}

.tabsdivs #co2 #chigh
{
	padding:10px;
	height:80px;
}

.tabsdivs #co2 #calltimelow
{
	padding:20px 10px 20px 10px;
	height:16px;
}

.tabsdivs #co2 #clow
{
	padding:10px;
	height:80px;
}

.tabsdivs #co2 #chighdate,.tabsdivs #co2 #chighvalue,.tabsdivs #co2 #clowdate,.tabsdivs #co2 #clowvalue
{
	color:#FFFFFF;
	text-align:center;
	margin-top:5px;
	margin-bottom:10px;
	font-weight:bold;
}

.tabsdivs #co2 #co2title
{
	padding:18px 14px 14px 0px;
	height:20px;
	font-weight:bold;
}

#groupappliances ul {
    list-style-type: none;
    margin:10px 0px 0px 0px;
    padding: 0px;
    height: 28px;
    float: right;
}

#groupappliances ul li {
    float: left;
    margin: 0px;
    padding: 0px;
}

#groupappliances ul li a {
    list-style-type: none;
    background: url('images/button-app.gif') 0px 0px;
    width: 183px;
    height: 22px;
    display: block;
    text-align: center;
    margin: 0px 0px 10px 0px;
    padding: 6px 0px 0px 0px;
    font-size: 0.7em;
}

#groupappliances ul li a:hover, #groupappliances ul li.sel a, #groupappliances ul li a.sel {
    background-position: 0px -28px;
    color: White;
}
