@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #545454;/*6e4007*/
	font-size: 75%;
	line-height:140%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
}

th {
	padding:3px;
	background:#B3B3B3;
	border:1px white solid;
	color:#FFF;
}
.even {
	background:#E2E2E2;
}
.odd {
	background:#F1F1F1;
}
td {
	padding:3px;
	border:1px white solid;
}

/*****Header tag overrides*****/
h1, h2, h3, h4, h5, h6 {margin:0 0 15px;}
h4 {font-size:1.2em;color:#3399d0;}
h5 {font-size:1em;color:#666666;margin:0 0 10px;}
h6 {font-size:0.8em;}
p {margin:0 0 20px;overflow:hidden;}

img {
	vertical-align: top;
	border: 0;
}

a {
	color: #545454;
	text-decoration: none;
}

a:hover {
	color: #545454;
	text-decoration: underline;
}

sup {
	vertical-align: text-top;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear:both;
}

.bold {
	font-weight: bold;
}

.imgleft {
	padding: 0 0 15px 0;
}

/*.pngFix {
	behavior: url("/sunlightgroup.com/includes/iepngfix.htc");
}*/

.blue {
	color: #3399d0;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}
.spacer {
	margin: 85px;
	padding:0;
}
.underline {
	text-decoration:underline;
}
.padtop5 {
	margin: 0;
	padding: 5px 0 0 0;
}
.padtop10 {
	margin: 0;
	padding: 10px 0 0 0;
}
.padbottom10 {
	margin: 0;
	padding: 0 0 10px 0;
}
.padright10 {
	margin: 0;
	padding: 0 10px 0 0;
}
.padright5 {
	margin: 0;
	padding: 0 5px 0 0;
}

#container {
	margin: 30px auto 0;
	padding: 0;
	width: 960px;
}

#header {
	margin: 0;
	padding: 0 65px;
	width: 830px;
	overflow:hidden;
}

#logoholder {
	float:left;
}

#topnav {
	clear: both;
	display: block;
	padding: 15px 0 15px 0;/*0 65px*/
	width: 830px;/*540*/
	margin: 0;
	background: #fff;
	float: left;
	position: relative;
	z-index: 50;
}

#topnav ul li a {
	display: block;
	height: 15px;
	overflow: hidden;
	font: normal 12px Arial, Verdana, Geneva, sans-serif;
	color: #545454;
	text-decoration: none;
	text-indent: 15px;
	line-height: 15px;
}

#topnav ul li a.hide {
	display: block;
	height: 15px;
	text-indent: 155px;
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden; 
}

#topnav ul li:hover a.hide {
	background-position: left bottom; 
}
#topnav ul li.active a.hide {
	background-position: left bottom; 
}

a#topHome { 
	width: 59px; 
	background-image: url('../images/topnav/top_home.gif'); 
}
a#topAboutUs { 
	width: 79px; 
	background-image: url('../images/topnav/top_aboutus.gif'); 
}
a#topProductInformation { 
	width: 135px; 
	background-image: url('../images/topnav/top_productinformation.gif'); 
}
a#topBrands { 
	width: 65px; 
	background-image: url('../images/topnav/top_brands.gif'); 
}
a#topInvestorRelations { 
	width: 129px; 
	background-image: url('../images/topnav/top_investorrelations.gif'); 
}
a#topCompaniesPartners { 
	width: 156px; 
	background-image: url('../images/topnav/top_companiespartners.gif'); 
}
a#topNews { 
	width: 57px; 
	background-image: url('../images/topnav/top_news.gif'); 
}
a#topSunlightCommunity { 
	width: 145px; 
	background-image: url('../images/topnav/top_sunlightcommunity.gif'); 
}

#topnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none; 
}

#topnav ul li {
	float: left;
	position: relative;
}

#masthead {
	width: 882px;/*860*/
	display:block;
	padding:0 39px;
	margin:0;
	overflow:hidden;
	position: relative;
}

#masthead-img {
	width:830px;
	height: 380px;
	overflow:hidden;
	background-image: url(../images/masthead/masthead_bg.jpg);
}

#masthead-imgsub {
	width:830px;
/*	height: 380px;*/
	overflow:hidden;
	background-image: url(../images/masthead/masthead_bg.jpg);
}

#masthead-dloadpdf {
	margin: 0;
	padding: 0;
	width: 260px;
	height: 53px;
	position: absolute;
	left: 200px;
	bottom: 31px;
/*	background-image: url(../images/masthead/pdf_download_btn.png);
	background-repeat: no-repeat;*/
}

#masthead-viewstory {
	margin: 0;
	padding: 0;
	width: 260px;
	height: 53px;
	position: absolute;
	left: 500px;
	bottom: 31px;
/*	background-image: url(../images/masthead/pdf_download_btn.png);
	background-repeat: no-repeat;*/
}

.mastheadtopleft {
	background:url(../images/main_images/mastheadtopleft.gif) top left no-repeat;
	width:50%;
	float:left;
	height:26px;
}
.mastheadtopright {
	background:url(../images/main_images/mastheadtopright.gif) top right no-repeat;
	width:50%;
	float:left;
	height:26px;
}
.mastheadtopgradient {
	background:url(../images/main_images/mastheadtopmid.gif) top repeat-x;
	height:26px;
}
.mastheadbottomleft {
	background:url(../images/main_images/mastheadbottomleft.gif) top left no-repeat;
	width:50%;
	float:left;
	height:26px;
}
.mastheadbottomright {
	background:url(../images/main_images/mastheadbottomright.gif) top right no-repeat;
	width:50%;
	float:left;
	height:26px;
}
.mastheadbottomgradient {
	background:url(../images/main_images/mastheadbottommid.gif) top repeat-x;
	height:26px;
}
.mastheadcentreleft {
	background:url(../images/main_images/mastheadleft.gif) top left repeat-y;
	padding-left:26px;
}
.mastheadcentreright {
	background:url(../images/main_images/mastheadright.gif) top right repeat-y;
	padding-right:26px;
}

#mainbox {
	width: 923px;/*860*/
	height: 242px;
	padding:0 0 0 37px;
	display:block;
}

.mainbox-img {
	width: 189px;
	height: 218px;
	display:block;
	background-color: #efeeeb;
}

.mainbox-txt {
	padding: 175px 10px 0 10px;
	width: 169px;
	text-align: center;
	color: #938b7d;
	display: block;
}
.mainbox-img a {
	width: 189px;
	height: 218px;
	display:block;
	text-decoration: none;
	cursor:pointer;
}
.mainbox-img a:hover {
	width: 189px;
	height: 218px;
	display:block;
	text-decoration: none;
	background-color:#e4e3e0;
	cursor:pointer;
}
#mainbox-img1 a {
	width: 189px;
	height: 218px;
	background-image: url(../images/main_images/home_viewour_MCBPanelBoards.gif);
	background-repeat: no-repeat;
/*	behavior: url("/includes/iepngfix.htc");*/
}
#mainbox-img1 a:hover {
	width: 189px;
	height: 218px;
	background-image: url(../images/main_images/home_viewour_MCBPanelBoards_on.gif);
	background-repeat: no-repeat;
/*	behavior: url("/includes/iepngfix.htc");*/
}
#mainbox-img2 a {
	width: 189px;
	height: 218px;
	background-image: url(../images/main_images/home_viewour_MCCBPanelBoards.gif);
	background-repeat: no-repeat;
/*	behavior: url("/includes/iepngfix.htc");*/
}
#mainbox-img2 a:hover {
	width: 189px;
	height: 218px;
	background-image: url(../images/main_images/home_viewour_MCCBPanelBoards_on.gif);
	background-repeat: no-repeat;
/*	behavior: url("/includes/iepngfix.htc");*/
}
#mainbox-img3 a {
	width: 189px;
	height: 218px;
	background-image: url(../images/main_images/home_viewour_Switch&Control.gif);
	background-repeat: no-repeat;
/*	behavior: url("/includes/iepngfix.htc");*/
}
#mainbox-img3 a:hover {
	width: 189px;
	height: 218px;
	background-image: url(../images/main_images/home_viewour_Switch&Control_on.gif);
	background-repeat: no-repeat;
}

#mainbox-img4 a {
	width: 189px;
	height: 218px;
	background-image: url(../images/main_images/home_viewour_DPSEnclosure.gif);
	background-repeat: no-repeat;
/*	behavior: url("/includes/iepngfix.htc");*/
}
#mainbox-img4 a:hover {
	width: 189px;
	height: 218px;
	background-image: url(../images/main_images/home_viewour_DPSEnclosure_on.gif);
	background-repeat: no-repeat;
/*	behavior: url("/includes/iepngfix.htc");*/
}
.mainbox {
	margin: 0;
	padding:24px 0 0 16px;
	width: 205px;
	height: 242px;
	display:block;
	background-image: url(../images/main_images/mainbox_bg.gif);
	background-repeat: no-repeat;
	float: left;
}
/*
.mainbox {
	padding:0;
	width: 215px;
	display:block;
	float: left;
}
.mainboxtopleft {
	background:url(../images/main_images/mainboxtopleft.gif) top left no-repeat;
	width:50%;
	float:left;
	height:24px;
}

.mainboxtopright {
	background:url(../images/main_images/mainboxtopright.gif) top right no-repeat;
	width:50%;
	float:right;
	height:24px;
}

.mainboxbottomleft {
	background:url(../images/main_images/mainboxbottomleft.gif) top left no-repeat;
	width:50%;
	float:left;
	height:24px;
}

.mainboxbottomright {
	background:url(../images/main_images/mainboxbottomright.gif) top right no-repeat;
	width:50%;
	float:left;
	height:24px;
}

.mainboxtopgradient {
	background:url(../images/main_images/mainboxtopmid.gif) top repeat-x;
	height:24px;
}
.mainboxbottomgradient {
	background:url(../images/main_images/mainboxbottommid.gif) top repeat-x;
	height:24px;
}
.mainboxcentreleft {
	background:url(../images/main_images/mainboxleft.gif) top left repeat-y;
	padding-left:13px
}
.mainboxcentreright {
	background:url(../images/main_images/mainboxright.gif) top right repeat-y;
	padding-right:13px;
}
*/

#maincontentholder {
	padding: 21px 50px;
	width: 860px;
	display: block;
	overflow: hidden;
}

#maincontentleft {
	width:200px;
	float:left;
	padding:0 15px 0 15px
}
#maincontentright {
	width:590px;
	float:left;
	padding:0 15px 0 15px;
}
#maincontentright a {
	color:#999;
}
#maincontentright a:hover {
	color:#545454;
}

#maincontentgalleryholder {
	padding: 21px 50px;
	width: 860px;
	display: block;
	overflow: hidden;
}

#maincontentgalleryright {
	width:590px;
	float:left;
	padding:0 15px 0 15px;
}

#maincontentgalleryright a {
	color:#999;
}
#maincontentgalleryright a:hover {
	color:#545454;
}


#footer {
	clear: both;
	width: 882px;/*860*/
	display:block;
	padding:0 39px;
	color: #fff;
	font-size: 11px;
}

#footercols {
	padding: 0;
	width:830px;
/*	height:250px;240*/
	overflow:hidden;
	background-image: url(../images/main_images/footerbg_580.jpg);
	background-repeat: no-repeat;
}

.footercols {
	padding: 17px 0 0 20px;
	width:200px;/*375*/
	height:360px;
	overflow:hidden;
	display: block;
	float: left;
	border-right: 1px solid #d6d5d3;
}

.footercols2 {
	padding: 17px 0 0 20px;
	width:180px;
	height:360px;/*195*/
	overflow:hidden;
	display: block;
	float: left;
	line-height: 2.5em;
	border-right: 1px solid #d6d5d3;
}

.footercols2 a {
	color: #f5f5f5;
	text-decoration: none;
}

.footercols2 a:hover {
	color: #545454;
	text-decoration: underline;
}

.footercols2-content {
	padding: 17px 0 0 0;
	width:220px;
	height: 223px;
	overflow:hidden;
	float: left;
}

.footercols2-content ul {
	margin: 0;
	padding: 0 0 0 15px;
}

.footercols2-content ul li {
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 140%;
}

.footercols3 {
	padding: 17px 0 0 20px;
	width:170px;
	height:360px;
	overflow:hidden;
	display: block;
	float: left;
	position: relative;
}

.footercols-content {
	width:185px;/*165*/
	overflow:hidden;
	float: left;
}
.footercols-content2 {
	padding: 29px 0 0 0;
	width:180px;
	overflow:hidden;
	float: left;
}

.footercols-content3 p {
	padding: 0 0 0 20px;
	width:150px;
	overflow:hidden;
	position: absolute;
	left:0;
	bottom: 0;
}

.footertopleft {
	background:url(../images/main_images/mastheadtopleft.gif) top left no-repeat;
	width:50%;
	float:left;
	height:26px;
}
.footertopright {
	background:url(../images/main_images/mastheadtopright.gif) top right no-repeat;
	width:50%;
	float:left;
	height:26px;
}
.footertopgradient {
	background:url(../images/main_images/mastheadtopmid.gif) top repeat-x;
	height:26px;
}
.footerbottomleft {
	background:url(../images/main_images/mastheadbottomleft.gif) top left no-repeat;
	width:50%;
	float:left;
	height:26px;
}
.footerbottomright {
	background:url(../images/main_images/mastheadbottomright.gif) top right no-repeat;
	width:50%;
	float:left;
	height:26px;
}
.footerbottomgradient {
	background:url(../images/main_images/mastheadbottommid.gif) top repeat-x;
	height:26px;
}
.footercentreleft {
	background:url(../images/main_images/mastheadleft.gif) top left repeat-y;
	padding-left:26px;
}
.footercentreright {
	background:url(../images/main_images/mastheadright.gif) top right repeat-y;
	padding-right:26px;
}

#contactuscol {
	padding: 17px 0 15px 20px;
	width:200px;/*375
	height:195px;*/
	overflow:hidden;
	display: block;
	float: left;
}

#latestnewscol {
	padding: 0 0 15px 20px;
	width:200px;
	height: 365px;
	overflow:hidden;
	display: block;
	float: left;
	line-height: 2.5em;
	background-color: #928c7e;
}

.latestnewsdate {
	margin: 0;
	padding: 0;
	width: 40px;
	height: 15px;
	float: left;
	font-weight: bold;
	color: #39546e;
	line-height: 130%;
	text-transform: uppercase;
}

.latestnewscontent {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 50px;
	float: left;
	line-height: 130%;
}

.latestnewscontent a {
	color: #fff;
	text-decoration: none;
}

.latestnewscontent a:hover {
	color: #fff;
	text-decoration: underline;
}

#footercontactus {
	background:url(../images/main_images/footer_contactus.png) top left no-repeat;
	width: 94px;
	height: 19px;
	margin-bottom: 10px;
}

#footerlinks {
	background:url(../images/main_images/footer_links.png) top left no-repeat;
	width: 46px;
	height: 19px;
	margin-bottom: 10px;
}

#footerlatestnews {
	background:url(../images/main_images/footer_latestnews.png) top left no-repeat;
	width: 108px;
	height: 19px;
	margin-bottom: 10px;
}

#distributorscol {
	padding: 0 0 15px 20px;
	width:180px;
	height: 365px;
	overflow:hidden;
	display: block;
	float: left;
	line-height: 2.5em;
}

#footerdistributors {
	background:url(../images/main_images/footer_distributors.png) top left no-repeat;
	width: 101px;
	height: 19px;
	margin-bottom: 10px;
}

#footerpartners {
	background:url(../images/main_images/footer_partners.png) top left no-repeat;
	width: 73px;
	height: 19px;
	margin-bottom: 10px;
}

#footerachievements {
	background:url(../images/main_images/footer_achievements.png) top left no-repeat;
	width: 125px;
	height: 19px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#subfooter {
	clear: both;
	margin: 0 0 20px 26px;
	padding: 0 0 3px 0;
	height: 14px;
	width:830px;
	display: block;
	color: #545454;
	font-size: 10px;
}

h1#pagetitle {
	font-family:Helvetica-CondensedLight, "Arial Narrow";
	font-size:1.9em;
	line-height:120%;
	font-weight:bold;
	color:#3399d0;
	margin:0;
}

h2#articletitle {
	color:#999;
	text-transform:uppercase;
	padding-bottom:40px;
	line-height:140%;
	margin:0;
	font-size:1em;
	font-weight:normal;
}
h3#leftnavheader {
	color:#3399d0;
	font-family:Helvetica-CondensedLight, "Arial Narrow";
	font-size:1.4em;
	line-height:120%;
	padding-bottom:5px;
	margin:0;
}

.leftnav ul {
	margin:0;
	padding:0;
	display:block;
	list-style-type:none;
}
.leftnav ul li {
	margin:0;
	padding:0 0 7px 0;
	line-height:125%;
}
.leftnav ul li a {
	color:#999;
}
.leftnav ul li a.active {
	color:#545454;
}
.leftnav ul li ul {
	margin:0;
	padding:0;
	display:block;
	list-style-type:none;
}
.leftnav ul li ul li {
	margin:5px 0 0 0;
	padding:0 0 7px 10px;
	line-height:130%;
}
.leftnav ul li ul li a {
	color:#999;
}
.leftnav ul li ul li a.active {
	color:#545454;
}
#active a {
	color:#545454;
}