/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	Bright Side of Life
   TEMPLATE CODE: 	S-0005
   VERSION:          1.0          	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	background: #A9BAC3 url(../images_f/bg.gif) repeat-x;
	text-align: center;
	
}

/* links */
a { 
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #9EC068;
	background-color: inherit;
}

/* headers */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}
h1 { font-size: 1.5em; color: #6297BC; } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #4284B0;
}
ul span, ol span {
	color: #666666; 
}

/* images */
img {
	border: 2px solid #CCC;
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 2px solid #568EB6;
}
a:hover img {  
  border: 2px solid #CCC !important; /* IE fix*/
  border: 2px solid #568EB6;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #4284B0; 
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

/* form elements */
/*form {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}*/
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #333; 
	height: 14px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0; 
	padding: 2px 3px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 60px;
	vertical-align: top;
}

/***********************
	  LAYOUT
************************/
#wrap {
	background: #FFF;
	/*width: 820px; height: 100%;*/
	width: 100%; height: 100%;
	margin: 0 auto;	
	text-align: left;
}
#content-wrap {
	clear: both;
	margin: 0; padding: 0;	
	background: #FFF;
}

/* header */
#header {
	position: relative;
	height: 85px;	
	background: #000 url(../images_f/headerbg.gif) repeat-x 0% 100%;	
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	/*font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;*/
	font: bolder 2.5em 'Trebuchet MS', Arial, Sans-serif;
	/*letter-spacing: -2px;*/
	/*text-transform: lowercase;*/
	/*top: 0; left: 0px;	*/
	top: 0; left: 20px;
	/*new*/
	vertical-align:bottom;
	text-align:right;
}
#header h2#slogan {
	position: absolute;	 
	top:15px; left:250px;
	/*color: #6666ff;*/
	color:Blue;
	text-indent: 0px;
	font: bold 25px Tahoma, 'trebuchet MS', Sans-serif; 
	font-weight:bold;
	text-transform: none;	
}
#header form.searchform {
	position: absolute;
	top: 0; right: -12px;	
}

/* main */
#main {
	float:left;
	/*margin-left: 15px;*/
	margin-left: 5px;
	padding: 0;
	width: 62%;	
	/*height:375px;	*/
	height:100%;
}

/*.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(../images_f/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(../images_f/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(../images_f/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}*/

/* sidebar */
#sidebar {
	float: left;
	/*width: 23%;*/
	width: 19%;
	margin: 0;	padding: 0; 
	display: inline;
	font-weight:bold;
	height:379px;		
}
#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	
	
	min-height:18px;
}

#sidebarr {
	float: left;
	/*width: 23%;*/
	width: 18%;
	margin: 0;	padding: 0; 
	display: inline;
	font-weight:bold;
		 
}
#sidebarr ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 10px;
	padding:0;		
}
#sidebarr ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#sidebarr ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	
	
	min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #339900;
	border-left:4px solid #9EC630;
}

/* rightbar */
#rightbar {
	float: right;
	width: 23%;
	padding: 0; margin:0;		
}

/* Footer */
#footer { 
	clear:both;  
	color: #FFF; 
	background: #A9BAC3; 
	border-top: 5px solid #568EB6;
	margin:0px 0px 0px 0px; padding: 0;  
	height: 5px;	  
	/*font-size: 95%;*/		
	vertical-align:bottom;
	font-size:9px;
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer .footer-left{
	float: left;
	width: 75%;
	 
}
#footer .footer-right{
	float: right;
	width: 25%;
	 
}

/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:0; padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(../images_f/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(../images_f/tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }
.red {	color:Red; }
.Orange {	color:Blue;  font-weight:bold;}
.blue {color:#666666;}

.hide{
  display:none;
  }
  
  .GridPanel {
	MARGIN-TOP: 5px; FONT: 11px Tahoma; COLOR: #333333
}
TR.GridRow TD {
	BORDER-RIGHT: #f4f4f4 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #edecec 1px solid; BACKGROUND-COLOR: #f9f9f9
}
.Heading3 {
	FONT-SIZE: 11px
}
.Heading3 TD {
	BORDER-RIGHT: #f4f4f4 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: white 1px solid; HEIGHT: 25px; BACKGROUND-COLOR: #edecec
}

.Heading3 TH {
	BORDER-RIGHT: #f4f4f4 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; COLOR:White; PADDING-TOP: 3px; BORDER-BOTTOM: white 1px solid; HEIGHT: 25px; BACKGROUND-COLOR: #9EC630
}

.ci-fb {
	BORDER-RIGHT: #cbcbcb 1px solid; BORDER-TOP: #cbcbcb 1px solid; FLOAT: right; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 10px 10px; BORDER-LEFT: #cbcbcb 1px solid; WIDTH: 163px; BORDER-BOTTOM: #cbcbcb 1px solid; BACKGROUND-COLOR: #eeeeee
}
.ci-sr {
	FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; COLOR:#ffffff; PADDING-TOP: 3px; BACKGROUND-COLOR:Green; TEXT-ALIGN: center
}
.ci-te {
	PADDING-LEFT: 7px; PADDING-TOP: 6px
}
.ci-su {
	FONT-WEIGHT: bold; PADDING-BOTTOM: 8px; COLOR: #515151; PADDING-TOP: 6px; TEXT-ALIGN: center
}
.rspback
{
	
	background-color:#9EC630;
	font-size: 1.2em; color: White;
	text-align:center;
	height:19px;
	font-weight:bold;
	}
.resptable
{
	MARGIN: 0px 0px 10px 0px;
BORDER-RIGHT: #cbcbcb 1px solid;
BORDER-TOP: #cbcbcb 1px solid;
BORDER-LEFT: #cbcbcb 1px solid;
BORDER-BOTTOM: #cbcbcb 1px solid;
BACKGROUND-COLOR: #eeeeee	;
width:173px;
 
	}

.menucss
{
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:0px 0px 0px 0px;

	background: #f2f2f2;
	border-left:1px solid #CCC;	
	border-right: 1px solid #CCC;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align:middle;
	border-color:Gray;
	min-height:23px;
	}
	.menuitemcss
{
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:0px 0px 0px 0px;
	background: #f2f2f2;
	border-left:1px solid #CCC;	
	border-right: 1px solid #CCC;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	  vertical-align:middle;
	border-color:Gray;
	min-height:23px;
	}
	.mnucssmain
	{ margin-left:17px;
		
		}
		
		
.producttable
{
	MARGIN: 1px 1px 1px 1px;
BORDER-RIGHT: #cbcbcb 0px solid;
BORDER-TOP: #cbcbcb 0px solid;
BORDER-LEFT: #cbcbcb 0px solid;
BORDER-BOTTOM: #cbcbcb 0px solid;
BACKGROUND-COLOR:#eeeeee; /*#eeeeff;#eeeeee	;*/
/*width:308px;*/
 width:293px;
}
	
.productheader
{
	background-color:#9EC630;
	font-size: 0.9em; color: White;
	text-align:center;
	height:9px;
	font-weight:bold;
	}
.productfooter
{
	
	background-color:#666666;
	font-size: 1.2em; color: White;
	text-align:center;
	height:2px;
	font-weight:bold;
	}
.productdesc
{ 
	vertical-align:top;
	margin-left:0px;
	background-color:#eeeeee;
	font-size: 0.8em;
}
.linkfulldesc
{
	font-size: 0.8em;
	}
.productimgblock
{  vertical-align:middle;
	text-align:center;
 background-color:Scrollbar;
 BORDER-RIGHT: #cbcbcb 0px solid;
BORDER-TOP: #cbcbcb 0px solid;
BORDER-LEFT: #cbcbcb 0px solid;
BORDER-BOTTOM: #cbcbcb 0px solid;
  
  margin:0px 0px 0px 0px;
	}

.msgsuccess
{ color:Green;
	font-size:xx-small;
	font-weight:bold;
	}
.msgfail
{ color:Red;
	font-size:xx-small;
	font-weight:bold;
	}
.sitemapcls
{
	 margin-left:205px;
	 margin-top:50px;
	 
	}
.sitemapdiv
{ width:100%;
	border:0;
	background-color:#eeeeff;
	 height:16px;
	 vertical-align:middle
	
	}
.searchcls
{  
	margin-top:1px;
	 margin-bottom:5px;
	margin-left:240px;
	 text-align:right;
	  
	}
/*.searchcls
{  
	margin-top:5px;
	 margin-bottom:5px;
	margin-left:380px;
	 text-align:right;
	  
	}*/

.ddlcss
{
	color:Black;
	font-weight:bold;
	height:20px;
	font-size:smaller;
	vertical-align:middle;
	}
.txtsearch
{margin: 0; 
	width: 80px;
	border: 1px solid black; 
	background: #FFF;
	color: #333; 
	height: 10px;
	vertical-align:middle;
	
	}
.buttonsearch
{
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 0px 0px 0px 0px; 
	color: #4284B0;
	margin-left:2px;
	vertical-align:middle;
	
	}
.tableheader
{
	
	background-color:#9EC630;
	font-size: 1.2em; color: White;
	text-align:left;
	height:19px;
	font-weight:bold;
	
	}
	
.tableheaderTD {
	  PADDING-LEFT: 15px; FONT-WEIGHT: bold;  margin-left:100px; height:35px;
}
.tableblock
{
	MARGIN: 0px 0px 10px 0px;
BORDER-RIGHT: #cbcbcb 1px solid;
BORDER-TOP: #cbcbcb 1px solid;
BORDER-LEFT: #cbcbcb 1px solid;
BORDER-BOTTOM: #cbcbcb 1px solid;
BACKGROUND-COLOR: #eeeeee	;
width:99%;

	}
.uppage
{
	 width:100%;
	background-color:#ccccff;
	font-size: 0.9em; color: White;
	text-align:left;
	height:19px;
	font-weight:bold;
	}
.downpage
{
	width:100%;
	background-color:#ccccff;
	font-size: 0.9em; color: White;
	text-align:left;
	height:13px;
	font-weight:bold;
	}
.downpagedropdown
{
	height:15px;
	width:45px;
	font-size: 0.9em;
	}
.topcallph
{ text-align:right;
	margin-left:800px; color:#447700;
	/*font: 1.1em  Verdana, Tahoma, Helvetica, sans-serif;*/
	font: bolder 1.4em 'Trebuchet MS', Arial, Sans-serif;
	font-weight:bold;
	width:100%;
	vertical-align:bottom;
	}
 .emptytd
{
	
	background-color:#9EC630;
	font-size: 1.2em; color: White;
	text-align:center;
	height:19px;
	font-weight:bold;
	width:100%;
	}
TR.emptytr TD {
	BORDER-RIGHT: #f4f4f4 1px solid; 
	PADDING-RIGHT: 30px; 
	PADDING-LEFT: 30px; 
	PADDING-BOTTOM: 30px; 
	PADDING-TOP: 30px; 
	BORDER-BOTTOM: #edecec 1px solid; 
	BACKGROUND-COLOR: #f9f9f9;
	width:100%;
}
.productgrid
{ width:100%;
	
	}
.tblproductbrands
{  
	/*background-color:#ddcc88;
	border-bottom:1px #ccccff;
	border-left:1px #ccccff;
	border-top:1px #ccccff;
	border-right:1px #ccccff;*/
	width:100%;
	}
	.brandImage
	{ margin:3px 3px 3px 3px;
		
		}
	.brandLink
	{margin:3px 3px 3px 3px;
		
		}
#main2
{ margin-left:590px;
	}
.logservicenote
{  margin-left:15px;
	text-align:center;
	 font: bolder 0.9em 'Trebuchet MS', Arial, Sans-serif;
	}
.sitemap
{
 margin-left:20px;	
	}

.divscroll
{
	  overflow:scroll;
	 /* width:620px;*/
	 width:100%;
	  height:314px;
	  
	}
.emptytable
{
	 width:590px;
	 height:290px;
	 
	}
.logostartdiv
{
	 overflow:scroll;
	  width:620px;
	  height:250px;
	  background-color:White;
	}
	
.Brandtbllogocss
{ 
	margin:3px 3px 3px 3px;
	   background-color:White;
	
	}
.DataListBrandlogoCss
{ width:30px;
	 vertical-align:top;
	 text-align:center;
	 background-color:White;
	}

.productimagetd
{ vertical-align:middle;
	text-align:center;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	width:20%;
	background-color:#ddddcc;
	}
.productimagecss
{ vertical-align:middle;
	text-align:center;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:4px;
	margin-right:4px;
	}
.descriptiontd
{
	width:80%;
	vertical-align:top;
	text-align:left;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	}
.descriptiontbl
{
	width:80%;
	vertical-align:top;
	text-align:left;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	}
	
.Pricetxtcss
{
	vertical-align:top;
	margin:0px 0px 0px 0px;
	 color:#ff8833;
	font-size: 0.8em;
	font-weight:bold;
	}
.PriceValcss
{
	vertical-align:top;
	margin:0px 0px 0px 0px;
	 color:#ff8833;
	font-size: 0.8em;
	font-weight:bold;
	}
.Offertxtcss
{
	vertical-align:top;
	margin:0px 0px 0px 0px;
	 color:#aa0044;
	font-size: 0.8em;
	font-weight:bold;
	}
.OfferValcss
{vertical-align:top;
	margin:0px 0px 0px 0px;
	 color:#aa0044;
	font-size: 0.8em;
	font-weight:bold;
	
	}
	
	/* ---popup--------*/
.popupdesc
{ vertical-align:top;
	margin:0px 0px 0px 0px;
	 color:#666644;
	font-size: 0.9em;
	width:100%;
	text-align:left;
	background-color:#dddddd;
	height:250px;
	 
	
	}
	.popupdescdiv
	{
		/*height:283px;*/
		height:283px;
		 overflow :scroll;
		 
		 
		  
		}
		.popupdetails
		{ width:30%;
			background-color:#ddddbb;
			}
.popuppriceval
{vertical-align:top;
	margin:0px 0px 0px 10px;
	 color:#ff8833;
	font-size: 0.8em;
	width:40%;
	text-align:left;
	background-color:#ddddbb;
	font-weight:bold;
	}
.popupofferpriceval
{vertical-align:top;
	margin:0px 0px 0px 10px;
	 color:#aa0044;
	font-size: 0.8em;
	width:40%;
	text-align:left;
	background-color:#ddddbb;
	font-weight:bold;
	}
	
.popuppricetxt
{
	vertical-align:top;
	margin:0px 0px 0px 10px;
	 color:#ff8833;
	font-size: 0.8em;
	width:30%;
	text-align:left;
	background-color:#ddddbb;
	font-weight:bold;
	}
.popupofferpricetxt
{vertical-align:top;
	margin:0px 0px 0px 10px;
	 color:#aa0044;
	font-size: 0.8em;
	width:30%;
	text-align:left;
	 background-color:#ddddbb;
	 height:32px;
	 font-weight:bold;
	}
.popupprdname
{ color:White;
	font-size: 1em;
	 background-color:#9EC630;
	 font-weight:bold;
	  height:15px;
	  font-size: 1em;
	}
.popuptbl
{    
	
 width:100%;

  border-left-color:black;
  border-bottom-color:Black;
  border-right-color:Black;
  border-top-color:Black;
  height:100%;
  vertical-align:middle;
  margin:3px 3x 3px 3px;
  position:relative;
	}
.innerpopupdiv
{  vertical-align:top;
	margin:0px 0x 0px 0px;
	 text-align:center;
	 height:100%;
	 border-style:outset;  border-color:Green;
	}
	
.popuprow
{ height:10px;
	
	}
/* ---popup--------*/
.tableblocksms
{
	MARGIN: 0px 0px 0px 0px;
BORDER-RIGHT: #cbcbcb 1px solid;
BORDER-TOP: #cbcbcb 1px solid;
BORDER-LEFT: #cbcbcb 1px solid;
BORDER-BOTTOM: #cbcbcb 1px solid;
BACKGROUND-COLOR: #eeeeee	;
width:300px;
vertical-align:middle;


	}
.tableheaderTDSMS {
	  PADDING-LEFT: 0px; FONT-WEIGHT: bold;  margin-left:10px; height:35px;
}

/*---------quotation product grid----*/
.QuotationCatName
{ margin-left:20px;
	color:Gray;
	 
	 font-size:medium;
	 font-size:11px;
	}
.QuotationPrdName
{ width:250px;
	height:20px;
	 font-size:9px;
	 color:Gray;
	
	  
	}
	
/*---------projector lamps product grid----*/	
.tableblockWhite
{
	MARGIN: 0px 0px 0px 0px;
BORDER-RIGHT: #cbcbcb 1px solid;
BORDER-TOP: #cbcbcb 1px solid;
BORDER-LEFT: #cbcbcb 1px solid;
BORDER-BOTTOM: #cbcbcb 1px solid;
BACKGROUND-COLOR:White	;
width:99%;

	}
.prjlampsddl
{ height:16px;
	width:200px;
	font-size: 0.9em;
	
	}
.divallscroll
{
	width:98%;
	height:360px;
	 
	}