body{
	margin:0px;
	padding:0px;
}
.outer{
	border:1px #8D8D8D solid;
	width:978px;
	margin:0 auto;
	float:left;
	
}
#wrapper{
	width:999px;
	margin:0 auto;
}
#header-Panel{
	float:left;
	width:978px;
	background-image:url(../images/header-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.logo{
	float:left;
}
.header-right{
	width:680px;
	float:left;
	margin:0px;
	padding:15px 0px 0px 0px;
}
.search-panel{
	float:left;
	margin:0px;
	padding:0px 0px 0px 12px;
	/*border: solid red 1px;*/
}
.sharewith
{
    float:left;
    padding-left: 6px;
}
.search-content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2C2C2C;
	font-weight:bold;
	float:left;
}
.search-icon{
	margin:0px;
	vertical-align:bottom;
	float:left;
}
.menu-panel{
	float:left;
	width:665px;
	height:32px;
	margin:0px;
	padding:20px 0px 0px 0px;
}
.menuLC{
	float:left;
}
.menuRC{
	float:left;
}
.menu-mid{
	background-image:url(../images/menu-bg.gif);
	background-repeat:repeat-x;
	float:left;
	height:32px;
	width:643px;
}
.menu-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	float:left;
}
.menu-text a{	
	color:#FFF;
	text-decoration:none;
}
.menu-text a:hover{	
	color:#FFF600;
}
.menu-text ul{
	margin:0px;
	padding:0px;
}
.menu-text ul li{
	float:left;
	margin-top:6px;
	padding:0px 16px 0px 18px;
	background-image:url(../images/menu-divider.gif);
	background-repeat:no-repeat;
	list-style:none;
}
.menu-text ul li.nobg{
	background:none;
}
.news-scroll{
	float:left;
	width:978px;
	height:20px;
	background-image:url(../images/yellow-bg.gif);
}
.news-scroll-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-style:italic;
	margin-top:2px;
	padding-left:10px;
}
#main-panel{
	width:978px;
	float:left;
	background-image:url(../images/main-panel-bg.gif);
	background-repeat:repeat-y;
}
#left-panel{
	float:left;
	width:574px;
}
.flash-banner{
	float:left;
	background-image:url(../images/flash-banner.gif);
	background-repeat:no-repeat;
	width:571px;
	height:406px;/*changed to make height in same margin(initially was 406/395)*/
	padding-left:16px;
	padding-top:15px;
}
#content-panel{
	float:left;
	width:574px;
	background-image:url(../images/content-panel-bg.gif);
	background-repeat:repeat-y;
	margin-top:20px;
}
.left-content{
	width:244px;
	float:left;
	margin:0px;
	padding-left:10px;

	}
.left-content-box{
	width:244px;
	margin-top:10px;
	margin-bottom:10px;

	}
.heading-section{
	float:left;
	width:235px;
}
.right-heading-section{
	float:left;
	width:370px;
	margin:0px;
	padding:30px 0px 0px 20px;
}
.heading-icon{
	float:left;
	padding-right:5px;
	}
.heading-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C20403;
	font-weight:bold;
	margin-top:5px;
	border-bottom:1px #6B6A6A dotted;
	float:left;
	width:205px;
}
.heading-righttext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C20403;
	font-weight:bold;
	margin:0px;
	padding:5px 0px 0px 0px;
	border-bottom:1px #6B6A6A dotted;
	float:left;
	width:330px;
	height:20px;

}
.content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	margin-top:10px;
	text-align:justify;
	float:left;
	padding:0px 8px 0px 8px;
}
.content a
{
	color:#535353;
	text-decoration:none;
	font-weight:bold;
}
.content a:hover
{
	color:#535353;
	text-decoration:none;
	font-weight:bold;
}
.content a:visited
{
	color:#535353;
	text-decoration:none;
	font-weight:bold;
}
.led-content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	margin-top:10px;
	text-align:justify;
	float:left;
	width:93%;
	margin-left:5px;
	vertical-align:bottom;
}
.led-content a
{
	color:#535353;
	text-decoration:none;
	font-weight:bold;
}
.led-content a:hover
{
	color:#535353;
	text-decoration:none;
	font-weight:bold;
}
.led-content a:visited
{
	color:#535353;
	text-decoration:none;
	font-weight:bold;
}
.right-content{
	float:left;
	width:305px;
	padding-left:7px;
	margin-top:10px;
}
.right-heading-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C20403;
	font-weight:bold;
	margin-top:5px;
	border-bottom:1px #6B6A6A dotted;
	float:left;
	width:290px;
}
#ledproduct{
	float:left;
	margin-top:10px;
	padding-left:30px;
	width:280px;
}
.led-images{
	float:left;
}
.led-product-panel{
	float:left;
	width:308px;

}
.led-left-line{
	float:left;
	vertical-align:baseline;
}
.led-right-line{
	float:right;
	vertical-align:baseline;
}
.led-midline{
	float:left;
}
#right-panel{
	float:left;
	width:400px;
	height:300px;
}
#led-light-panel{
	float:left;
	width:391px;
    margin:0px;
	padding:5px 0px 0px 8px;
}
.led-heading-panel{
	float:left;
}
.led-light-left-curve{
	float:left;
}
.led-light-mid{
	float:left;
	background-image:url(../images/ledlight-H-curve-mid.gif);
	background-repeat:repeat-x;
	height:36px;
	width:363px;
}
.led-lights-heading{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	margin-top:8px;

}
.led-light-right-curve{
	float:left;
}
.led-light-content-bg{
	float:left;
	background-image:url(../images/led-light-content-bg.gif);
	background-repeat:repeat-x;
	width:390px;
}
.led-light-content-bottom-bg{
	float:left;
	background-image:url(../images/led-light-content-bottom-bg.gif);
	background-repeat:repeat-x;
	width:390px;
	height:65px;
}
.led-light-content-space
{
	padding-top:26px;
}
.led-light-content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	color:#383838;
	font-weight:bold;
	margin:0px;
	/*padding:15px 10px 15px 25px;*/
	padding:2px 15px 0px 20px;
	line-height:25px;
	float:left;
}
.led-light-content a{
	color:#383838;
	text-decoration:none;	
}
.led-lights-images{
	float:left;
	margin:0px;
	padding:0px 0px 0px 13px;
}
.redmore{
    float:right;
	margin-top:10px;
	margin-right:8px;
}
.readmore-icon{
	float:left;
	margin-top:3px;
}
.readmore-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#F00;
	float:left;
	padding-left:5px;
	border: solid 1px white; /*without border - firefox having scroll for payback and certification section*/
}
.readmore-text a{
	color:#F00;
	text-decoration:none;
}
.client-logo{
    text-align:center;
	margin:10px;
}
#compare-panel{
	float:left;
	width:375px;
	margin: 5px  0px 0px 0px;
	padding:0px 0px 0px  25px;
	border:solid 0px red;
}
.compare-heading{
	/*float:left;*/
	background-image:url(../images/compare-heading-bg.gif);
	background-repeat:no-repeat;
	width:362px;
	height:37px;

}
/* neha
.compare-heading-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#C00;
	font-weight:bold;
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 13px;
	width:80%;
	float:left;
}*/ 
.compare-heading-text a{
	color:#C00;
	text-decoration:none;
	}
.green-icon{
	float:right;
	vertical-align:top;
	margin:0px;
	padding:3px 5px 0px 0px;
}
#compare-images-panel{
	float:left;
	margin:30px 0px 30px 0px;
}
.green-arrow{
	float:left;
	margin-top:30px;
	padding:0px 0px 0px 5px;
}
.compare-pic{
	float:left;
	margin:0px;
	padding-left:5px;
}

.expand
{	
	background-image:url(../images/expand.gif);
	background-repeat:no-repeat;
	width:362px;
	height:37px;
}
.collapse
{
	background-image:url(../images/collapse.gif);
	background-repeat:no-repeat;
	width:362px;
	height:37px;
}
.compare-heading-text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#C00;
	font-weight:bold;
	padding: 10px 0px 0px 13px;
	/*margin:8px 0px 0px 0px;	
	width:80%;
	float:left;*/
}

#footer{
	float:left;
	width:978px;
	height:122px;
	background-image:url(../images/footer-bg.gif);
	background-repeat:repeat-x;
	
}
.footer-link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin-top:15px;
}
.footer-link a{	
	color:#FFF;
	text-decoration:none;
}
.copy-right{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin-top:30px;
	padding-left:15px;
	float:left;
	
}
.copy-right a{
	color:#000;
	text-decoration:none;
}
.copy-right a:hover{
	color:#C00;
	text-decoration:none;
}
.designedby{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	margin-top:30px;
	padding-right:15px;
    float:right;
	
}
.designedby a{
	
	color:#000;
	text-decoration:none;
	
}
.designedby a:hover{
	
	color:#C00;
	text-decoration:none;
	
}
.bestviewed{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:978px;
	margin-top:25px;
	text-align :center ;
	float:left;

}
#compareContent
{
	float:left;
	border:1px white solid; /*without border - firefox having scroll for compare section*/

}
	
.stepcarousel{
float:left;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 350px; /*Width of Carousel Viewer itself*/
height: 145px; /*Height should enough to fit largest content's height*/
margin:0px;
padding:0px;
/*left:0px;*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0;
 margin-top :1px;/*added by noopur for positioning gallery in center*/
  margin-bottom :1px;/*added by noopur for positioning gallery in center*/

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 135px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .first{
padding-left:28px;
}
.control 
{
    position:relative; width:350px; z-index:999999; 
    top:60px;/*modified by noopur for positioning gallery in center initial value was 50px*/
} 
.fltLft
{
    float:left; outline:none;
    margin-left:15px;
    border:0px;
}
.fltRght
{
    float:left; outline:none;
    position:absolute;
    left:325px;
    border:0px;
}
/*---------------------------------*/
.ticker-scroll{
	float:left;
	width:978px;
	height:20px;
	background-image:url(../images/yellow-bg.gif);
}
.ticker-scroll-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-style:italic;
	margin-top:2px;
	padding-left:10px;
}
.ticker-scroll-text a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-style:italic;
	margin-top:2px;
	padding-left:10px;
	text-decoration:none;
}
.ticker-scroll-text a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-style:italic;
	margin-top:2px;
	padding-left:10px;
}
.ticker-scroll-text a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-style:italic;
	margin-top:2px;
	padding-left:10px;
}
p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*color:#535353
	color :#000000;
	margin-top:10px;
	margin-left :15px;
	text-align:justify;
	float:left;
	padding:0px 8px 0px 8px;
	line-height :18px;;*/
}
.technology-compare
{
 text-align :center ;
 float :left;
 padding-left :80px;
 margin-top :2px;
 border :solid 0px blue;
 margin-left :0px;
 margin-bottom :2px;
 border:1px white solid;
 }
.technology-compare a
{
 text-decoration :none;
 
}
.technology-compare a:hover
{
 text-decoration :none;
 
}
.technology-compare a:visited
{
 text-decoration :none;
 
}
input
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:middle;
}

select
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:middle;
}