/*   
Name: LightSearch
Description: Light Services 
Author URI: http://www.company.com.ph
Version: 1.0
Tags: Lighting, LED
Web Design: Pitstop101media.com
-------------------------------------------------------------- */


/* Reset 
-------------------------------------------------------------- */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
	}

	ul {list-style:none;}
	
/* Base
-------------------------------------------------------------- */

body {
	background: #cfcfcf ;
	margin: 0;
	text-align: center;
	width:100%; 
	min-width:900px;
	clear:both;
}
.wrapperindex {
	width:960px;
	margin: 0 auto;
}
.wrapper {
	width:962px;
	margin: 0 auto;
}

.clear {
	clear:both;
	overflow:auto;
}

.container {
		background: url(i/shadow.png) top;
		width: 1260px;
		margin: 0 auto ;
		text-align:center;
		overflow:auto;
	}

.header {
		margin: 0 auto;
		border-bottom:1px #bbbbbb solid;
		overflow:auto;
}

.logo {
	width:484px;
	float:left;
}

.logogrey {
	background: url(i/logo.png) bottom;
	display:block;
	height:125px;
	text-indent:-99999px;	
}
.logogrey:hover {
	background-position: 0 0;
}

.topmenu {
	width:460px;
	height:25px;
	float:right;
	text-align: right;
	margin-top:100px;
	font:15px "Century Gothic", Arial, Helvetica, sans-serif
}

.topmenu ul {
	display: inline;
	list-style-type: none;
	text-decoration:none;
	text-align:left;
}
.topmenu li {
	float:right;
}
.topmenu a {
	color: #636363;
	text-decoration:none;
	padding: 0 10px;
	display:block;
	text-shadow:0px 1px #e2e2e2;
}
.topmenu a:hover {
	color: #959595;
	text-shadow:0px 1px #e2e2e2;
}


.inexpanel {
	height:246px;
	box-shadow: 0px 0px 5px 1px #bcbcbc;
}
.menupanel {
	height:54px;
}
.buttontabext {
	float:left;
	width:479px;
	height:53px;
	font: 25px Arial, Helvetica, sans-serif;
	line-height:53px;
	color:#606060;
	text-shadow:0px 1px #EEE;
}
.buttontabint {
	float:left;
	width:479px;
	height:53px;
	font: 25px Arial, Helvetica, sans-serif;
	line-height:53px;
	color:#606060;
	text-shadow:0px 1px #EEE;
}
.buttontab {
	float:left;
	background:url(i/buttonbg.png) top repeat-x;
	width:479px;
	height:53px;
	font: 25px Arial, Helvetica, sans-serif;
	line-height:53px;
}
.buttontab a {
	text-decoration:none;
	color:#606060;
	text-shadow:0px 1px #e2e2e2;
}

.buttontab a:hover {
	text-decoration:none;
	color:#999;
	text-shadow:0px 1px #e2e2e2;
}

.ineximg {
	width:479px;
	height:193px;
	float:left;
	text-align:left;
}
.categorypanel {
	background:#e0e0e0 url(i/categorypanelbg.png) top repeat-x;
	border:1px #9b9b9b solid;
	overflow:auto;
	padding-bottom:12px;
	width:960px;
}
.content {
	font: 14px Tahoma, Geneva, sans-serif;
	color: #636363;
	padding-top: 30px;
	overflow:auto;
}
.firstlist_tn {
	border:1px #878787 solid;
	margin:12px 0 0 14px;
	color:#000000;
	text-decoration:none;
	float:left;
	box-shadow: 0px 0px 5px 0px #bcbcbc;
}
.firstlist_tn:hover{
	border:1px #fff solid;
}
.firstlist_tn img{
	border:1px #878787 solid;
	margin:7px 8px;
}
.listtext {
	font:bold 13px Tahoma, Geneva, sans-serif;
	background:#b6b6b6;
	height:30px;
	line-height:12px;
	padding:5px 0 0 8px;
	text-align:left;
}
.productthumb {
	background:#b6b6b6;
	text-align:left;
}
.productthumb img {
	margin:1px 0 1px 1px;
	border: 1px #878787 solid;
}
.scndlist_tn {
	border:1px #878787 solid;
	margin:12px 0 0 9px;
	color:#000000;
	text-decoration:none;
	float:left;
	box-shadow: 0px 0px 5px 0px #bcbcbc;
}
.scndlist_tn:hover{
	border:1px #fff solid;
}
.scndlist_tn img{
	border:1px #878787 solid;
	margin:7px 8px;
}
.product {
	border:1px #878787 solid;
	margin:12px 0 0 12px;
	color:#000000;
	text-decoration:none;
	float:left;
	box-shadow: 0px 0px 5px 2px #bcbcbc;
}
.product img {
	border-bottom:1px #878787 solid;
}
.productdesc {
	width:430px;
	margin:12px 0 0 12px;
	color:#000000;
	text-decoration:none;
	float:left;
	box-shadow: 0px 0px 3px 1px #bcbcbc;
}

.desc_title {
	height:34px;
	line-height:34px;
	background:#b6b6b6;
	text-align:left;
	padding:0 12px;
	color:#FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	border:1px #878787 solid;
}
.desc_left {
	font:bold 13px Tahoma, Geneva, sans-serif;
	width:108px;
	padding-left:12px;
	text-align:left;
	float:left;
}
.desc_right {
	width:285px;
	font:13px Tahoma, Geneva, sans-serif;
	padding:0 12px;
	text-align:left;
	float:left;
}
.lightbg {
	padding:8px 0;
	background: #e9e9e9;
	overflow:auto;
}
.darkbg {
	padding:8px 0;
	background: #ddd;
	overflow:auto;
}
.download a {
	font-weight:bold;
	width: 190px;
	float:left;
	color:#000000;
}
.download a:hover {
	color: #999;
}
.requestbutton {
	border:1px #878787 solid;
	float:right;
}
.requestbutton:hover{
	border:1px #000000 solid;
}
.insidecontent {
	width:440px;
	padding-right: 40px;
	text-align: left;
	float:left;
}
.panel {
	margin:15px;
	margin-bottom:0;
	overflow:auto;
	background:#d8d8d8;
	border:1px #878787 solid;
	padding-bottom:12px;
}
.directory {
	font:bold 13px Tahoma, Geneva, sans-serif;
	height:36px;
	background:#b6b6b6;
	line-height:36px;
	text-align:left;
	padding-left: 14px;
	text-decoration:none;
	color:#000;
}
.directory a {
	text-decoration:none;
	color:#000
}
.directory a:hover {
	color:#FFFFFF;
}
.partners {
	height:70px;
	text-align:center;
	padding: 10px 0;
	border-bottom:1px #bbb solid;
}

.footer {
	border-top:1px #dbdbdb solid;
	height:70px;
	background:url(i/ligthsearchfooter.png) left no-repeat;
}
.copyright {
	font:12px Tahoma, Geneva, sans-serif;
	float:left;
	padding:28px 0 0 205px;
	color: #484848;
}
.website {
	font:12px Tahoma, Geneva, sans-serif;
	float:right;
	padding:28px 3px 0 0;
	color: #484848;
}
.lightrail {
	background:url(i/lightrail.png) bottom;
	display:block;
	width:178px;
	height:70px;
	float:left;
	margin-left:215px;
	text-aligh:center;
	text-indent:-99999px;
}
.lightrail:hover {
	background-position: 0 0;
}

.t20light {
	background: url(i/t20light.png) bottom;
	display:block;
	width:192px;
	height:70px;
	float:left;
	float:left;
	text-aligh:center;
	text-indent:-99999px;
}
.t20light:hover {
	background-position: 0 0;
}

.zemo {
	background: url(i/zemo.png) bottom;
	display:block;
	width:159px;
	height:70px;
	float:left;
	float:left;
	text-aligh:center;
	text-indent:-99999px;
}
.zemo:hover {
	background-position: 0 0;
}