body { font-size: 90%; background: #f5f5f5; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; margin:0; color: #545A5D; }

a, a:link, a:active {color:#545A5D;}
a:visited {color:#3D4244;}
a:hover {color:#5D5D5D;}
img { border:none;}
hr { color: #CCC; background-color: #CCC; border: 0; height: 1px;  }
input { font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.small {font-size:8pt;}
.red, .red a:link, .red a:active, .red a:visited, a.red:link, a.red:active, a.red:visited { color:#FF0000; }
.green { color:#00CC33; }
.grey { color: #CCC; }
.grey a, .grey a:link, .grey a:visited, .grey a:active { color: #999; }
.nbm { margin-bottom: 0px; }
.ntm { margin-top: 0px; }

blockquote { margin-left: 70px }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12, .x10 { margin-left: auto; margin-right: auto; width: 960px; clear: both; }

/* 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
----------------------------------------------------------------------------------------------------*/

.grid_1 {
	width:60px;
}

.grid_2 {
	width:140px;
}

.grid_3 {
	width:220px;
}

.grid_4 {
	width:300px;
}

.grid_5 {
	width:380px;
}

.grid_6 {
	width:460px;
}

.grid_7 {
	width:540px;
}

.grid_8 {
	width:620px;
}

.grid_9 {
	width:700px;
}

.grid_10 {
	width:780px;
}

.grid_11 {
	width:860px;
}

.grid_12 {
	width:940px;
}



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

.prefix_1 {
	padding-left:80px;
}

.prefix_2 {
	padding-left:160px;
}

.prefix_3 {
	padding-left:240px;
}

.prefix_4 {
	padding-left:320px;
}

.prefix_5 {
	padding-left:400px;
}

.prefix_6 {
	padding-left:480px;
}

.prefix_7 {
	padding-left:560px;
}

.prefix_8 {
	padding-left:640px;
}

.prefix_9 {
	padding-left:720px;
}

.prefix_10 {
	padding-left:800px;
}

.prefix_11 {
	padding-left:880px;
}



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

.suffix_1 {
	padding-right:80px;
}

.suffix_2 {
	padding-right:160px;
}

.suffix_3 {
	padding-right:240px;
}

.suffix_4 {
	padding-right:320px;
}

.suffix_5 {
	padding-right:400px;
}

.suffix_6 {
	padding-right:480px;
}

.suffix_7 {
	padding-right:560px;
}

.suffix_8 {
	padding-right:640px;
}

.suffix_9 {
	padding-right:720px;
}

.suffix_10 {
	padding-right:800px;
}

.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; }


/*Menu Structure */
#login { color: #FFF; background: #000; overflow: hidden; position: relative; z-index: 3; text-align: center; margin: auto; }
#login a, #login a:link, #login a:active, #login a:visited, #login a:hover, #homeautomation a, #homeautomation a:link, #homeautomation a:active, #homeautomation a:visited {color:#FFF;}
#homeautomation a:hover { color:#CCC; }
#homeautomation { background-color:#000; color:#ccc; text-align:right; padding: 10px 0 10px 0; }
#homeautomation .grid_2 { text-align: left }
#homeautomation form {display:inline;}
#search { background-image: url('../images/magnify.png'); background-repeat:no-repeat; padding-left:18px; background-position:4px center; margin-right: 5px; }
#mnl { padding: 20px 0 40px 0; }
.menu { width:700px; float:right; }
.menu ul { list-style-image:none; display:block; list-style:none; float:left; display:inline; margin:0; float: right }
.menu li { float:left; padding:0 4px;  }
.menu li a, .menu li a:link, .menu li a:visited, .menu li a:active { padding:0 0 0 4px; height:36px; float:left; color:#555; text-decoration:none; }
.menu a:hover { background:url(../images/menu_l.png) left top no-repeat; color:#fff; }
.menu a span { padding:0 4px 0 0; height:36px; float:left; }
.menu a:hover span { background:url(../images/menu_r.png) right top no-repeat; cursor:pointer;  color:#fff;}
.menu a b { height:36px; float:left; cursor:pointer; line-height:24px; font-size:14px; padding:0 3px; }
.menu a:hover b { background:url(../images/menu_m.png) center top no-repeat; }
.menu .active a { background:url(../images/menu_l.png) left top no-repeat; cursor:pointer; color:#FFF; }
.menu .active span { background:url(../images/menu_r.png) right top no-repeat; cursor:pointer; color:#FFF; }
.menu .active b { background:url(../images/menu_m.png) center top no-repeat; font-weight:bold; }

.heading { margin-bottom: 3px; text-align: center; font-weight: bold; }
.area { display:block; width:270px; padding: 3px 0 3px 25px; text-decoration:none; border:1px solid #D8D8D8;  background-image:url("../images/icons/arrwrghtgry.png"); background-repeat:no-repeat; background-position:4px center; margin-bottom:1px; }
.area:hover { background-color:#FFFBB2; background-image:url("../images/arrowright16.png"); color:#000; }
.selected { display:block; background-color:#FFFBB2; width:270px; padding: 3px 0 3px 25px; text-decoration:none; border:1px solid #D8D8D8;  background-image:url("../images/arrowright16.png"); background-repeat:no-repeat; background-position:4px center; margin-bottom:1px; }
.subarea { display:block; width:255px; padding: 3px 0 3px 40px; text-decoration:none; font-size:10pt; background-image:url("../images/icons/arrwrghtgry.png"); background-repeat:no-repeat; background-position:18px center; }
.subarea:hover { background-color:#FFFBB2; background-image:url("../images/arrowright16.png"); color:#000; }
.subselected { display:block; width:255px; padding: 3px 0 3px 40px; text-decoration:none; font-size:10pt; background-color:#FFFBB2; background-image:url("../images/arrowright16.png"); background-repeat:no-repeat; background-position:18px center; color:#000; }
.grandarea { display:block; width:240px; padding: 3px 0 3px 55px; text-decoration:none; font-size:10pt; background-image:url("../images/icons/arrwrghtgry.png"); background-repeat:no-repeat; background-position:33px center; }
.grandarea:hover { background-color:#FFFBB2; background-image:url("../images/arrowright16.png"); color:#000; }
.grandselected { display:block; width:240px; padding: 3px 0 3px 55px; text-decoration:none; font-size:10pt; background-color:#FFFBB2; background-image:url("../images/arrowright16.png"); background-repeat:no-repeat; background-position:33px center; color:#000; }

.footer { background-color:#000; color:#CCC; padding-bottom:40px; padding-top:40px; margin-top:20px; }
.footer a { text-decoration:none; color:#FFF;}
.footer a:hover { text-decoration:underline; }
.footer h4 { text-align: right; color: #FFF; margin: 10px 0 5px 0; }
#newsub p { margin: 3px 0 10px 0; font-size: 10pt; }
.footer input { width: 220px; text-align: center; }

/*Forms */
button { border: 1px solid #CCC; color:#FFF; background-color:#6C93C6; background-image:url('../images/gradient.jpg');}
button:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; background-image:none; }

/*Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color:#000; font-family:"Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; }
h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; color:#000; }
h1.title { margin-top: 2em; background-image:url('../images/titleback.png'); background-repeat:no-repeat; background-position:center; display:inline; position:absolute; margin-left:30px; color:#fff; }
h2 { font-size: 1.8em; margin-bottom: 0.2em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; color:#9DAABB; border-bottom:1px solid #9DAABB; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
h1 a, h1 a:link, h1 a:active, h1 a:visited { color:#000; text-decoration:none; cursor:auto}
h1.title a, h1.title a:link, h1.title a:active, h1.title a:visited { color:#FFF;}
h2 a, h2 a:link, h2 a:active, h2 a:visited { color:#000; text-decoration:none; }
h2 a:hover { color:#000; text-decoration:underline; }
h3 a, h3 a:link, h3 a:active, h3 a:visited { color:#000; text-decoration:none; }
h3 a:hover { color:#000; text-decoration:underline; }
h5 a, h5 a:link, h5 a:active, h5 a:visited, h5 a:hover { color:#9DAABB; text-decoration:none; }
.sellline {font-size: 16pt; color:#111; width:100%; margin:auto auto 5px auto; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; clear: both; padding-top: 40px; }
.sellline a { text-decoration:none;color:#111; }

.nav { padding-top:10px; margin-bottom:10px; color:#111; font-size:11px; }
.nav a:visited, .nav a:active, .nav a:link { color:#111; font-size:11px; border:1px #111 solid; padding-top:1px; padding-bottom:1px; padding-left:2px; padding-right:2px; text-decoration:none; }
.nav a:hover {color:#FFF;border:1px #FFFFFF solid;background-color:#111;}
label { font-weight:bold; }
.validation-advice { color:#FFFFFF; background-color:#990000; padding:2px; padding-top:4px; padding-left:5px; }

.searchhelp { background-color: #FFFF99; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-weight: bold; width: 100%; margin: 0 auto 30px auto; padding: 20px 0 20px 0; font-size: 14pt;}

/*Boxed */
.rcrnr_box {background: url("../images/rcrnr_110855_tl.png") no-repeat top left;}
.rcrnr_top {background: url("../images/rcrnr_110855_tr.png") no-repeat top right;}
.rcrnr_bottom {background: url("../images/rcrnr_110855_bl.png") no-repeat bottom left;}
.rcrnr_bottom div {background: url("../images/rcrnr_110855_br.png") no-repeat bottom right;}
.rcrnr_content { background: url("../images/rcrnr_110855_r.png") repeat-y; background-position: top right; }
.rcrnr_top div,.rcrnr_top,.rcrnr_bottom div, .rcrnr_bottom {width: 100%;height: 15px;font-size: 1px;}
.rcrnr_content, .rcrnr_bottom {margin-top: -19px;}
.rcrnr_content { padding: 0 0px; }
.topad { padding-top: 20px; }
.bordered { border: 1px solid #ccc; background-color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-top: 10px; }