* {
	padding:0;
	margin:0;
}

body {
	position:relative;
	color:#4d4d4d;
	width:100%;
	height:100%;
	background:#fff url('/Images/body.background.gif') top left no-repeat;
	font-family:"ËÎÌå",Arial, Helvetica, sans-serif; margin:0; padding:0; color:#333; font-size:12px;
}

strong {
	font-weight:bold;
}

img {
	border:0;
}

a {
	cursor:pointer;
	_cursor:hand;
	color:#4d4d4d;
	text-decoration:none;
}

:focus {
	outline:none;
}

.tooltip {
	background:#ffd790;
	color:#573700;
	padding:0 5px 0 5px;
	font-size:80%;
	border:1px solid #eda932;
	max-width:120px;
	z-index:666;
}


/*----------------------------------------------------------------------------------
	Header
---------------------------------------------------------------------------------*/

#header {
	position:relative;
	height:295px;
	width:810px;
	background:#ccc;
	z-index:100;
}

#main {
	position:relative;
	background:#004084;
	height:100px;
	padding:5px;
}


/*-------------------- Logo ------------------------*/

#main h1 {
	position:relative;
	height:79px;
	width:166px;
	text-indent:-2000px;
}

#main h1 a {
	position:relative;
	display:block;
	float:left;
	height:99px;
	width:205px;
	overflow:hidden;
	text-decoration:none;
	_background:url('/Images/trans.gif') !important;
	z-index:100;
}

#main span {
	position:relative;
	display:block;
	float:left;
	height:42px;
	width:166px;
	background:url('/Images/header.logo.jpg') no-repeat;
	text-indent:-2000px;
	margin-left:15px;
	margin-top:30px;
}

/*-------------------- Login ------------------------*/


#header #login {
	position:absolute;
	top:0;
	right:20px;
	background:url('/Images/header.login.1px.gif') repeat-x;
	height:24px;
	width:180px;
	margin-right:13px;
}

#header #login ul {
	list-style:none;
}

#header #login ul li.first {
	float:left;
	background:url('/Images/header.login.lft.gif') no-repeat;
	height:24px;
	color:#fff;
	padding:3px 0px 0 10px;
	margin-top:0px;	
}

#header #login ul li.second {
	height:24px;
	color:#fff;
	padding:3px 0px 0 20px;
	margin-top:0px;	
}

#header #login ul li.first a {
	background:url('/Images/header.login.icon.gif') no-repeat;
	padding-left:15px;
	line-height:15px;
	text-decoration:none;
	color:#6cc0eb;
}

#header #login ul li.second a {
	background:url('/Images/header.login.icon.gif') no-repeat;
	padding-left:15px;
	line-height:15px;
	text-decoration:none;
	color:#6cc0eb;
}

#header #login ul li.first a:hover,#header #login ul li.second a:hover {
	text-decoration:none;
	color:#fff;
}

#header #login ul li.last {
	float:right;
	background:url('/Images/header.login.rht.gif') no-repeat;
	height:24px;
	width:8px;
	text-indent:-2000px;
}

/*-------------------- Navigation ------------------------*/
#nav {
	position:absolute;
	float:left;
	top:40px;
	right:20px;
	height:25px;
}

#nav .select,
#nav .current {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	float:left;
}

#nav .sub {
	margin:0;
	padding:0;
	list-style:none;
}

#nav li {
	position:relative;
	display:block;
	float:left;
	list-style:none;
	margin:0px 5px 0 0;
	padding-bottom:3px;
	line-height:25px;
	z-index:100;
}

#nav .current li {
	z-index:50;
}

#nav .select a, 
#nav .current a {
	display:block;
	height:2.5em;
	float:left;
	padding:0 0 0 10px;
	text-decoration:none;
	font-weight:bold;
	white-space:nowrap;
}

#nav .select a b, 
#nav .current a b {
	height:100%;
	display:block;
	padding:0 10px 0 6px;
	color:#fff;
}

#nav .sub {
	display:none;
}

/* for IE5.5 and IE6 only */
#nav table {
	position:absolute;
	border-collapse:collapse;
	left:200px;
	top:0px;
	font-size:1em;
}

#nav .select a {
	color:#fff;
	cursor:pointer;
}

#nav .current .sub, 
#nav .select a:hover .sub, 
#nav .select li:hover .sub {
	display:block;
	position:absolute;
	background:#004084;
	width:570px;
	top:2em;
	margin-top:1px;
	padding:10px 0 5px 0;
}

* html #nav .current .sub,
* html #nav .select a:hover .sub {
	margin-top:0;
	margin-t\op:1px;
}

#nav .current .sub li a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {
	display:inline;
	padding:2px 10px 0 10px;
	margin:0 0px 0 0;
	width:auto;
	white-space:nowrap;
	font-weight:normal;
	font-size:1.1em;
	height:2em;
	line-height:1.9em;
}

/*new*/
#nav li:hover,
#nav .current li {
	position:relative;
	list-style:none;
	background:url('/Images/header.nav.selected.left.gif') no-repeat;
	margin:0px 5px 0 0;
}

#nav li a:hover,
#nav .current a {
	background:url('/Images/header.nav.selected.right.gif') 100% 0% no-repeat;
	display:block;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}

#nav .current .sub li,
#nav .current .sub a {
	background:none;
}
#nav .select .sub li:hover,
#nav .current .sub li:hover,
#nav .current .sub li.current_sub {
	background:url('/Images/header.nav.selected.left.gif') no-repeat;
}

#nav .current .sub a:hover,
#nav .current .sub .current_sub a {
	background:url('/Images/header.nav.selected.right.gif') 100% 0% no-repeat;
}

/* calculate the required widths of the top level */
#nav .menu1 a,
#nav .menu2 a,
#nav .menu3 a,
#nav .menu4 a,
#nav .menu5 a,
#nav .menu6 a,
#nav .menu7 a {
	width:5.5em;
	_width:0.5em;
}

/* calculate the left edge position of each sub level */
#nav .menu1 .sub {
	left:0;
	-left:-14em;
	margin-left:10px;
}
#nav .menu2 .sub {
	left:-7em;
	-left:-20em;
	margin-left:13px;
}
#nav .menu3 .sub {
	left:-14em;
	-left:-27.6em;
	margin-left:16px;
}
#nav .menu4 .sub {
	left:-21em;
	-left:-35.2em;
	margin-left:19px;
}
#nav .menu5 .sub {
	left:-28em;
	-left:-42.75em;
	margin-left:22px;
}
#nav .menu6 .sub {
	left:-35em;
	-left:-50.3em;
	margin-left:25px;
}
#nav .menu7 .sub {
	left:-42em;
	-left:-57.9em;
	margin-left:28px;
}


/*-------------------- Image ------------------------*/

#imageHolder {
	position:relative;
	height:185px;
	background:#fff;
}

#image {
	background:url('/Images/header.image.about.jpg') no-repeat;
	height:185px;
	_margin-top:-1px;
}

#overlay {
	position:absolute;
	bottom:15px;
	left:0;
	height:20px;
	width:100px;
	background:url('/Images/welcome.overlay.curve.png') no-repeat;
	_background:url('/Images/trans.gif') !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/welcome.overlay.curve.png', sizingMethod='image');
	height:17px;
	width:156px;
}

#topLeft {
	position:absolute;
	top:0;
	left:0;
	background:url('/Images/header.divider.1px.gif') repeat-x;
	height:15px;
	width:580px;
}
#topRight {
	position:absolute;
	top:0;
	right:0;
	background:transparent url('/Images/header.overlay.curve.png') no-repeat;
	_background:url('/Images/trans.gif') !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/header.overlay.curve.png', sizingMethod='image');
	height:15px;
	width:230px;
}	
#bottomLeft {
	position:absolute;
	bottom:0;
	_bottom:-1px;
	left:0px;
	background:url('/Images/welcome.divider.left.gif') repeat-x;
	height:15px;
	width:156px;
}				
#bottomMiddle {
	position:absolute;
	bottom:0;
	_bottom:-1px;
	left:156px;
	background:url('/Images/welcome.divider.1px.gif') repeat-x;
	height:15px;
	width:420px;
}
#bottomRight {
	position:absolute;
	bottom:-10px;
	right:0;
	background:url('/Images/header.bottom.curve.png') no-repeat;
	_background:url('/Images/trans.gif') !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/header.bottom.curve.png', sizingMethod='image');
	height:25px;
	width:234px;
}	

/*-------------------- position ------------------------*/
#position {
	background:#E4F3FC url(/Images/header.bg.position.gif) no-repeat 0 0;
	padding-left:90px;
	height:28px;
	line-height:28px;
	border:1px solid #fff;
}

#position a {
	font-weight:bold;
	color:#004084;
	background:url(/Images/header.bg.position.gif) no-repeat right -40px;
	padding-right:16px;	
	text-decoration:none;
}

/*----------------------------------------------------------------------------------
	Content
---------------------------------------------------------------------------------*/


#content {
	background:#fff;
	width:810px;
	border-bottom:8px solid #fff;
	background:url('/Images/content.bg.1px.gif') 607px repeat-y;
}

/*-------------------- Buttons ------------------------*/

.learnMore {
	position:relative;
	display:block;
	background:url('/Images/content.button.learnmore.png') no-repeat;
	_background:url('/Images/trans.gif') !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/content.button.learnmore.png', sizingMethod='image');
	height:26px;
	width:100px;
	text-indent:-2000px;
	margin:auto;
}


/*-------------------- Left ------------------------*/

#lft {
	position:relative;
	width:608px;
	float:left;      
	list-style-image:url('/Images/content.bullet.png');
	_list-style-image:url('/Images/content.bullet.gif');
}

#lft ul {
	border-left:1px solid #deeaf8;
	list-style-type:none; 
}

#lft ul li {
	padding:0 0 0 8px;
}

#content #headerBar {
	display:block;
	width:100%;
	height:28px;
	margin:0px 0 15px 0px;
	padding-bottom:5px;
	border-bottom:1px solid #e9e9e9;
}

#content #headerBar span {
	float:right;
}

#content #headerBar span a {
	color:#004084;
	text-decoration:none;
	border:none;
}

#content #headerBar span a:hover {
	color:#595959;
}

#lft #mainText {
	position:relative;
	display:block;
	padding:20px;
	margin:20px 0 0 0;
}

#lft #mainText p {
	margin-bottom:10px;	
	text-indent:2em;
	word-break:break-all;
}

#lft #mainText ul {
	margin:5px 0px 10px 20px;
	border-left:none;
}

#lft #mainText h3 {
	font-weight:bold;
	font-size:120%;
/*line-height:40px;*/
	margin:10px 0px;
}

#lft #mainText a {
	color:#4d4d4d;
	text-decoration:none;
	border-bottom:#004084 1px dotted;
	_border-bottom:#004084 2px dotted;
}

#lft #mainText a:hover {
	color:#004084;
	border-bottom:#6cc0eb 1px dotted;
	_border-bottom:#6cc0eb 2px dotted;
}


/*-------------------- Right ------------------------*/

br.clear {
	position:relative;
	clear:both;
	height:0;
}

#rht {
  margin-left:608px;
	height:auto;
}

#rht .rhtFooter {
	position:relative;
	display:block;
	background:url('/Images/content.rht.blueCorner.gif') no-repeat;
	width:190px;
	height:78px;
	padding:0px 10px 0px 0;
	margin:8px 0 15px 0;
	border-bottom:1px solid #bfcfe0;
	text-align:right;	
}

#rht .rhtFooterButton {
	position:relative;
	display:block;
	background:#e0eaf2;
	width:190px;
	padding:5px 10px 5px 0;
	margin:8px 0 15px 0;
	border-bottom:1px solid #bfcfe0;
	text-align:right;	
}

#rht .rhtFooterNoButton {
	position:relative;
	display:block;
  width:190px;
	padding:5px 10px 5px 0;
	margin:8px 0 15px 0;
	border-bottom:1px solid #bfcfe0;
	text-align:right;	
}

#rht .rhtFooterButton a {
	position:relative;
	display:block;
	background:url('/Images/content.button.learnmore.png') no-repeat;
	height:16px;
	color:#004084;
	text-indent:-2000px;
	margin-left:90px;
	padding-top:10px;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------
	Footer
---------------------------------------------------------------------------------*/

#footer {
	position:relative;
	display:block;
	background:url('/Images/footer.1px.gif') repeat-x;
	height:110px;
	width:810px;
	border-top:1px solid #bfcfe0;
	border-bottom:1px solid #bfcfe0;
	margin-bottom:20px;
}

#footer #links {
	position:absolute;
	top:10px;
	left:5px;
	height:32px;
	width:800px;
}

#footer #links span {
	position:relative;
	display:block;
	float:left;
	height:32px;
	width:89px;
	background:url('/Images/footer.logo.png') no-repeat;
	text-indent:-2000px;
	margin:-10px 10px 0 10px;
}

#footer #links ul {
	position:relative;
	overflow:hidden;
	float:left;
}

#footer #links ul li {
	position:relative;
	float:left;
	list-style:none;
}

#footer #links ul li a {
	position:relative;
	display:block;
	top:auto;
	_top:1px;
	margin:0 15px 0 0;
	_margin:0 10px 0 0;
	color:#000;
	text-decoration:none;
	border-bottom:#004084 1px dotted;
	_border-bottom:#004084 2px dotted;
	font-size:100%;
}

#footer #links ul li a:hover {
	border-bottom:#6cc0eb 1px dotted;
	_border-bottom:#6cc0eb 2px dotted;
}

#footer h4 {
	font-weight:normal;
	float:right;
	font-size:100%;
	padding-right:10px;
	color:#004084;
}


/*-------------------- Brands ------------------------*/

#brands {
	position:absolute;
	top:25px;
	right:10px;
	height:30px;
	margin:15px 5px 0 0;
	width:700px;
}

#brands span {
	position:relative;
	display:block;
	float:left;
	background:url('/Images/footer.ourproducts.png') no-repeat;
	_background:url('/Images/trans.gif') !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/footer.ourproducts.png', sizingMethod='image');
	height:10px;
	width:62px;
	text-indent:-2000px;
	margin:7px 10px 0 0;
}

#brands ul {
	list-style:none;
	overflow:hidden;
}

#brands ul li {	
	margin-left:10px;
	float:left;
}

#brands li a.toptinting {
	position:relative;
	display:block;
	float:left;
	background:url('/Images/Logos/toptinting.gif') no-repeat;
	_background:url('/Images/trans.gif') !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Logos/toptinting.gif', sizingMethod='image');
	height:35px;
	width:120px;
	text-indent:-2000px;
}
#brands li a.apexfilms {
	position:relative;
	display:block;
	float:left;
	background:url('/Images/Logos/apexfilms.gif') no-repeat;
	_background:url('/Images/trans.gif') !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Logos/apexfilms.gif', sizingMethod='image');
	height:35px;
	width:105px;
	text-indent:-2000px;
}

#brands li a.sunsaintfilms {
	position:relative;
	display:block;
	float:left;
	background:url('/Images/Logos/sunsaintfilms.gif') no-repeat;
	_background:url('/Images/trans.gif') !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Logos/sunsaintfilms.gif', sizingMethod='image');
	height:35px;
	width:127px;
	text-indent:-2000px;
}

#brands li a.vertufilms {
	position:relative;
	display:block;
	float:left;
	background:url('/Images/Logos/vertufilms.gif') no-repeat;
	_background:url('/Images/trans.gif') !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Logos/vertufilms.gif', sizingMethod='image');
	height:35px;
	width:108px;
	text-indent:-2000px;
}

#brands li a.solarcontroler {
	position:relative;
	display:block;
	float:left;
	background:url('/Images/Logos/solarcontroler.gif') no-repeat;
	_background:url('/Images/trans.gif') !important;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Logos/solarcontroler.gif', sizingMethod='image');
	height:35px;
	width:112px;
	text-indent:-2000px;
}

/*-------------------- Copyright ------------------------*/

#copyright {
	position:absolute;
	top:65px;
	right:10px;
	height:10px;
	margin:15px 5px 0 0;
	width:700px;
}