@charset "UTF-8";

/* CSS Document */

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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0; }

table {
	border-collapse: collapse;
	border-spacing: 0; }

fieldset, img {
	border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal; }

ol, ul {
	list-style: none; }

caption, th {
	text-align: left; }

h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%; }
*html h2 .portfolio {margin-top:-15px;}

	
h1{font-weight: bold; font-size:120%; color:#132a5e;}
*html h1{margin-top:-15px;}

q:before, q:after {
	content:''; }

abbr, acronym {
	border: 0; }



/*----------------------------------------------------------------------*/
/*	Layout Classes   */
/*----------------------------------------------------------------------*/

.clear {
	clear: both; }
	
.clearright {
	clear: right; }
	
.clearleft {
	clear: left; }

.appleclear {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
	margin: 0;
	padding: 0; }

.clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px; }

.left {
	float: left; }

.right {
	float: right; }
	
.space {
	display: block;
	margin: 0;
	padding: 0;
	height: 15px;
	line-height: 15px;
	font-size: 1px; }
	


/*----------------------------------------------------------------------*/
/*	Global   */
/*----------------------------------------------------------------------*/

body {
	color:#132a5e;
	text-align: center;
	background-color: #ffffff;}
	
.content {
	padding: 15px; }
	
.ui-tabs-hide {
	display: none; }
	
p {
	margin-bottom: 10px; }

/*----------------------------------------------------------------------*/
/*	Grid System   */
/*----------------------------------------------------------------------*/
#flash
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	width: 400px;
	border-collapse: collapse;
	text-align: left;
}
#flash td
{
	color: #669;
	padding: 4px 2px 0px 2px;
}

table.flash {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	width: 350px;
	border-collapse: collapse;
	text-align: left;
}
table.flash  td{
	color: #669;
	padding: 4px 2px 0px 2px;
}
.column { 
	float: left; }

.grid2col, .grid2cola, .grid2colb, .grid2colc .grid2cold, .grid4col {
	width: 100%; }
	
/* equal split */
.grid2col .column { 
	position: relative;
	width: 46%; }
	
/* panels(content) */
.grid2cola .column.first { 
	position: relative;
	width: 63%; }
	
.grid2cola .column.last { 
	position: relative;
	width: 35%; }
	
/* sidebar right (layout) */
.grid2colb .column.first { 
	position: relative;
	width: 65%; }
	
.grid2colb .column.last { 
	position: relative;
	width: 29%; }

/* sidebar left (layout) */	
.grid2colc .column.first { 
	position: relative;
	width: 45%; }
	
.grid2colc .column.last { 
	position: relative;
	width: 46%; }
	
.grid2cold .column.first { 
	position: relative;
	width: 95%; }
	
.grid2cold .column.last { 
	position: relative;
	width: 34%; }
	
.grid4col .column { position: relative; width: 25%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }
	
.column.first, .column.last { 
	margin-left: 0 !important; }
	
.column.last { 
	float: right !important; }
	
#container:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after, .item:after, #nav ul:after, #topbar:after, #download:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
	
#container, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col, .column, #branding img, .item, #services, #about, #nav ul, #topbar { 
	zoom: 1; }
	

/*----------------------------------------------------------------------*/
/*	Fonts Styles  */
/*----------------------------------------------------------------------*/

body { 
	font: 100 normal 12px/18px Arial, Sans-Serif;
	letter-spacing: 1px; }

strong, b { font-weight: bold;}
em, i { font-style: italic; }

h1 {
	margin-bottom: 15px;	
	font: Arial, sans-serif;
	text-transform: uppercase; }

h1 span {font-size:120%;}

h2 {
	font: bold 13px Arial, sans-serif;
	color: #212f5c;
	margin-bottom: 3px;
	text-transform: uppercase; }
	
h3 {
	font: bold 11px Arial, sans-serif;
	font-style: italic;
	color: #dcf6ff;
	text-transform: uppercase; }
	
h4 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CCCCCC !important;
	margin-bottom: 7px; }
	
h4 a {
	font-size: 15px;
	font-weight: bold;
	color: #CCCCCC !important;
	margin-bottom: 7px; }
	
h6 {
	font-size: 12px;
	font-weight: bold;
	color: #0083B5;
	margin-bottom: 3px; }
	
h5 {
	font: bold 13px Arial, sans-serif;
	color: #212f5c;
	margin-bottom: 3px;
	text-decoration:underline;
	 }

.big {font-size:12px;}	
.logo {font-size:16px;}	

/*----------------------------------------------------------------------*/
/*	Global Links   */
/*----------------------------------------------------------------------*/

a { outline: none; }
a:link { color: #999999; text-decoration: underline; }
a:hover   { color: #999999; text-decoration: none; }
a:visited { color: #999999; }
a:active  { color: #999999; }

/*----------------------------------------------------------------------*/
/*	Portfolio   */
/*----------------------------------------------------------------------*/

.item {
	position: relative;
	background-color: #f6f6f6;
	padding: 20px;
	border: 1px solid #333;
	margin-bottom: 25px; }
.item img {
	float: left;
	border: 1px solid #333;
	margin-right: 20px; }

#readmore{
text-align:right;
/*margin-top:50px;*/
}


.readmore {float:left; width: 820px; /*position:absolute;*/ color:#252b5d; /*text-transform:uppercase;*/ text-decoration:none;}
/* *html .readmore {margin:50px 0px 0px 500px;} */
.readmore a:link { color: #252b5d; text-decoration:none; }
.readmore a:hover   { color: #252b5d; text-decoration:underline; font-weight:bold; text-transform:uppercase;}
.readmore a:visited { color: #252b5d; text-decoration: none;}
.readmore a:active  { color: #252b5d; text-decoration: none; }

.portfolio-detail {
	position: relative;
	background-color: #f6f6f6;
	padding: 20px;
	border: 1px solid #333;
	}

span.code {
    font-family: Arial, Helvetica, sans-serif;  
    font-size: 12px;
}

/*----------------------------------------------------------------------*/
/*	Global */
/*----------------------------------------------------------------------*/
#topbarwrapper {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	background: #ffffff; }
	
#topbar {
	position: relative;
	width: 902px;
	height: 100px;
	margin: 0 auto;
	background: #ffffff; }
	
#branding {
	position: absolute;
	left: -250px;
	width: 1000px;
	height: 100px;
	margin: 0px auto 5px;
	overflow: hidden; }
	
#branding img {
	margin: 15px 0 5px 0; }
	
#branding p { }

#nav {
	background:#ffffff;
	width: 100%; }
	
#container {
	width: 902px;
	margin: 20px auto 40px;
	text-align: left; }
/**html #container {
	margin: 5px auto 40px;
	}
*/
	
#main {
	background: #ffffff;
	padding: 20px;
	/*border: 1px solid #333;*/ }

#footer {
	clear: both;
	position: relative;
	text-align: center;
	width: 100%;
	padding: 10px 0px 20px 0px;
	font: normal 12px sans-serif;
	border-top: 1px solid #cbcbcb; }


/*----------------------------------------------------------------------*/
/*	Navigation   */
/*----------------------------------------------------------------------*/
	
#nav ul {
	width: 900px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	color: #1f2b5b;
	font: normal 10px Arial, sans-serif;
	background: #b8d2e3; 
	padding-bottom: 5px;
	font-weight:bold;
	padding-top: 5px;
	}
*html #nav ul { margin:0px;}

#nav ul li {
	display: inline;
	padding-bottom: 5px;
	padding-top: 10px;
	}

#nav ul li a {
	float: left;
	padding-right:20px;
	padding-left:24px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #1f2b5b;
	text-decoration: none; }

#nav ul li a:hover {
	color: #0f75bd;
	}
	
#nav .special {
	border-right: none; }


/*----------------------------------------------------------------------*/
/*	Navigation States   */
/*----------------------------------------------------------------------*/

#homepage #nav_home li,
#offlinepage #nav_offline li,
#onlinepage #nav_online li,
#newspage #nav_news li,
#ratepage #nav_rate li,
#contactpage #nav_contact li {
  	color: #000000; }
  	
#homepage #nav_home a,
#offlinepage #nav_offline a,
#onlinepage #nav_online a,
#newspage #nav_news a,
#ratepage #nav_rate a,
#contactpage #nav_contact a {
  	color: #000000;
  	width: 10%;
  	font-weight: bold;}
  	
#homepage #nav_home a:hover,
#offlinepage #nav_offline a:hover,
#onlinepage #nav_online a:hover,
#newspage #nav_news a:hover,
#ratepage #nav_rate a:hover,
#contactpage #nav_contact a:hover {
	cursor: default; }
  	

/*----------------------------------------------------------------------*/
/*	Header   */
/*----------------------------------------------------------------------*/
		
#title {
	position: relative;
	width: 960px;
	list-style: none;
	margin: 0px auto 0px; }

#title ul {
	list-style: none;
	margin-top: 0px; }

#title #mana {
	padding: 0 0px 0 12px; }

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

#billboardwrapper {
	position: relative;
	width: 900px;
	height: 250px;
	border: 1px solid #444;
	margin-bottom: 20px;
	overflow: hidden; }
	
#billboard {
	width: 900px;
	height: 250px;
	overflow: hidden; }
	
#billboardwrapper #enquire {
	position: absolute;
	z-index: 100;
	width: 100px;
	height: 100px;
	bottom: 0px;
	right: 0px; }
	
.bucket {
	width: 600px;
	margin-bottom: 20px;
	border: 1px solid #333333; }
	
.bucket .image {
	width: 300px;
	float: left; }
	
.bucket img {
	width: 300px;
	height: 150px; }
	
.bucket .text {
	width: 280px;
	float: left;
	padding: 10px;
	height: 130px;
	overflow: hidden; }
	


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

#about {
	background: #ffffff;
	text-align:left;
	color:#00090d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden; }
#faq {
	background: #ffffff;
	text-align:left;
	color:#00090d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden; }
	
#services {
	background: #ffffff;
	overflow: hidden; }
	
#services ul {
	width: 200px;
	height: 250px;
	float: left; }
	
#services li {
	display: block;
	padding: 3px 5px 3px 0;
	margin-bottom: 10px; }
	
#services li a {
	display: block;
	padding: 5px 0 5px 10px;
	width: 150px;
	text-decoration: none;
	text-transform: uppercase;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	font: 100 10px Arial; }
	
#services li a:hover {
	color: #FFF; }
	
#services .selected {
	padding: 5px 0 0 10px;
	color: #000;
	font: 300 10px Arial;
	display: block;
	width: 200px;
	height: 15px;
	border: none; }
	
#services .selected:hover {
	color: #000; }
	
#services #tab1, #services #tab2, #services #tab3, #services #tab4 {
	width: 330px;
	float: left; }
	
	
#news h1 {
	display: inline;
	float: left; }
	
#newsItem {
	margin-left: 180px;
	width: 675px;
	height: 60px;
	padding: 5px;
	border: 1px solid #333;
	margin: 0 0 10px 180px;
	overflow: hidden; }
	
.more {
	float: right; }
	
#subscribetoggle {
	float: right; }
	
#subscribe {
	float: right; }


/*----------------------------------------------------------------------*/
/*	Contact   */
/*----------------------------------------------------------------------*/

#form {
	float: left;
	width: 60%;
	background: #ffffff;
	padding: 20px;
	border: 1px solid #333;
	margin-bottom: 35px; }
	
#faq2 {
	float: left;
	background: #ffffff;
	padding: 20px;
	margin-bottom: 35px; }
	
#contactForm {
	background: #f4f6f8;
	padding: 20px;
	border: 1px solid #333;
	 }
	
#sidebar {
	float: right;
	width: 30%; }
	
#sidebar img {
	margin-right: 15px; }
	
.sidebox {
	width: 230px;
	background: #ffffff;
	padding: 20px;
	border: 1px solid #333;
	margin-bottom: 40px; }
	
.formlabel {
	display: block;
	margin-bottom: 3px; }	
	
.forminput {
	display: block;
	margin-bottom: 20px;
	background: #ffffff;
	border:  1px solid #292929;
	color: #1a2b5a; }
	
.dropinput {
	display: block;
	margin-bottom: 20px;
	border:  1px solid #292929;
	color: #333; }

.textarea {
	width: 100%;
	height: 150px; }
	
.textline {
	width: 100%; }
	
#links {
	list-style-type: square;
	margin: 0 0 0 10px; }
	
	
/*----------------------------------------------------------------------*/
/*	Footer   */
/*----------------------------------------------------------------------*/
#footer img {
	margin: 5px 0 10px 0; }
	
#footer ul { 
	text-align: center;
	padding-bottom: 15px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	margin-left: 0;
	color: #CCCCCC;
	width: 100%; }
	
#footer ul li {
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-top: 5px; }
	
#footer ul li a {
	color: #999;
	text-decoration: none; }
	
#footer ul li a:hover {
	color: #b7d1e2;
	text-decoration: underline; }
	
#footer p {
	margin-bottom: 5px; }
	
/*----------------------------------------------------------------------*/
/*	Products   */
/*----------------------------------------------------------------------*/
	
	
.banner {
	text-align: left;
	padding-bottom: 15px;
}
.categories {
	height: 99px;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../images/lightstar/dottedline.jpg);
}
.categoryh1 {
	color: #4f9acf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 15px;
}
.ulmanufacturere {
	margin-left: 45px;
}

.ulmanufacturere a, .ulmanufacturere a:visited {color: #132a5e; text-decoration:none}
.ulmanufacturere a:hover {color: #132a5e; text-decoration:underline}

.limanufacturere {
	list-style-type: none;
	float: left;
	width: 214px;
	list-style-image: url(../images/lightstar/bullet.jpg);
	font-weight: bold;
}

.products-table {font-size:12px;}
.products-table td {padding:5px;}
/*----------------------------------------------------------------------*/
/*	Product Lightbox   */
/*----------------------------------------------------------------------*/
.product-wrapping {background-color:#02124d; color:#FFF; width:auto; height:auto}
.product-wrapping-inner {width:540px; margin:0 auto; }
.brand-details {text-align:justify; width:365px; float:left; margin:20px 0px 20px 20px;}
.brand-logo {float:left; width:125px; margin:20px 0px 20px 10px;}

.brand-details a {color:#38a4ff; text-decoration:none}
.brand-details a:hover {color:#38a4ff; text-decoration:underline}

.categories-lightbox {background:none; float:left; margin-bottom:30px;}

.categoryh1-lightbox {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 20px;
	text-decoration:underline;
	text-align:left;
}
.ulmanufacturere-lightbox {
	margin-left: 45px;
}
.limanufacturere-lightbox {
	list-style-type: none;
	float: left;
	text-align:left;
	list-style-image: url(../images/lightstar/bullet2.jpg);
	width:100px;
	margin:10px;
	}


/*----------------------------------------------------------------------*/
/*	Service  */
/*----------------------------------------------------------------------*/

.service	{margin-left:15px; margin-bottom:20px;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../images/lightstar/dottedline.jpg);

}
.serviceh1 	{	color: #4f9acf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 0px;}


h6.service-date {padding:0px; margin:0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

.categorieslist {display:inline; font-size:14px; list-style:none;}
.categorieslist li {
	list-style-type: none;
	float: left;
	width: 280px;
	margin:5px;
	
}
.categorieslist li a {text-decoration:none; color:#132a5e; font-weight:normal;}
.categorieslist li a:hover {text-decoration:underline; color:#132a5e; font-weight:normal;}

#descr{
	padding-top: 10px;
	padding-bottom: 10px;
}