body { font-size: 11pt; background: #000; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; margin:0; padding:0; color: #999; }
img { border: 0 }

a { color: #FFF; }
a:hover { color: #CCC; }

h1, h2, h3, h4, h5 { color: #FFF; font-weight: 200; font-size: 24pt; }
h2 { font-size: 20pt; }
h3 { font-size: 16pt; }
h4 { font-size: 12pt; }
h1 a, h2 a, h3 a { text-decoration: none; color: #FFF; }

/* Mid 2010 design */
#bg, #bg img{ left:0; min-height:100%; min-width:100%; overflow:hidden; position:fixed; top:0; z-index:-10; }
.mb { z-index:1; padding-top: 0; margin-top: 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/z-wave/prodl/75p.png'); color: #cccccc; }
.mb[class] { background: url(../images/z-wave/prodl/75p.png); }
.mb a { color: #FFF; }
.mb a:hover { color: #cccccc }

.cathd { border-bottom: 1px solid #999; font-size: 1.2em; padding: 0 0 5px 5px; margin: 0 0 10px 0; font-style: italic; clear: both }
#products .grid_3 { text-align: center }
#products .grid_3 h3 { margin-top: 0; }

.footer .heading { border-bottom: 1px solid #999; padding-bottom: 5px; }
.footer .heading { font-weight: bold; border-bottom: 1px solid #999; }
.ftc12 button { font-size: 9pt; }
.ftc12 { font-size: 0.8em; color: #999; padding: 20px 0 10px 0; margin-top: 60px; }
.ftc12 h4 { color: #e8e8e8; margin-top: 0; }

/* Pre mid */

#z-wavehomeautomation {height: 615px }
#bghouse { width:100%;height:615px;position:absolute;z-index:0; }

#login { color: #FFF; background: #000; overflow: hidden; position: relative; z-index: 3; text-align: center; }
#login a, #login a:link, #login a:active, #login a:visited, #login a:hover, #homeautomation a, #homeautomation a:link, #homeautomation a:active, 

.footer, .small { font-size: .8em; }
.footer { clear: both; padding: 40px 0 20px 0; }

#leadfooter { border: 1px #333 solid; margin-top: 40px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 10pt }
#leadfooter a { text-decoration: none; }
#leadfooter a:hover { text-decoration: underline; }
#leadfooter .grid_1 { text-align: right; }

#zwavesolutions { font-size: 10pt; background-color: #666; border: 4px solid #222; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 20px 0 20px 0;  color: #CCC; }
#zwavesolutions .tit { text-align: center; height: 25px; line-height: 25px; font-weight: bold; background-color: #333; margin-bottom: 10px; }
#zwavesolutions .tit img { margin-top: 5px; }
#zwavesolutions h3 { font-size: 12pt; color: #666; font-weight: normal; margin-bottom: 15px }
#zwavesolutions img { max-width: 140px }
#zwavesolutions .grid_10 { overflow: hidden; }
#zwavesolutions a { color: #CCC }
#solslide { position: relative;  width: 10000px; } /*  width: 10000px; */

#z-wave a, #z-wave a:visited, #homeautomation a:hover {color:#FFFFFF;}
#z-wave { color:#ccc; text-align:right; }
#z-wave form {display:inline;}
#z-wave button { background-color: #FFF; color: #666; background-image: none; }
#z-wave button:hover { background-color: #CCC; }
#search { background-image: url('../images/magnify.png'); background-repeat:no-repeat; padding-left:18px; background-position:4px center; background-color: transparent; border: 1px solid #CCC; padding: 1px 1px 2px 16px; color: #FFF; }

#ttag { padding-top: 20px; }
#ttag a { color: #999 }
#tfr { height: 20px; }
#tfr .omega { line-height: 20px; }
#tfr .omega, #tsr .omega { font-size: 9pt; text-align: right }
#tfr a, #tsr a { text-decoration: none; }
#tfr .alpha a { margin: 0 20px 0 0; font-weight: bold; }
#tfr .omega a { margin: 0 0 0 10px;  }
#tfr a:hover { color: #FFF; }
#tsr { clear:both; border-top:1px solid #999; margin-top:10px; padding-top:5px; font-size:9pt }
#tsr .alpha a { margin: 0 10px 0 0; }
a#wht, a#wht2 { color: #ccc; }

button { border: none; background-image: none; 
border-top: 1px solid #a7bbc7;
background: #cdd7de;
background: -webkit-gradient(linear, left top, left bottom, from(#879dab), to(#cdd7de));
background: -moz-linear-gradient(top, #879dab, #cdd7de);
padding: 5px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 12pt;
text-decoration: none;
vertical-align: middle;
cursor: pointer
}
button:hover {
border-top-color: #6b93ad;
background: #6b93ad;
color: #FFF;
}
button:active {
border-top-color: #1b435e;
background: #1b435e;
}

#zwavesolutions h3, #zwavesolutions h3 a { color: #FFF; text-align: center; margin-top: -20px; }

#pagination_container{position:relative; overflow:hidden; }
#pagination_content{ position: relative; width: 10000px; }
#pagination-prev { text-align: right; }
.zwave, .bug { height: 530px; }
.bug { position: relative}
.bug img { position: absolute; bottom: 0; }
.zwave h1, .zwave p { text-shadow: #FFFFFF 0px 0px 3px; filter: Shadow(color=#FFFFFF,direction=135,strength=2); }
.zwave h1, .zwave h1 a { color: #FFF; font-size: 36pt; }
.zwave p { font-size: 14pt; color: #FFF; }
.zwave h1 span { font-size: 25pt; }
.zwave p a { text-decoration: underline; color: #FFF; }

.leadarea { padding: 40px 0 60px 0; }
.leadarea #lask img { margin-top: 100px; }
#fplead h1, #lead h1, #lead h1 a { font-size: 45pt; }
#lead p { font-size: 16pt; }
#fplead h1 { margin-bottom: 0; font-size: 4.5em;}
#fplead h2 { font-size: 2.5em; margin-top: 0.3em }

.iconset .icon { text-align: center; font-weight: bold; }
.iconset .icon span a { text-decoration: none; border-bottom: 1px dotted #ccc; }
.iconset p { font-size: 9pt; font-weight: normal; text-align: left }

#featurelist { text-align: center; }
#featurelist h2 { margin-top: 0; }
#featurelist .clr { padding-bottom: 10px; }
#featurelist .alpha { text-align: left; }

.mnu a { display: block; padding: 4px 0 3px 6px; text-decoration: none; border: 1px solid #333; margin-bottom: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.selected, .mnu a:hover { background-color: #333; color: #FFF; border: 1px solid #999; }
.mnu .heading { text-align: center; height: 20px; margin: 20px 0 10px 0; font-weight: bold; color: #f5f5f5 }

#lifestyle { background-image: url(../images/z-wave/greyslit.png); background-repeat: repeat-x }

.soltab p { font-weight: bold; margin-top: -30px; }

#hometheatre h1 { margin-top: 100px }

#comparison { text-align: center; padding-top: 20px; }
#comparison .alpha { text-align: right; font-weight: bold; }
#orderfield .clr, #comparison .clr { display: block; height: 10px; }

#orderfield button { font-size: 10pt; }

.picturearea h3 { margin-bottom: 0; }
.picturearea img:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

#zoom, #zoom a, #zoom h1, #zoom h2, #zoom h3, #zoom h4 { color: #333; }

#incart { background-color: #D5DEE2; color: #000; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#incart a { color: #000; }

#manual_box iframe { border: 1px solid #FFF; color: #000; }
#manualframe { width:600px; height:500px; border: none; }

.mre { padding-left: 20px; background-image:url("../images/icons/arrwrghtgry.png"); background-repeat:no-repeat; background-position-y: center; color: #999; font-size: 0.9em }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	z-index: 100;
}

.container_8 {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clr { clear: both; display: block; overflow: hidden; }
.spacer { display: block; height: 30px; clear: both }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* global button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large 
{height:31px !important;display:block;font:bold 11px "Arial" !important;color:#fff !important;text-align:center;text-decoration:none;cursor:pointer; text-transform:uppercase;background:#f35065;border-left:none;border-top:none;border-bottom:none;border-right:solid 1px #1f1f1f;margin-top:10px;
}