@charset "utf-8";
/* CSS Document */

body {
	padding:0;
	margin:0;
	background-image:url(/images/bg/content-bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#fefefe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.cleardiv {
	clear:both;
}

h1 
{
	color: #ffffff;
	font-size: 36px;
	font-weight: normal;
	margin:0;
	padding:5px 0 0 6px;
	width:561px;
}

h2
{
	color: #000000;
	font-size: 32px;
	font-weight: normal;
	padding:0;
	margin:0 0 8px -3px;
}
h3 {
	color: #333333;
	font-size: 13px;
	margin-bottom:4px;
	margin-top:22px;
}

h3 a {
	text-decoration:none;
}

h3 a:hover {
	text-decoration:underline;
}

.home-title
{
	color: #000000;
	font-size: 19px;
	font-weight: normal;
	display:block;
	padding-bottom:16px;
}

.header {
	background-image:url(/images/banner/banner.jpg);
	background-position:top left;
	background-repeat:repeat;
	height:220px;
	width:955px;
	margin:0 auto;
}

.retract {
	background-image:url(/images/banner/retractable.jpg);
}

.window {
	background-image:url(/images/banner/window.jpg);
}

.power {
	background-image:url(/images/banner/power.jpg);
}

.dealer {
	background-image:url(/images/banner/dealership.jpg);
}

.about {
	background-image:url(/images/banner/about.jpg);
}

#nav {
	height:39px;
}

#nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	overflow:hidden;	
}

#nav li {
	float:left;
}

#nav li a {
	background-image:url(/images/nav/nav-normal.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	height:0;
	padding-top:39px;
	overflow:hidden;
}

#nav li a:hover {
	background-image:url(/images/nav/nav-over.gif);
}

#nav li a.active {
	background-image:url(/images/nav/nav-active.gif);
}

#nav li#nav-retract a {
	width:235px;
}

#nav li#nav-window a {
	width:182px;
	background-position:-235px 0;
}

#nav li#nav-power a {
	width:165px;
	background-position:-417px 0;	
}

#nav li#nav-dealership a {
	width:246px;
	background-position:-582px 0;		
}

#nav li#nav-about a {
	width:127px;
	background-position:-828px 0; 	
}
 
#logo {
	margin-top:12px;
	width:240px;
	height:110px;
}

#container-outer {
	background-image:url(/images/bg/watermark.gif);
	background-position:top center;
	background-repeat:no-repeat;	
}

#container {
	width:955px;
	margin:0 auto;
	overflow:auto;
	position:relative;
}

#util {
	overflow:hidden;
	height:45px;
	width:163px;
	position:absolute;
	top:5px;
	left:556px;
}

#util a {
	display:block;
	height:0;
	padding-top:45px;
	overflow:hidden;
	background-image:url(/images/util/util-normal.gif);
	background-position:10px 15px;
	background-repeat:no-repeat;
	float:left;
}

#util a:hover {
	background-image:url(/images/util/util-over.gif);
}

a#util-home {
	width:70px;
}

a#util-contact {
	width:93px;
	background-position:-70px 15px;
}

#breadcrumbs {
	padding-left:9px;
	padding-top:5px;
	padding-bottom:11px;
	font-size:10px;	
	color:#717171;	
}

#breadcrumbs a {
	color:#717171;
	text-decoration:none;
}

#breadcrumbs a:hover {
	color:#000;
}

#breadcrumbs span {
	color:#000;	
}

#container-left {
	float:left;
	width:728px;
	overflow:auto;
}

#menu {
	float:left;
	font-size:12px;
	width:198px;
	padding-bottom:1px;
}

#section-title {
	display:none;
}

ul#subnav {
	padding:2px 40px 0 9px;
	margin:0;
	list-style-type:none;
}

#subnav li a {
	text-decoration:none;
	color:#4682c3;
	background-image:url(/images/bg/bullet-normal.gif);
	background-repeat:no-repeat;
	background-position:0 12px;
	padding:6px 0 6px 10px;
	display:block;
	vertical-align:bottom;
	zoom:1;
}

#subnav li a:hover, #subnav li a.active {
	color:#000000;
	background-image:url(/images/bg/bullet-over.gif);	
}

#subnav li ul {
	padding:2px 0 0 12px;
	margin:0;
	list-style-type:none;
}

#subnav li ul li a {
	background-image:url(/images/bg/sub-bullet.gif);
	padding:2px 0 6px 8px;
	background-position:0 10px;
}

#subnav li ul li a:hover, #subnav li ul li a.active {
	background-image:url(/images/bg/sub-bullet-over.gif);	
}

.inactive {
	display:none;
}
li.active .inactive {
	display:block;
}

#content {
	float:left;
	/*color:#646464;*/
	color: #033333;
	width:500px;
	display:inline;
	overflow: hidden;
	padding-right:30px;
	padding-bottom: 20px;
}

#content a {
	color:#4673a5;
}

#content a:hover {
	text-decoration:none;
}

#content p {
	line-height:17px;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

#content ul {
	padding:5px 0 0 15px;;
	margin:4px 0 0 0;
	list-style-type:none;
	margin-bottom:10px;
}

#content li {
	line-height:17px;
	background-image:url(/images/bg/bullet-over.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
	padding-left:10px;	
	margin-bottom:8px;
}

#content ol li{
	background-image: none;
	}

#container-right {
	float:left;
	width:227px;	
	display:inline;	
	margin-top:50px;
	padding-top:122px;
	background-color:#fff;
}

#client-quote {
	color:#4d4d4c;
	padding-left:17px;
	padding-right:12px;
}

.client-name {
	color:#558cd2;
	font-weight:bold;
	line-height:13px;
}

#client-quote p {
	line-height:15px;
	margin:0 0 6px 0;
	padding:0;
}

a#cta-dealer {
	height:0;
	display:block;
	overflow:hidden;
	background-image:url(/images/cta/cta-dealer.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:162px;
	width:214px;
	position:absolute;
	top:10px;
	right:4px;
}

a#cta-dealer:hover {
	background-image:url(/images/cta/cta-dealer-over.jpg);
}

a#cta-homeshow {
	height:0;
	display:block;
	overflow:hidden;
	background-image:url(/images/cta/cta-homeShow.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:162px;
	width:214px;
	position:absolute;
	top:10px;
	right:4px;
}

a#cta-homeshow:hover {
	background-image:url(/images/cta/cta-homeShow-over.jpg);
}

#cta-buttons {
	padding-left:13px;
	padding-bottom:25px;
	width:214px;
	outline:0;
}

#cta-buttons a {
	height:0;
	display:block;
	overflow:hidden;
	background-image:url(/images/cta/cta-buttons.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:115px;
	outline:0;
}

#cta-buttons a:hover {
	background-image:url(/images/cta/cta-buttons-over.gif);
}

#cta-buttons a#cta-architects {
	background-position:0 -115px;
	padding-top:126px;
}

#footer {
	overflow:hidden;
	margin-bottom: 30px;
}

#footer-left {
	float:left;
	color:#8c8c8c;
	line-height:20px;
}
#footer-left a {	
	color:#8c8c8c;
	text-decoration: none}
#footer-left a:hover {	
	color:#8c8c8c;
	text-decoration: underline;}

#footer-right {
	float:right;
	color:#5181bb;
	white-space:pre;
}

#footer-right a {
	color:#8c8c8c;
	text-decoration:none;
}

#footer-right a:hover {
	color:#5181bb;
}

a#footer-login {
	background-image:url(/images/util/login.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:16px;
	padding-bottom:7px;
	float:left;
}

a#footer-login:hover {
	background-image:url(/images/util/login-over.gif);
}


/* overview page */
#overview {
	background-image:url(/images/bg/body-bg.gif);
}

#overview .header {
	height:340px;
	background-image:url(/images/overview/overview-banner.jpg);	
}

#overview .retract {
	background-image:url(/images/overview/retractable.jpg);
}

#overview .window {
	background-image:url(/images/overview/window.jpg);
}

#overview .power {
	background-image:url(/images/overview/power-screens.jpg);
}

#overview .dealer {
	background-image:url(/images/overview/dealership.jpg);
}

#overview .about {
	background-image:url(/images/overview/about.jpg);
}


#overview #menu {
	display:none;
}

#overview #client-quote {
	color:#4d4d4c;
	padding-left:20px;
	padding-right:0;
	padding-top:15px;
	font-size:12px;
	width:232px;
}

#overview #client-quote p {
	line-height:18px;
	margin:0 0 6px 0;
	padding:0;
}

#overview .client-name {
	color:#558cd2;
	font-weight:bold;
	line-height:13px;
	font-size:11px;
}

#overview .client-location {
	font-size:11px;
	line-height:13px;
}

#overview #content {
	width:719px;
	padding-right:0;
	float:none;
	padding-left:9px;
	display:block;
}

.overview-container {
	overflow:auto;
	padding-top:5px;
}

.overview-section {
	background-image:url(/images/overview/overview-box.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:214px;
	float:left;
	margin-right:9px;
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:11px;
	display:inline;
}

#overview .overview-section p {
	line-height:13px;
	margin:0 0 3px 2px;
	padding:0;
}

#overview .section-heading a {
	font-size:20px;
	color:#000000;
	text-decoration:none;
}

a.more {
	background-image:url(/images/bg/more.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	height:0;
	padding-top:25px;
	width:57px;
	display:block;
	outline:0;
}

a.more:hover {
	background-image:url(/images/bg/more-over.gif);	
}
.zz-comments {
	color: #FF33FF;
	}
	
.fine-print {
	font-size: 9px;
	}	
	
.table-bg {
	background-color: #F0F0F0;
	border: 1px solid #EFEFF1;
}
.form-labels {
	font-size: 10px;
	text-transform: uppercase;
}
.tableText {
	border-bottom-width: 1px;
	border-bottom-color: #4682C3;
	border-bottom-style: solid;

	

}

.tableTitleFirst {
	background-color: #C9DAED;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-bottom-color: #4682C3;
	border-top-color: #4682C3;
	border-bottom-style: none;
	border-top-style: solid;
}

.textfield{
width: 300px;
}
.textbox{
width: 460px;
}

/* homepage */
#home {
	background-image:url(/images/home/home-bg.gif);
}

#home .header {
	background-image:none;
	height:159px;
	overflow:auto;
	position:relative;
}

#home #logo {
	margin-top:0;
	width:262px;
	height:109px;
	float:left;
}

#home #nav {
	background-image:url(/images/home/home-nav.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#home #client-quote {
	float:right;
	width:609px;
	font-size:12px;
	padding-top:14px;
}

#home #client-quote p {
	line-height:18px;
}

#home .client-name {
	font-size:11px;
}

#home .client-location {
	font-size:11px;
	line-height:13px;
}

#home #util {
	top:116px;
	right:0;
	left:auto;
	width:98px;
	height:41px;
}

#home #util a {
	background-image:url(/images/home/util-normal.gif);
	background-position:11px 10px;
	padding-top:41px;
}

#home #util a:hover {
	background-image:url(/images/home/util-over.gif);
}

#home #util a#util-contact {
	width:98px;
}

#home #container-outer {
	background-image:none;
}

#home #container-right {
	background-color:transparent;
	width:224px;
	float:right;
	margin-top:0;
	padding-top:14px;
}

#home #content {
	color:#3c6fb1;
	font-size:13px;
	padding-right:0;
	padding-left:15px;
	width:686px;
	padding-top:22px;
}

#home #content p {
	line-height:20px;
}


#home a#cta-dealer {
	background-image:url(/images/home/cta-dealer.jpg);
	padding-top:187px;
	width:224px;
	position:relative;
	top:auto;
	right:auto;
	outline:0;
}

#home a#cta-dealer:hover {
	background-image:url(/images/home/cta-dealer-over.jpg);
}

#home #cta-buttons {
	padding-left:0;
	padding-bottom:0;
	width:304px;
	outline:0;
	overflow:auto;
	position:absolute;
	top:0;
	left:286px;
}

#home #cta-buttons a {
	height:0;
	display:block;
	overflow:hidden;
	background-image:url(/images/home/cta-buttons.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:107px;
	outline:0;
	float:left;
	display:inline;
}

#home #cta-buttons a:hover {
	background-image:url(/images/home/cta-buttons-over.gif);
}

#home #cta-buttons a#cta-brochure {
	width:149px;
	margin-right:21px;
}

#home #cta-buttons a#cta-architects {
	background-position:-170px 0;
	padding-top:107px;
	width:133px;
}

#home #footer {
	position:relative;
	padding-top:15px;
	min-height:92px;
	padding-bottom:10px;
	margin-bottom:0;
}

/* template without menu */
#no-menu #content {
	padding-left:9px;
	width:689px;
	padding-right:0;
}

a.image-title 
{
	color:#333333;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
#find-dealer {
	overflow: hidden;
}
.larger-text{
font-size: 13px;
font-weight: bold;
}

#find-dealer-content {
	position: relative;
	overflow: hidden;
}
.find-dealer-ca-us {
	background: url(/images/bg/find-dealer-can-usa.png) no-repeat 0 0;
	width: 510px;
	height: 166px;
	margin: 20px 0 0;
	padding-top: 30px;
	float: left;
}
#find-dealer-content .find-dealer-ca-us ul {
	margin: 0 12px 0 305px;
	padding: 0;
}
#find-dealer-content .find-dealer-ca-us li {
	background: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
#txt_postal {
	width: 134px;
}
#txt_distance {
	width: 62px;
}
#btn_search {
	float: right;
	cursor: pointer;
	height: 26px;
	padding-top: 0px;
	border: none;
}
.search-button {
	background: url(/images/bg/search-button.png) no-repeat 0 0;
	hegiht: 1px;
	padding-top: 25px;
	width: 81px;
	overflow: hidden;
	display: block;
	float: right;
}
#find-dealer-mexico {
	height: 120px;
	width: 248px;
	margin: 0 15px 0 0;
	float: left;
	display: inline;
	background: url(/images/bg/find-dealer-mexico.png) no-repeat 0 0;
}
#find-dealer-uk {
	height: 120px;
	width: 248px;
	float: left;
	display: inline;
	background: url(/images/bg/find-dealer-uk.png) no-repeat 0 0;
}
#find-dealer-content .find-dealer-others ul {
	margin: 0 15px 0 90px;
	padding: 44px 0 0;
	offset: 0;
	font-weight: bold;
}
#find-dealer-content li {
	background: none;
	margin: 0 0 5px;
	list-style: none;
}
#dealership-opertunities {
	width: 190px;
	height: 315px;
	float: right;
	padding: 0;
	margin-top: 15px;
	background: url(/images/bg/dealership-opertunities.png) no-repeat 0 0;
}
#dealership-opertunities a {
	display: block;
	height:46px;
	width: 62px; 
	position: relative;
	top: 122px;
	left: 6px;
	overflow: hidden;
	background: url(/images/cta/opertunities-button.png) no-repeat 0 0;
}
#dealership-opertunities a:hover {
	background-position: 0 -50px;
}