@import url('thickbox.css');

html, body {
    height: 100%;
}

body {
  background:#95b4c8;
  font-family: "Trebuchet MS", Verdana, Arial, Tahoma;
  font-size:14px;
  color: #333333;
  margin:0;
  padding:0;
}

div#wrapper {
  position: relative;
  width:894px;
  padding-right:1px;
  margin:0 auto;
  background:transparent url("/images/layout/main_bg.gif") top right repeat-y;

  min-height:100%;
}

div#helix {
  background:transparent url("/images/helix_bg.gif") bottom right no-repeat;
  width:680px; 
  min-height:475px;
}

a {
  color:#333;
}
a:hover {
  color:#0080aa;
}

/*
  left area
*/
div#left {
  overflow:hidden;

  padding-top:120px;
  width:160px;
  float:left;
}

ul#primary {
  list-style:none;
  margin:120px 0 0 0;
  padding:0;
}
ul#primary li {
  padding:0;
  margin:0;
}
ul#primary li a {
  background:transparent url("/images/layout/primary_border.gif") bottom right repeat-x;
  color:#fff;
  display:block;
  font-size:80%;
  padding:3px 5px 3px 0;
  text-align:right;
  text-decoration:none;
  text-transform:uppercase;
}
ul#primary li a:hover, ul#primary li a.active {
  background:#5e86a0 url("/images/layout/primary_border.gif") bottom right repeat-x;
}

div#left h3 {
  margin:0;
  padding:0;
  text-indent:-1000em;
}

ul.quick {
  list-style:none;
  margin:0px 10px 0 0;
  padding:0;
}
ul.quick li {
  padding:0;
  margin:0;
}
ul.quick li a {
  background:transparent url("/images/layout/arrow_orange_right.gif") center right no-repeat;
  color:#fff;
  display:block;
  padding:0 8px 0px 0;
  font-size:80%;
  text-align:right;
  text-decoration: none;
  text-transform: uppercase;
}

ul.quick li a:hover {
  color:#666;
  text-decoration:none;
}

/*
  content & flash area
*/
div#right {
  margin-left:160px;
  width:734px;
}
#flash {
  width:733px;
  height:295px;
  float:right;
}

/*
  navigation
*/
div#nav {
  clear:right;
}
div#nav ul#flags {
  list-style:none;
  margin:0;
  padding:0;
}
div#nav ul#flags li {
  float:left;
}
div#nav ul#flags {
  float:right;
  margin-top:2px;
}
div#nav ul#flags li a img {
  border:0;
  margin-right:10px;
  filter:alpha(opacity=40);
  -moz-opacity:.4;
  opacity:.4;
}
div#nav ul#flags li a.active img, div#nav ul#flags li a:hover img {
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}

/*

div#nav ul#main li a {
  border-right:1px solid #eee;
  color:#055b77;
  display:block;
  font-weight:bold;
  padding:4px 18px;
  font-size:70%;
  text-decoration:none;
  text-transform:uppercase;
}
div#nav ul#main li a:hover {
  color:#333;
}
div#nav ul#main li a.last {
  border-right:0;
}

*/

/*
  main content area
*/
div#content {
  float:left;
  padding:5px 20px 100px 20px;
  font-size:80%;
}
div#content p {
  margin:10px 0;
}

div#content h2 {
  font-weight:normal;
  font-size:160%;
  font-family:Arial, Helvetica, sans-serif;
  color:#5e86a0;
  margin:5px 0 0 0;
}
div#content h5 {
  margin:4px 0;
  color:#0080aa;
  font-size:100%;
}
div#content ul {
  margin:10px 10px 20px 20px;
}

div#fifty div.fifty {
  width:50%;
  float:left;
}
div#fifty div.fifty p {
  margin-right:25px;

}
div#content p.indent {
  margin:0 0 0 15px;
  padding:0;
}
div#featured_news {
	float:left;
	width:273px;
	padding-left:15px;
}
div#latest_news {
	float:left;
	width:405px;;
}
p.latest {
  font-size:95%;
  margin:5px 0 0 0;
  padding:0;
}
p.latest em {
  color:#999;
  font-style: normal;
}

div#content ul.featured {
  text-indent: 0;
  list-style:none;
  margin:10px 0;
  padding:0;
}
div#content ul.featured li {
  padding-bottom:3px;
}
div#content ul.featured li a {
  margin-left:0px;
  background:transparent url("/images/layout/arrow_orange_right.gif") center left no-repeat;
  padding-left:10px;
}

div.product {
  margin:5px 0;
  padding:5px 0;
}
div.product div {
  margin-top:30px;
  float:left;
  width:140px;
  text-align:center;
}
div.product div img {
  margin:5px 0;
}
div.product ul li {
  margin-left:12px;
  list-style-type:circle;
}

div#content ul.indent {
  margin:0 0 0 40px;
  list-style:circle;
}

div#links p {
	text-align: left;
  width:500px;
  margin:15px 0;
}
div#links p img {
  float:left;
  margin-right:20px;
}
div#links p strong {
  color:#0080aa;
}
div#links p span {
  display:block;
  width:30px;
  float:left;
  padding-left:0px;
}

table {
  width:100%;
}
table tr td {
  padding:2px;
}
table tr.odd td {
  background:#e4eff7;
}
div#leftContent {
  background:transparent url("/images/layout/vertical_line.gif") top right repeat-y;
  width:500px;
  float:left;
  padding-right:2px;
}
div#leftContentql {
  background:transparent url("/images/layout/vertical_line.gif") top right repeat-y;
  width:400px;
  padding-right:20px;
  line-height: 1.5em;
  float:left;
}

div#stockprof {
  position: absolute;
  top:490px;
  left:690px;
  padding:5px 5px 0 0;
  margin:25px 0 0 0;
  width:180px;
  border:1px solid #ccc;
}

div#sidebarql {
  position:absolute;
  top:320px;
  left:600px;
  padding:5px 5px 0 0;
  margin:5px 0 0 15px;
  width:250px;
}

div#sidebarql p {
  padding:0px 0px 0 5px;
}

div#sidebar {
  position: absolute;
  top:330px;
  left:690px;
  margin:0;
  width:150px;
  float:left;
}

div#sidebar p {
  padding:0px 0px 0 5px;
}

div#sidebar ul {
  list-style:url("/images/layout/arrow_orange_right.gif") outside;
  width:10em;

}
div#sidebar ul ul {
  margin-top:-1px;
}
div#sidebar ul li a {
  padding-left:0;
  display:block;
  color:#0080aa;
}
div#sidebar ul li a:hover {
  color:#000;
}
div#sidebar ul li a.selected {
  font-weight:bold;
}

div.faq {
  padding:0 10px 10px 25px;
}
div.factsheets {
  padding:15px 0 10px 0;
  margin-left:45px;
}
div.factsheets span {
  display:block;
  float:left;
  background:#f00;
  color:#fff;
  font-size:140%;
  font-weight:bold;
  padding:4px;
  margin:-28px 0 0 -45px;
}
div.media, div.mediaPr {
  background:transparent url("/images/layout/hr.gif") bottom left repeat-x;
  float:left;
  padding:4px 0;
}
div.media div.mediaImage {
  float:left;
  padding-top:5px;
  width:180px;
  text-align:center;
}
div.media a {
  color:#c00;
}
div.media a:hover {
  color:#600;
  text-decoration:none;
}
div.mediaPr div.mediaImage {
  background:#95b4c8;
  width:30px;
  color:#fff;
  font-size:150%;
  float:left;
  text-align:right;
  padding-right:4px;
}
div.mediaPr div.mediaImage img {
  float:left;
  margin:0;
}
div.media div.mediaContent {
  float:left;
  width:300px;
  padding-left:10px;
}
div.mediaPr div.mediaContent {
  float:left;
  width:400px;
  padding:0 0 10px 10px;
}

div#imageGallery div {
  float:left;
  width:160px;
  margin-bottom:10px;
  text-align:center;
}
div.horizontal span {
  display:block;
  float:left;
  background:#f00;
  color:#fff;
  font-size:140%;
  font-weight:bold;
  padding:4px;
  margin:-27px 0 0 0;
}

/*
  non-language headers
*/
h2#residential {
  background:transparent url("/images/headers/residential.jpg") right center no-repeat;
  float:right;
  min-height:80px;
  padding-right:60px;
}
h2#commercial {
  background:transparent url("/images/headers/commercial.jpg") right center no-repeat;
  float:right;
  min-height:80px;
  padding-right:60px;
}

h2#architects {
  background:transparent url("/images/headers/architects.jpg") right center no-repeat;
}
h2#engineers {
  background:transparent url("/images/headers/engineers.jpg") right center no-repeat;
  float:right;
  min-height:80px;
  padding-right:60px;
}
h2#partners {
  background:transparent url("/images/headers/partners.jpg") right center no-repeat;
  min-height:80px;
  padding-right:60px;
}
h2#distributors {
  background:transparent url("/images/headers/distributors.jpg") right center no-repeat;
  min-height:90px;
  padding-right:60px;
}
h2#installers {
  background:transparent url("/images/headers/installers.jpg") right center no-repeat;
  min-height:80px;
  padding-right:60px;
}



/*
  footer area
*/

div#footer {
  position:relative;
  bottom:0;
  background:#fff;
  border-top:1px solid #eee;
  color:#95B4C8;
  height:70px;
  margin:0 5px;
  padding-top:10px;
  width:728px;
  font-size:80%;
}
div#footer p {
}

div#footer p#awea {
  float:right;
  width:200px;
}
div#footer p#awea img {
  float:right;
}

/*
  forms
*/
div#content form p {
  margin:4px 0;
}
form p label {
  display:block;
  width:60px;
  float:left;
  text-align:left;
  padding-right:4px;
  margin:0px 0 0 6px;
  height:17px;
}

div#leftContent form p label {
  width:160px;
}

form p.req {
  border-left:0;
  padding-left:0;
}
form p.req label {
  border-right:6px solid #95b4c8;
  margin:0px 0px 0 2px;
}
form p.unreq label {
  border-right:6px solid #FFF;
  margin:0px 0px 0 2px;
}
form p input {
  width:140px;
  border:1px solid #ccc;
  font-size:90%;
  height:15px;
}
form p select {
  width:140px;
  border:1px solid #ccc;
  font-size:90%;
}
form p textarea {
  width:140px;
  border:1px solid #ccc;
  font-size:90%;
  height:80px;
}
form p input.error, form p select.error {
  border-color:#c00;
  background:#fee;
}
form p label span {
  color:#0080aa;
}
form p em.error {
  color:#c00;
  padding-left:10px;
}
form p.long label {
  width:360px;
}
form p.long input, form p.long select {
  width:100px;
}
form p.padright {
  padding-left:230px;
	width: 270px;
}
form p.padright label {
  display:inline;
  float:none;
  text-align:left;
}
form p.padright input {
  width:auto;
  height:auto;
  border:0;
}

div#leftContent form p.padright {
  padding-left:170px;
}

ol#faqs {
  font-size:110%;
  margin:10px 0 20px 10px;
  padding:0 0 10px 20px;
  border-bottom:1px solid #eee;
}
ol#faqs li {
  padding-bottom:4px;
}


/*
  misc helpers
*/
div.clear {
  clear:both;
}
img {
  border:0;
}
div.horizontal {
  height:5px;
  background:transparent url("/images/layout/hr.gif") top left repeat-x;
  margin:0;
  padding:0;
  min-width: 100%;
}
div.spacer {
  height:2px;
  margin-bottom:6px;
  min-width: 100%;
}
div.topmargin {
  margin-top:-10px;
}


#payback div.horizontal {
  margin:0px 0 0 0;
}

#pay {
  background:transparent url("/images/bg_payback.gif") top right no-repeat;


	}

.right {
  float:right;
}
.left {
  float:left;
}
img.left {
  margin-right:10px;
}
img.right {
  margin-left:10px;
}

p.req {
  border-left:8px solid #95b4c8;
  padding-left:5px;
}

p.fail {
  background:#fcc;
  border:2px solid #c00;
  padding:6px;
  text-align:center;
}

/* additions */

#main, #main li, #main li ul {
	margin: 0px;
	padding: 0px;
	}

#main {
	margin-left: 1px;
	background-image: url(/en/images/main_nav-public.gif);
	height: 30px;
	width: 600px;
	}

#main li {
	float: left;
	display: block;
	}

#main-1 a, #main-2 a, #main-3 a, 
#main-4 a, #main-5 a, #main-6 a, 
#main-7 a {
	text-decoration: none;
	display: block;
	position: relative;
	height: 30px;
	text-indent: -100em;
	overflow: hidden;
	background-image: url(/en/images/main_nav-public.gif);
	}

#main-1 a {
	background-position: 0 0;
	width: 101px;
	}

#main-2 a {
	background-position: -101px 0;
	width: 59px;
	}

#main-3 a {
	background-position: -160px 0;
	width: 141px;
	}

#main-4 a {
	background-position: -301px 0;
	width: 59px;
	}

#main-5 a {
	background-position: -360px 0;
	width: 96px;
	}

#main-6 a {
	background-position: -456px 0;
	width: 82px;
	}

#main-7 a {
	background-position: -538px 0;
	width: 62px;
	}

#main-1 a:hover, #main-2 a:hover, #main-3 a:hover, 
#main-4 a:hover, #main-5 a:hover, #main-6 a:hover, 
#main-7 a:hover {
	background-image: url(/en/images/main_nav-public.gif);
	}

#main-1 a:hover {
	background-position: 0 -30px;
	}

#main-2 a:hover {
	background-position: -101px -30px;
	}

#main-3 a:hover {
	background-position: -160px -30px;
	}

#main-4 a:hover {
	background-position: -301px -30px;
	}

#main-5 a:hover {
	background-position: -360px -30px;
	}

#main-6 a:hover {
	background-position: -456px -30px;
	}

#main-7 a:hover {
	background-position: -538px -30px;
	}


/*
 Products Page
*/
#product-box {
	float:left;
	width:195px;
	height:201px;
	margin-right:20px;
	border:3px #5e86a0 solid;
}
#product-title {
	float:left;
	width:100%;
	margin-top:5px;
	font-size:medium;
	border-bottom:1px #5e86a0 solid;
}
#prodS594 {
	float:left;
	width:195px;
	height:175px;
	display: block;
	background: url(/en/images/products/S594/S594SQ_Prod.jpg) no-repeat;
	background-position:0 0; 
}
#prodS594 a:hover {
	width:195px;
	height:175px;
	background-image: url(/en/images/products/S594/S594SQ_Prod.jpg);
	background-position: 0pt -175px;
}
#prodS322 {
	float:left;
	width:195px;
	height:175px;
	display:block;
	background:url(/en/images/products/S322/S322SQ_Prod.jpg) no-repeat;
	background-position:0 0; 
}
#prodS322 a:hover {
	width:195px;
	height:175px;
	background-image:url(/en/images/products/S322/S322SQ_Prod.jpg);
	background-position:0pt -175px;
}
#prodPOLE {
	float:left;
	width:195px;
	height:175px;
	display:block;
	background:url(/en/images/products/monopole/PoleSQ_Prod.jpg) no-repeat;
	background-position:0 0; 
}
#prodPOLE a:hover {
	width:195px;
	height:175px;
	background-image:url(/en/images/products/monopole/PoleSQ_Prod.jpg);
	background-position:0pt -175px;
}
#prodD100 {
	float:left;
	width:195px;
	height:175px;
	display:block;
	background:url(/en/images/products/D100/D100SQ_Prod.jpg) no-repeat;
	background-position:0 0; 
}
#prodD100 a:hover {
	width:195px;
	height:175px;
	background-image:url(/en/images/products/D100/D100SQ_Prod.jpg);
	background-position:0pt -175px;
}
#prodD361 {
	float:left;
	width:195px;
	height:175px;
	display:block;
	background:url(/en/images/products/D361/D361SQ_Prod.jpg) no-repeat;
	background-position:0 0; 
}
#prodD361 a:hover {
	width:195px;
	height:175px;
	background-image:url(/en/images/products/D361/D361SQ_Prod.jpg);
	background-position:0pt -175px;
}

#prodD15000 {
	float:left;
	width:195px;
	height:175px;
	display:block;
	background:url(/en/images/products/D15000/D15000SQ_Prod.jpg) no-repeat;
	background-position:0 0; 
}
#prodD15000 a:hover {
	width:195px;
	height:175px;
	background-image:url(/en/images/products/D15000/D15000SQ_Prod.jpg);
	background-position:0pt -175px;
}

#prodWTMS {
	float:left;
	width:195px;
	height:175px;
	display:block;
	background:url(/en/images/products/WTMS/WTMSSQ_Prod.jpg) no-repeat;
	background-position:0 0; 
}
#prodWTMS a:hover {
	width:195px;
	height:175px;
	background-image:url(/en/images/products/WTMS/WTMSSQ_Prod.jpg);
	background-position:0pt -175px;
}

#prodWAR {
	float:left;
	width:195px;
	height:175px;
	display:block;
	background:url(/en/images/products/warranty/WarrantySQ_Prod.jpg) no-repeat;
	background-position:0 0; 
}
#prodWAR a:hover {
	width:195px;
	height:175px;
	background-image:url(/en/images/products/warranty/WarrantySQ_Prod.jpg);
	background-position:0pt -175px;
}
#prodFEAS {
	float:left;
	width:195px;
	height:175px;
	display:block;
	background:url(/en/images/products/feasibility/FeasibilitySQ_Prod.jpg) no-repeat;
	background-position:0 0; 
}
#prodFEAS a:hover {
	width:195px;
	height:175px;
	background-image:url(/en/images/products/feasibility/FeasibilitySQ_Prod.jpg);
	background-position:0pt -175px;
}

/*
  multiselect box
*/
	.multiSelect {
		width: 9.9em;
		font-family: Arial, Helvetica, sans-serif;
		position: relative;
		height: 22px;
		padding: 0;
		margin: 0 0 0 0;
		border: 0;
	}


	.multiSelect .title {
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 0;
		margin-left: 70px;
		margin-top:-1em;
		cursor: default;
		min-width: 130px;
	}
	.multiSelect div.title {
		
		z-index: 104;
	}
	.multiSelect div.title-open {
		border-bottom: 1px solid #fff;
	}
	.multiSelect .title {
		font-size: .8em;
		height: 1.3em;
		line-height: 1.2em;
		overflow: hidden;
		padding: .3em 1.1em .1em .5em;
		background: white url("/images/multiselect.gif") no-repeat top right;
	}
	.multiSelect .title:hover {
		background: white url("/images/multiselect-hover.gif") no-repeat top right;
	}
	.multiSelectContent {
		position: absolute;
		z-index: 106;
		min-height: 1em;
		background: #e9f3f8;
		padding: .1em;
		display: block;
		font-size: 90%;
		margin:0 0 0 74px;
		width:145px;
		border: 1px solid #999;
	}

div.multiSelectContent input {
  width:auto;
}
div.multiSelectContent label {
  display:inline;
  float:none;
}
	.collapsed {
		display: none;
	}
	.multiSelectContent ul {
		overflow: auto;
		min-height: 1em;

		margin: 0;
		padding: 0;
	}
	.multiSelectContent li {
		cursor: pointer;
		cursor: hand;
		margin: 0 0 .2em 0;
		list-style:none;
	}
	.multiSelectContent li:hover {
		background: #ddd;
	}
	.arc90_multiselect {
		width: 12.5em;
		height: 1.35em;
		visibility: hidden;
	}
	.a9selectall {
		border-bottom: 1px solid #ccc;
	}