/*
Theme Name: Nest Labs Marketing Site
Theme URI: http://www.nest.com/
Description: Custom theme for nest.com based on exisitng site design/content. Do not switch from this theme.
Author: Jon Lukas
Version: 1.0
License: 
License URI: 
Tags: 
*/




/* ==== Scroll down to find where to put your styles :) ==== */

/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;

}
body{
	cursor:default;
	background: url('static/img/00_global/background.png') repeat-y center #fafafa;
}
a, button{
	cursor:pointer;
	outline: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #fff; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle;-webkit-appearance: none }

body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: auto; }
a:{ outline: none; }
ul, ol { margin-left:0; list-style-image: none; list-style-type:none }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 55% !important; line-height: 0; position: relative; }
sup { /*top: -0.75em;*/ }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }

::-moz-focus-inner {border:0;padding:0;margin:0;}
::-moz-selection{ background: #00afd8; color:#fff; text-shadow: none; }
::selection { background:#00afd8; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: rgba(0,0,0,0);}

/* hide the dotted lines around an element when it receives focus */
.ie7 * { _noFocusLine: expression(this.hideFocus=true); }
.ie8 :focus {outline:none;}


button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*safari desktop only fixes*/

@media screen and (-webkit-min-device-pixel-ratio:0){
	body:first-of-type .ir {overflow:visible}
	.scroll-pane {position: relative}
	.scroll-pane a,.scroll-pane p{-webkit-backface-visibility: visible}
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}




/*========= FULLER FONTS =========*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 16, 2011 */

@font-face {
    font-family: 'SF-Heavy';
    src: url('fonts/SF-Heavy.otf');
    src: url('fonts/SF-Heavy.otf?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF-Regular';
    src: url('fonts/SF-Regular.otf');
    src: url('fonts/SF-Regular.otf#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}



/*-------------------MARKDOWN RESETS ----------------*/

.markdown ul{
	list-style-type:disc;
	margin-left:20px;
}
.ie7 .markdown li ul{
	margin-left:30px;
	list-style-type:circle;
}
.markdown li ul li{
	list-style-type:none;
}
.markdown li ul li:before{
	content:'–  ';
	margin-left:18px;
}
.markdown li ol{
	margin-left:38px;
	list-style-type:decimal;
}
.markdown ol{
	margin-left:21px;
	list-style-type:decimal;
}
.markdown li{
	margin-bottom:12px;
}
.markdown li ul li,
.markdown li ol li{
	margin-bottom:1px;
}
.markdown p{
	margin-bottom:14px;
}
.markdown h5{
	margin-top:42px;
	margin-bottom:16px;
}
.markdown h2{
	font-size: 18px;
	margin-bottom: 18px;
}
.markdown table{
	margin-bottom:10px;
}
.markdown td{
	padding:5px;
	border:1px solid #ddd;
}
em,
.markdown em{
	font-family: Georgia, serrif;
	font-style:italic;
	font-size: 15px;
	color:#9da6ae;
}

.markdown a{
	color:#00afd8;
}
.markdown a:hover{
	color:#3d4247;
}

/*-------------------- MAIN STYLES ----------------------*/
/*--------------- author: pete@odopod-------------------*/

.center960{
	position:relative;
	width:954px;
	margin:0 auto;
	padding: 0 3px;
}

/*new in phase 2.. could be applied to older templates*/
.column-left{
	float:left;
}
.column-right{
	float:right;
}

.one-span{
	width:159px;
}
.two-span{
	width:318px;
}
.three-span{
	width:477px;
}
.four-span{
	width:636px;
}

.copy-block h2{
	padding-bottom:6px;
}
.copy-block p{
	padding-bottom:16px;
}



.left-white-box{
	width:277px;
	height:132px;
	position:absolute;
	margin-left:-30px;
	margin-top:80px;
	background:#FFF;
	padding:30px 40px 0 30px;
	-webkit-border-radius: 40px 0 0 0;
	-moz-border-radius:40px 0 0 0;
	border-radius:40px 0 0 0;
	behavior: url('PIE.htc');
}
.left-white-box h2{
	padding-bottom:16px;
}
.right-hero-box{
	margin-right: -6px;
	width:240px;
	height:132px;
	position:relative;
	margin-top:80px;
	float:right;
}

/*legacy from phase 1... replace with column-left two-span column-right four-span etc*/
.left-column{
	width:318px;
	float:left;
}
.left-column p,
.left-column h3{
	width:287px;
	padding-bottom:16px;
}
.left-column h2{
	padding-bottom:16px;
}
.left-column .quote-block{
	margin:60px 0 0 -50px;
}
.right-column{
	float:right;
	width:636px;
}
.two-column-left{
	float:left;
	width:656px;
}
.one-column-right{
	width:298px;
	float:right;
}

.vertical-rule{
	width:1px;
	height:17px;
	border-left:#dbe3e5 1px solid;
	margin-left:12px;
	margin-right:12px;
	margin-top:-2px;
	float:left;
}

/*=== FONTS ===*/

h1{
	font-family: "SF-Compact-Display-Regular", "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	letter-spacing:-3px;
	font-size: 78px;
	line-height:78px;
	color:#00bae6;
}

h11{
	font-family: "SF-Compact-Display-Regular", "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	letter-spacing:0px;
	font-size: 48px;
	line-height:58px;
	color:#00bae6;
}

h12{
	font-family: "SF-Compact-Display-Regular", "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	letter-spacing:0px;
	font-size: 26px;
	line-height:38px;
	color:#00bae6;
}


h2{
	font-family: "SF-Compact-Display-Regular", "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	font-size: 26px;
	line-height:26px;
	color:#00afd8;
}
h3{
	font-family: "SF-Compact-Display-Regular", "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	font-size: 34px;
	line-height:34px;
	color:#9da6ae;
}
h4{
	font-family: "SF-Compact-Display-Regular", "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	font-size: 16px;
	line-height:16px;
	color:#00afd8;
}
h5{
	font-family: "SF-Compact-Display-Regular","sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	font-size: 14px;
	line-height:14px;
	color:#9da6ae;
}
h6{
	font-family: "SF-Compact-Display-Regular", "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	font-size: 13px;
	line-height:13px;
	color: #666666;
}
p, a, div, span {
	font-family:  "SF-Compact-Display-Regular", "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	font-size: 15px;
	color:#000;
	line-height: 19px;
}

.bigger>p,
.bigger a{
	font-size:18px;
	line-height:22px;
}

.bigger a,
.product-page .content p a {
	color: #00aFD8;
}

.bigger a:hover ,
.product-page .content p a:hover {
	color: #3d4247;
}

.product-page .fact-tout .blue-arrow-link-big,
.product-page .fact-tout .blue-arrow-link {
	margin-top: 14px;
}



p strong,
a  strong,
div  strong,
span  strong{
	font-family: "SF-Compact-Display-Regular", "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	font-weight: normal;
}

a {
	text-decoration: none;
}
blockquote, q {
	font-family: Georgia, serrif;
	font-style:italic;
	font-size: 14px;
	color:#7b858e;
}
cite{
	font-family: "SF-Compact-Display-Regular", "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	font-size: 13px;
	color:#7b858e;
}
.blue{
	color:#00afd8;
}
.grey{
	color:#7b858e;
}
.blackberry{
	color:#3d4247;
}


/*=== form stuff ===*/
input{
	border:0px;
	background-color:transparent;
	 outline: none;
}
input:focus{
	 outline: none;
}
input::-webkit-input-placeholder {
    color:    #7b858e;
}
input:-moz-placeholder {
    color:    #7b858e;
}
.validation-window{
	position:relative;
	float:left;
	overflow:hidden;
}
.validation-message{
	position:absolute;
	top:0;
	left: 0px;
	width: 210px;
	height:26px;
	padding:0;
	font-size: 11px;
	background-color:#ea862d;
	color:#FFFFFF;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	border-top: solid 2px #d27928;
}
.validation-message.success{
	border-top: solid 2px #a3d27e;
	background-color:#b5ea8c;
	color:#7b858e;
}
form.invalid{
	border-color:#f4c396;
}
.validation-message img{
/*	position:absolute;*/
	margin:4px 4px -3px 6px;
}


.search-dropdown button span{
	-moz-transition: opacity .2s linear, color .2s linear;
	-webkit-transition: opacity .2s linear, color .2s linear;
	-o-transition: opacity .2s linear, color .2s linear;
	transition: opacity .2s linear, color .2s linear;
	-webkit-backface-visibility: hidden;
}

.search-dropdown input{
	width:259px;
}

/*===blackberry hover color===*/
header nav .nav-links .text-wrapper a:hover,
header nav .nav-links .text-wrapper a.purchase-link.current-menu-item,
header nav .nav-links .text-wrapper a.purchase-link.current-page-ancestor,
header nav .nav-links .text-wrapper a.purchase-link:hover,
footer nav a:hover,
footer nav.footer-subnav a:hover,
footer .terms-links a:hover,
.landing-link:hover h4{
	color:#3d4247;
}

/*===animated===*/

a .link-arrow,
a .link-arrow span,
a .link-arrow-big,
a .link-arrow-big span,
footer .footer-facebook-callout,
footer .footer-youtube-callout,
a .link-arrow-left,
a .link-arrow-left span,
header nav a .grey-arrow,
footer a.login .white-arrow,
a h4,
a h5,
a h6,
header nav .purchase-dropdown li a,
.text-button span.arrow,
.text-button{
 	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
/*	-webkit-perspective: 1000;*/
/*	-webkit-backface-visibility: hidden;*/
}
header nav a,
.contact-info a h6,
.landing-link h4,
footer nav a,
footer .terms-links a,
header nav .login a span,
footer a.login span,
header nav .purchase-dropdown a h5,
a p,
.title-link h3,
.markdown 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-perspective: 1000;*/
/*	-webkit-backface-visibility: hidden;*/
}
a .hover-block,
.img-border,
.wayfinder .way-up .up-arrow,
.wayfinder .way-down .down-arrow,
.wayfinder .way-down .down-arrow span,
.wayfinder .way-up .up-arrow span,
.back-to-top .up-arrow span,
.landing-signup button span,
.footer-signup button span,
a .link-icon span,
header nav .login a .grey-arrow span,
footer a.login .white-arrow span,
a .ir .hover,
.widget-tout .widget-tout-arrow span,
header nav a.search-link .search-icon span{
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
/*	-webkit-perspective: 1000;*/
/*	-webkit-backface-visibility: hidden;*/
}


/*=== Contact Info Block ===*/
.contact-info{
	margin-left: 1px;
}
.contact-info h5{
	color:#3d4247;
}
.contact-info a{
	display:block;
	margin-top:4px;
}
.contact-info a p{
	margin-bottom:-2px;
	padding-bottom:0;
}
.contact-info a h6{
	color:#00afd8;
	float:left;
	margin-top:-1px;
	padding-bottom:2px;
}
.contact-info a:hover h6{
	color:#3d4247;
}
.contact-info a .link-arrow{
	margin-left:6px;
}
.contact-info a:hover .link-arrow{
	margin-left:8px;
}
.ie7 .contact-info a .link-arrow{
	margin-left:0px;
	left:6px;
}
.ie7 .contact-info a:hover .link-arrow{
	left:8px;
}

/*=== Link Arrow ===*/
.blue-arrow-link-big,
.blue-arrow-link{
	display:block;
}
.blue-arrow-link-big h6,
.blue-arrow-link h6{
	color:#00afd8;
	display:inline;
	margin-top:-1px;
	line-height:15px;
}
.blue-arrow-link-big:hover h6,
.blue-arrow-link:hover h6{
	color:#3d4247;
}

.blue-arrow-link-big h6{
	font-size:15px;
	line-height:18px;
}

.blue-arrow-link-big h7{
	font-size:32px;
	line-height:32px;
	color:#00afd8;
}

a .link-arrow,
a .link-arrow span,
a .link-arrow-big,
a .link-arrow-big span{
	position:relative;
	overflow: hidden;
	width:10px;
	height:15px;
}
a .link-arrow,
a .link-arrow span{
	background: url( 'static/img/00_global/blue_arrow_small.png' ) no-repeat;
}
a .link-arrow-big,
a .link-arrow-big span{
	background: url( 'static/img/00_global/blue_arrow_big.png' ) no-repeat;
}
/*legacy version*/
a .link-arrow,
a .link-arrow-big{
	display:inline-block;
	margin-top:-1px;
	margin-left:8px;
	background-position: 0 0;
}
.ie7 a .link-arrow,
.ie7 a .link-arrow-big{
	zoom:1;
	display:inline;
	margin-left:0px;
	left:8px;
}

/*lnline version*/
.blue-arrow-link .link-arrow{
	margin-bottom:-2px;
}
/*legacy version*/
a .link-arrow-big{
	margin-top:1px;
}
/*lnline version*/
.blue-arrow-link-big .link-arrow-big{
	margin-top:-2px;
	margin-bottom:-3px;
}
.ie7 .home .blue-arrow-link-big .link-arrow-big{
	margin-top: 2px;
}
a .link-arrow span,
a .link-arrow-big span{
	position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
	background-position:0 -15px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
a:hover .link-arrow{
	margin-left:10px;
}
a:hover .link-arrow-big{
	margin-left:11px;
}
.ie7 a:hover .link-arrow{
	left:10px;
}
.ie7 a:hover .link-arrow-big{
	left:11px;
}
a:hover .link-arrow span,
a:hover .link-arrow-big span{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}


/*=== Link Arrow Pointing Left ===*/
a .link-arrow-left,
a .link-arrow-left span{
	position:relative;
	overflow: hidden;
	width:10px;
	height:15px;
}
a .link-arrow-left,
a .link-arrow-left span{
	background: url( 'static/img/00_global/blue_arrow_small_left.png' ) no-repeat;
}
a .link-arrow-left{
	float:left;
	margin-top:-1px;
	margin-left:14px;
	background-position: 0 0;
}
a .link-arrow-left span{
	position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
	background-position:0 -15px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
a:hover .link-arrow-left{
	margin-left:12px;
}
a:hover .link-arrow-left span{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}



/*===== PILL TEXT BUTTONS =====*/
.text-button{
	-webkit-border-radius: 15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url('PIE.htc');
	padding:5px 19px 5px 19px;
	margin-right:4px;
	display: inline-block;
	font-size:13px;
	font-family: "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
}
.ie7 .text-button{
	zoom:1;
}
.text-button span.arrow{
	background:url('static/img/00_global/arrow-right-white.png') no-repeat;
	width:12px;
	height:11px;
	display:block;
	position:relative;
	margin-top:4px;
	float:right;
	margin-left:7px;
	margin-right:-8px;
	background-position: 0 0;
}
.ie7 .text-button span.arrow{
	float:none;
	display:inline;
	zoom:1;
	left:7px;
	top:-2px;
}

.text-button.grey span.arrow{
	background:url('static/img/00_global/arrow-right-grey2.png') no-repeat;
}
a:hover .text-button span.arrow,
.text-button:hover span.arrow{
	background-position: 3px 0;
}
.text-button.orange{
	color:#fff;
	background-color: #ffa02f;
}
.text-button.blue{
	color:#fff;
	background-color: #00afd8;
}
.text-button.grey{
	color:#7b858e;
	background-color: #ecf2f3;
}
a:hover .text-button.orange,
.text-button.orange:hover,
.text-button.grey:hover,
.text-button.blue:hover{
	color:#fff;
	background-color:#3d4247;
}

/*=== GLOBAL HEADER ===*/

header{
	height:93px;
	width: 100%;
	background: url('static/img/00_global/background.png') repeat-y center #fafafa;
	z-index: 3000;
	position: relative;
}

header nav{
	height:93px;
	width:954px;
}
.ie7 header nav{
	width:881px;
}

.header-logo{
	float:left;
	width:213px;
	height:34px;
	margin-top:36px;
}

.header-logoxmas{
	float:left;
	width:216px;
	height:60px;
	margin-top:30px;
}

header nav .login{
	float: right;
	width: 127px;
	height:27px;
	padding:0;
	background-color: #98a4ad;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
	behavior: url('PIE.htc');
}
header nav .login a {
	float: left;
	width: 127px;
	height: 27px;
}
header nav .login a span{
	display:block;
	font-size:12px;
	line-height:12px;
	color: #eee;
	margin:7px 0 0 10px;
	float: left;
	font-family: "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
}
header nav .login a .grey-arrow,
header nav .login a .grey-arrow span{
	display:block;
	width: 7px;
	height:10px;
	overflow: hidden;
	background: url('static/img/00_global/nav_small_white_chevron.png') no-repeat;
}
header nav .login a .grey-arrow{
	margin:8px 0 0 5px;
	float:left;
}
header nav .login a .grey-arrow span{
	background-position: 0 -20px;
	margin:0;
	opacity: .8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
header nav .login a:hover span{
	color:#d8d8d8;
}

header nav .login a:hover .grey-arrow{
	margin-left: 7px;
}
header nav .login a:hover .grey-arrow span{
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

header nav .nav-links{
	clear:right;
	float:right;
	height:23px;
	margin-right: -10px;
	padding-top:27px;
	padding-bottom:16px;
}
header nav .nav-links .text-wrapper{
	float:left;
}
header nav .nav-links .search-wrapper{
	display: none;
	float:right;
}
.ie7 header nav .nav-links .search-wrapper{
	width:26px;
	float:left;
}
header nav .nav-links .text-wrapper li{
	margin-left: 2px;
	display:block;
	float:left;
}

header nav .nav-links .text-wrapper li a{
	color: #999999;
	font-family: "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	line-height:14px;
	font-weight: 600;
	font-size: 14px;
	line-height:14px;
	text-transform:;
	padding:5px 10px 5px 10px;
	height:12px;
}

header nav .nav-links .text-wrapper .current-menu-item,
header nav .nav-links .text-wrapper .current-page-ancestor{
}

header nav .nav-links .text-wrapper .current-menu-item a,
header nav .nav-links .text-wrapper .current-page-ancestor a  {
	text-align: center;
	color:#3d4247;
} 

.ie7 header nav .nav-links .text-wrapper .current-menu-item,
.ie7 header nav .nav-links .text-wrapper .current-page-ancestor {
	zoom:1;
	position: relative;
}
.ie7 header nav .nav-links .text-wrapper {
	margin-right:14px;
}
header nav .nav-links a.purchase-link{
	color:#ffa02f;
}



/*Makes STORE in top nav orange*/

#menu-item-store
a:link {color: #35b1d7;}
#menu-item-store
a:hover {color: #ff9900;} 

#menu-item-store1
a:link {color: #35b1d7;}
#menu-item-store1
a:hover {color: #ff9900;} 

#menu-our-thermostat-subnav-container {
position: absolute;
top: 73px;
background-color: white;
width: 132px;
height: 141px;
padding-top: 10px;
opacity:.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px ;
behavior: url('PIE.htc');
z-index: 9;
}

#menu-our-thermostat-subnav-container li {
	display: block;
	clear: both;
	line-height: 28px;
	font-weight: normal;
}

#menu-our-thermostat-subnav-container li:first-child {
	margin-top: -4px;
}

#menu-our-thermostat-subnav-container li a{
	text-transform: none;
	font-size: 12px;
/*	font-family: "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";*/
	letter-spacing: normal;
	color: #7a838b;
} 

#menu-our-thermostat-subnav-container li.selected a {
	color: #00afd8;
		font-size: 12px;
}

#menu-our-thermostat-subnav-container li a:hover{
 	color: #00afd8;
} 


header nav .nav-links a.search-link{
	width:26px;
	height:23px;
	padding:0;
	margin-left:14px;
	float:right;
	background-color: #ecf2f3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url('PIE.htc');
}
.ie7 header nav .nav-links a.search-link{
	margin-left:0;
	left:14px;
}
header nav a.search-link .search-icon,
header nav a.search-link .search-icon span{
	display:block;
	width: 16px;
	height:15px;
	overflow: hidden;
	background: url('static/img/00_global/nav_search_icon_sprite.png') no-repeat;
}
header nav a.search-link .search-icon{
	margin:3px 5px;
}
header nav a.search-link .search-icon span{
	background-position: 0 -15px;
	margin:0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
header nav a.search-link.current-menu-item .search-icon span,
header nav a.search-link:hover .search-icon span{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

header nav .nav-links .current-menu-item:hover{
		color:#3d4247;
}
.ie7 header{
	z-index: 99;
	zoom:1;
	position: relative;
}
header nav .dropdowns{
	width: 963px;
	height: 180px;
	overflow: hidden;
	position: absolute;
	margin-top: 18px;
	top: 75px;
	display:none;
}
.ie7 header nav .dropdowns{
	width:881px;
}
.ie8 header nav .dropdowns{
	width:956px;
}
header nav .dropdowns>div{
	float:right;
	position: absolute;
	right:0;
}
header nav .purchase-dropdown{
	width:220px;
	-webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);
	margin-right:8px;
}
.ie7 header nav .purchase-dropdown,
.ie8 header nav .purchase-dropdown{
	margin-right:0;
}

header nav .purchase-dropdown li{
	display: block;
	border-top:solid 1px #cddbdf;

}
header nav .purchase-dropdown li:first-child{
	border-top-width:2px;
}

header nav .purchase-dropdown li .partner-logos{
	padding:20px 0 8px 25px;
	width:200px;
	height:19px;
}
header nav .purchase-dropdown li .partner-logos img{
	margin-right:4px;
}
header nav .purchase-dropdown li a>img{
	margin:20px 0 5px 25px;
}
header nav .purchase-dropdown li a{
	display: block;
	width:220px;
	height:80px;
	background-color: #ecf2f3;
}
.ie7 header nav .purchase-dropdown li{
margin-bottom:-4px;
}
header nav .purchase-dropdown li:last-child a{
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
	behavior: url('PIE.htc');
}
header nav .purchase-dropdown li a:hover{
	background-color: #fff;
}

header nav .purchase-dropdown a .link-wrapper h5{
	display:block;
	font-size:12px;
	line-height:12px;
	color:#7b858e;
	float:left;
	margin-left:25px;
}
header nav .purchase-dropdown a .grey-arrow,
header nav .purchase-dropdown a .grey-arrow span{
	display:block;
	float:left;
	width: 7px;
	height:10px;
	overflow: hidden;
	background: url('static/img/00_global/nav_small_grey_chevron.png') no-repeat;
}
header nav .purchase-dropdown a .grey-arrow{
	margin:2px 0 0 6px;
}
header nav .purchase-dropdown a .grey-arrow span{
	background-position: 0 -10px;
	margin:0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
header nav .purchase-dropdown a:hover h5{
	color:#3D4247;
}
header nav .purchase-dropdown a:hover .grey-arrow{
	margin-left:8px;
}
header nav .purchase-dropdown a:hover .grey-arrow span{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
header nav .search-dropdown{
	border-top:solid 2px #cddbdf;
	margin-right:8px;
	-webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);
}
.ie8 header nav .search-dropdown,
.ie7 header nav .search-dropdown{
	margin-right:0;
}
.ie7 header nav .search-dropdown form{
	position: relative;
	z-index: 190;
	height:25px;
}
header nav .search-dropdown form{
	width:240px;
	border-width:4px 6px 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
	behavior: url('PIE.htc');
}

header nav .search-dropdown form input{
	width:202px;
}

/*=== SHARED SECTION STYLES ===*/

section{
	width:100%;
	position:relative;
	display:block;
	height:auto;
}

.hero{
	width:100%;
	min-width:954px;
}
.wayfinder{
	width:954px;
	margin: -26px auto;
	position:relative;
	z-index:99;
	height:52px;
}

.wayfinder.white-on-white.full-width + section{
	background: url('static/img/00_global/1280_dbe3e5.gif') no-repeat top;
}
.wayfinder.full-width a{

}
.wayfinder a{
	display: block;
}
.wayfinder a h4{
	font-size:15px;
}
.wayfinder.white-on-grey{
	background:url('static/img/00_global/wayfinder_bracket_whiteOnGrey.png') no-repeat left top;
}
.wayfinder.white-on-white{
	background:url('static/img/00_global/wayfinder_bracket_whiteOnWhite.png') no-repeat left top;
}
.wayfinder.white-on-white.full-width{
	background:url('static/img/00_global/wayfinder_fullRule_whiteOnWhite.png') no-repeat left top;
}
.wayfinder.grey-on-white{
	background:url('static/img/00_global/wayfinder_bracket_greyOnWhite.png') no-repeat left top;
}
.wayfinder.right-side .way-up,
.wayfinder.right-side .way-down{
	margin-left:797px;
}

.wayfinder .way-up,
.wayfinder .way-down{
	/*margin:12px 0 12px 0;*/
	width:160px;
	height:22px;
}
.wayfinder .way-up{
	padding-top:3px;
}
.wayfinder .way-down{
	margin-top:8px;
}
.wayfinder .way-up h4,
.wayfinder .way-down h4{
	width:120px;
	height:22px;
	float:left;
	display:block;
	margin-top:-2px;
}

.day-1-2.wayfinder .way-up h4,
.day-1-2.wayfinder .way-down h4{
background-color: white;
height: 21px;
}


.wayfinder .way-up h4{
	color:#9da6ae;
}
.wayfinder .way-up .up-arrow,
.wayfinder .way-up .up-arrow span{
	background:url('static/img/00_global/arrow_up_grey.png') no-repeat left top;
	width:13px;
	height:13px;
}
.wayfinder .way-down .down-arrow,
.wayfinder .way-down .down-arrow span{
	background:url('static/img/00_global/arrow_down_blue.png') no-repeat;
	width:13px;
	height:13px;
}
.wayfinder .way-up .up-arrow,
.wayfinder .way-down .down-arrow{
	margin-left: 132px;
	margin-top: 3px;
}

.wayfinder .way-up a .up-arrow span,
.wayfinder .way-down a .down-arrow span{
	display:block;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	background-position: 0 -14px;
}
.wayfinder .way-up a:hover .up-arrow span,
.wayfinder .way-down a:hover .down-arrow span{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.wayfinder a:hover h4{
	color:#3d4247;
}

.back-to-top{
	float:left;
	height: 26px;
}
.back-to-top h4{
	color:#9da6ae;
	font-size:15px;
	padding-top:1px;
	float:left;
	width: 120px;
	margin-top:2px
}
.back-to-top a:hover h4{
	color:#3d4247;
}
.back-to-top .vertical-rule{
	border-color:#bfc8cd;
	height:26px;
	margin:0;
	position:absolute;
}
.back-to-top .up-arrow{
	position:absolute;
	margin-left: 132px;
	margin-top:4px;
}
.ie7 .back-to-top .up-arrow{
	margin-left:12px;
}
.back-to-top .up-arrow,
.back-to-top .up-arrow span{
	background:url('static/img/00_global/arrow_up_grey.png') no-repeat left top;
	width:13px;
	height:13px;
	display:block;
}
.back-to-top .up-arrow span{
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	background-position: 0 -14px;
}
.back-to-top a:hover .up-arrow span{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.unfloated.back-to-top{
	float:none;
}
.unfloated.back-to-top .vertical-rule{
	margin-left:0px;
	position: relative;
}

/*=== IMAGE AND QUOTE BLOCK ===*/

.image-quote-block{
}
.quote-block img,
.image-quote-block img{
	position:absolute;
	float:left;
}

.image-quote-block img.quote-circle{
	margin-left:124px;
}

blockquote{
	font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    line-height: 18px;
	margin-bottom: 6px;
}
blockquote,
cite{
    position: relative;
    width: 200px;
}
.image-quote-block blockquote,
.image-quote-block cite{
	padding: 64px 0 0 240px;
}
.image-quote-block .title{
	padding-left:240px;
}
.quote-block blockquote,
.quote-block cite{
	padding: 64px 0 0 118px;
}
.quote-block .title{
	padding-left:118px;
}
.quote-block.small blockquote,
.quote-block.small cite{
	padding: 15px 0 0 65px;
}
.quote-block.small .title{
	padding-left:65px;
}
.quote-block .title{
	font-size: 13px;
	line-height:12px;
	color:#7b858e;
}
/*=== image border === */
a .img-border{
	z-index: 2;
	border:5px #9da6ae solid;
	position:absolute;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
a:hover .img-border{
	opacity:.25;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
}

/*=== WIDGET TOUTS===*/

.widget-tout {
	display:block;
	width:288px;
	height:72px;
	background:#fff;
	-webkit-border-radius: 15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url('PIE.htc');
	position: relative;
}

.widget-tout>img{
	float:left;
	margin:16px 20px 0 22px;
}
.widget-tout .widget-tout-arrow{
	float:left;
	margin-right:10px;
	margin-top:1px;
}
.widget-tout .widget-tout-arrow,
.widget-tout .widget-tout-arrow span{
	display:block;
	width:13px;
	height:13px;
	overflow: hidden;
	background: url("static/img/00_global/arrow_right45_blue.png") no-repeat;
	background-position: 0 -1px;
}
.widget-tout .widget-tout-arrow span{
	background-position: 0 -16px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.widget-tout:hover .widget-tout-arrow span{
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.widget-tout .tout-title{
	display:block;
	padding-top:20px;
	padding-bottom:3px;
}
.widget-tout .tout-title h5{
	color: #00afd8;
}
.widget-tout:hover .tout-title h5{
	color:#3d4247;
}
.widget-tout p{
	font-size: 13px;
}

/*=== GLOBAL FOOTER ===*/
/* this keeps the footer at the bottom if the page is shorter than the window height*/
/* the head and all sections go innside the content bucket and footerspacer is the last div in the content*/
html, body{
	height:100%;
}

.content{
	width: 100%;
	display: block;
	position:relative;
	min-height: 100%;
	margin: 0 auto;
}

.footer-spacer{
	height:160px;
	width:100%;
}


footer{
	width:100%;
	height:160px;
	background:url('static/img/00_global/1280_9da6ae.gif') repeat-y center;
	margin:-160px auto;
	position:relative;
	display:block;
	clear: both;
}

.footer-left{
	float:left;
	margin-top:17px;
	width:430px;
}

.footer-logo{
	width:27px;
	height:34px;
	background:url('static/img/00_global/foot_logo.png') no-repeat;
}
footer .copyright{
	color:#dbe3e5;
	font-size:12px;
	margin-top:2px;
	float:left;
}


footer .terms-links{
	color:#dbe3e5;
	font-size:12px;
	margin-left:30px;
}
footer .terms-links a{
	color:#dbe3e5;
	font-size:12px;
}
footer a.login {
	margin-top:2px;
	display: block;
}
footer a.login span{
	display:block;
	float:left;
	font-size: 12px;
	line-height:19px;
	color:#fff;
	margin-left: 20px;
}

footer a.login .white-arrow,
footer a.login .white-arrow span{
	display:block;
	width: 7px;
	height:10px;
	overflow: hidden;
	background: url('static/img/00_global/nav_small_grey_chevron.png') no-repeat;
}
footer a.login .white-arrow{
	margin:4px 0 0 7px;
	float:left;
	background-position: 0 -20px;
}
footer a.login .white-arrow span{
	background-position: 0 -10px;
	margin:0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
footer a.login:hover span{
	color:#3D4247;
}
footer a.login:hover .white-arrow{
	margin-left:9px;
}
footer a.login:hover .white-arrow span{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}




footer nav{
	float:right;
	margin-top:21px;
}

footer nav a{
	font-family: "sans-serrif", "FullerSansDTRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular",  "Helvetica", "Arial";
	font-size:12px;
	line-height:12px;
	color:#FFFFFF;
	margin-left:30px;
}

footer nav.footer-subnav{
	float:none;
	margin-top:21px;
}
footer nav.footer-subnav a{
	font-weight:normal;
	margin-left:12px;
	color:#dbe3e5;
}
footer nav a:first-child{
	margin-left:0;
}


.footer-right {
	margin-top:37px;
	clear:right;
	float:right;
	width:350px;
}


footer .footer-facebook-callout,
footer .footer-youtube-callout,
footer .footer-instagram-callout{
	float: right;
	margin-left:4px;
	background:#b6bdc3;
}
footer .footer-facebook-callout:hover,
footer .footer-youtube-callout:hover,
footer .footer-instagram-callout:hover{
	background:#3d4247;
}

footer .footer-youtube-callout .logo{
	width:34px;
	height:34px;
	background:url('static/img/00_global/youtube_icon.svg') no-repeat center;
}

footer .footer-facebook-callout .logo{
	width:34px;
	height:34px;
	background:url('static/img/00_global/facebook_icon.svg') no-repeat center;
}
footer .footer-instagram-callout .logo{
	width:34px;
	height:34px;
	background:url('static/img/00_global/instagram_icon.svg') no-repeat center;
}

.footer-signup{
	float:right;
}

.footer-signup form{
	width:200px;
	height:24px;
	border: #BDC4C9 5px solid;
	background:#fff;
}

.footer-signup input{
	color:#3d4247;
	font-size:13px;
	float:left;
	width:160px;
	height:15px;
	padding:2px 4px;
	margin: 3px 0 2px 4px;
}

.footer-signup .placeholder {
   color: #7b858e;
}
.footer-signup p{
	font-size:11px;
	color:#dbe3e5;
	position:absolute;
	margin-top:2px;
}
.ie7 .footer-signup p{
	margin-left:-210px;
}
@-moz-document url-prefix() {
    .footer-signup input {
       margin:3px 0 3px 4px;
    }
}
.ie9 .footer-signup input {
	margin:3px 0 3px 4px;
}

.footer-signup button{
	float:right;
	background:transparent url('static/img/00_global/email_arrow_grey.svg') no-repeat center ;
	width:24px;
	height:24px;
	border:none;
	padding:0;
}
.footer-signup button span{
	background:transparent url('static/img/00_global/email_arrow_blackberry.svg') no-repeat center ;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	display: block;
	width:24px;
	height:24px;
}
.footer-signup button:hover span{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.footer-signup .validation-window{
	width:210px;
	height: 28px;
	z-index: 99;
}


/* search box */

.search-box form{
	width:280px;
	height:24px;
	border: #dbe3e5 5px solid;
	background:#fff;
}

.search-box input{
	color:#3d4247;
	font-size:13px;
	float:left;
	width:160px;
	height:15px;
	padding:2px 4px;
	margin: 3px 0 2px 4px;
}

.search-box .placeholder {
   color: #7b858e;
}

@-moz-document url-prefix() {
    .search-box input {
       margin:3px 0 3px 4px;
    }
}
.ie9 .search-box input {
	margin:3px 0 3px 4px;
}

.search-box button{
	float:right;
	background:transparent url('static/img/00_global/email_arrow_grey.png') no-repeat center ;
	width:24px;
	height:24px;
	border:none;
	padding:0;
}
.search-box button span{
	background:transparent url('static/img/00_global/email_arrow_blackberry.png') no-repeat center ;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	display: block;
	width:24px;
	height:24px;
}
.search-box button:hover span{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

/* image replace hovers*/
a .ir .hover{
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	display:block;
}
a:hover .ir .hover{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	background-position-x: 0;
}
.ie7 a:hover .ir .hover,
.ie8 a:hover .ir .hover{
	filter: none !important;
}
/*
.landing-hero a:hover .ir.outer {
	background-position-x: -999px;
}*/

/*app store links*/

.app-store-btn {
	overflow: hidden;
	cursor: default;
	display: block;
	background-image: url('static/img/00_product/app_store_btn_bg.png');
	background-position: 0 0;
	width: 104px;
	height: 35px;
	text-indent: -9999px;
	float: left;
	margin-right: 10px;
}

a.app-store-btn:hover {
	background-position: 0 -35px;
	cursor: pointer;
}

.android-btn {
	overflow: hidden;
	display: block;
	background-image: url('static/img/00_product/android_btn_bg.png');
	width: 101px;
	height: 35px;
	text-indent: -9999px;
	cursor: default;
}

a.android-btn:hover {
 background-position: 0 -35px; 
	cursor: pointer;
}



/* autocomplete dropdown*/
.ui-autocomplete {
        position: absolute;
        cursor: default;
        list-style: none; padding: 5px; margin: 0px;
        overflow-x: hidden; overflow-y: auto; max-height: 200px;
    }
    .ui-autocomplete li {
        display: block;
        padding: 0px;
        font-size: .8em;
        clear: both;
        float: none;
    }
    .ui-autocomplete li a {
        padding: 5px;
        display: block;
        text-decoration: none;
    }
    .ui-autocomplete .ui-state-hover {
        text-decoration: none;
        background-color: green;
    }
    * html .ui-autocomplete { width:1px; }


/*
* =VIDEO OVERLAY
* ----------------------- */

#page_overlay_wrapper {
	width: 100%;
	height: 100%;
}

#page_overlay {
	display:block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url(static/img/00_global/overlay_bg.png);
	display: none;
	z-index: 3001;
}

#page_overlay .panel.youtube {
	background-color: #fff;
	width: 880px;
	height: 496px;
	padding: 40px 40px 44px 40px;
	display: none;
	position: relative;
	margin:20px auto 0 auto;
}
#page_overlay .panel.iframepage {
	background-color: #fff;
	padding:0;
	display: none;
	position: absolute;
	left: 50%;
	top: 42px;
}

#page_overlay .overlay-close-btn {
	position: absolute;
	display: block;
	cursor: pointer;
	right: 10px;
	top: 10px;
	z-index: 20;
	width: 24px;
	height: 24px;
	background-image: url(static/img/00_global/overlay_close_btn_bg.png);
}

#page_overlay .overlay-close-btn:hover {
	background-position: 0 -24px;
}

#page_overlay .share {
	position: absolute;
	left: 40px;
	top: 545px;
	width: 370px;
	height: 30px;
}

#page_overlay .video {
	background-color: #000;
	width: 880px;
	height: 496px;
}

/* share content, moved from about.css to here for global share button */
.share-content{
	width:120px;
	position:absolute;
	bottom:5px;
	right:0px;
	overflow:hidden;
	height:116px;
	z-index: 10;
}

.share-content.whypage {
	bottom: -28px;
	right: 47px;
}
.share-content .share-options{
	padding-top:10px;
	padding-left:10px;
	display:block;
	background-color:#fff;
	position:absolute;
	top: 83px;
	z-index: 2;
	height:116px;
	width:153px;
}
.share-content iframe{
	padding-bottom:4px;
}
.share-content .share-link p{
	margin-top:-2px;
	margin-left:25px;
	padding-bottom:6px;
	font-size:13px;
}
.share-content.open .share-link p,
.share-content a:hover.share-link p{
	color:#3d4247;
}
.gplus {
	height: 20px;
	border: 1px solid #fff;
}
.gplus.gpopup {
	display: inline-block;
	border: 1px solid #fff;
	position: absolute;
	top: 0;
	right: 0;
}
.share-content .share-link .link-icon,
.share-content .share-link .link-icon span{
	width:14px;
	height:14px;
	display:block;
	float:left;
	opacity:1;
	margin-top:2px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	background:url('static/img/00_global/arrow_right45_grey.png') no-repeat left top;
}
.share-content.open .share-link .link-icon,
.share-content.open .share-link .link-icon span{
	background:url('static/img/00_global/arrow_right45_down_grey.png') no-repeat left top;
	background-position:0 -15px;
}
.share-content .share-link .link-icon span{
	background-position:0 -15px;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.share-content a:hover.share-link .link-icon span{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

/* end shawn */






/* Localized */