html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-image:url(images/bg.gif);
 height:100% auto;
 min-height: 100%;
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 height:100%;
 min-height: 100%;
 background-image: url(images/body-back.gif);
 background-repeat: repeat-y;
} 
 
#header{
 position:relative; 
 height:200px; 
 width:860px;
 margin-left:auto; 
 margin-right:auto; 
} 
#search{
 position:relative; 
 height:58px; 
 width:866px;
 margin-top:20px;
 background-image:url(images/body-head.png);
 margin-left:auto; 
 margin-right:auto; 
 } 
#leftcol{
	width:153px;
	height:100%;
	float:left;
	position:relative;
  }
#plant{
 width:153px; 
 height:150px;
 float:left; 
 position:inherit;
 
  }
 #note{
 background-image:url(images/nav-note.png);
 background-repeat:no-repeat;
 width:153px; 
 height:289px;
 float:left; 
 position:inherit;
 
  }
#watch{
 width:153px; 
 height:150px;
 float:left; 
 position:inherit;
 
  }
 #dairy{
	width:153px;
	height:300px;
	float:left;
	position:inherit;
    padding-top:110px
  }
#prize{
 width:170px; 
 height:200px;
 float:left; 
 position:inherit;
 }
 #mobile{
 width:170px; 
 height:350px;
 float:left; 
 position:inherit;
 }
 #coffe{
	width:170px;
	height:250px;
	float:left;
	position:inherit;
	padding-top:280px
 }
#twocols{
 width:747px; 
 float:right; 
 position:relative; 
 height:100% auto;
  }
 
#rightcol{
 width:170px; 
 float:right; 
 position:relative; 
 height:100%;
 }
 
#maincol{
 background-color: #f7f7f5;  
 float: left; 
 display:inline; 
 position: relative; 
 width:577px;
 }
 #leftbox{
	background-color: #f7f7f5;
	float: left;
	display:inline;
	position: relative;
	width:165px;
	border:solid;
	border-color:#FFFFFF;
	border-width:5px;
	height:100%;
 }
 #rightbox{
	background-color: #f7f7f5;
	float: right;
	display:inline;
	position: relative;
	width:360px;

	
 }
 #rightxtbox{
	background-color: #f7f7f5;
	float: right;
	display:inline;
	position: relative;
	width:360px;
	padding:2px;
	overflow:auto;
	border:solid;
	border-color:#FFFFFF;
	border-width:5px;
 }
 #righboxtxt{
 background-color: #f7f7f5;  
 overflow:auto;
 padding-left:4px;
 }
 #midbox{
 width:562px;
 background-color: #f7f7f5;  
 float: left; 
 display:inline; 
 position: relative;
 border:solid; 
 border-color:#FFFFFF; 
 border-width:5px;
 padding:2px;
 margin-top:10px;
 }
#leftspace{
	width:136px;
	height:100%;
	background-color: #f7f7f5;
	float:right;
 }
 #rightspace{
 width:153px;
 height:100%;
 background-color: #f7f7f5;
 float:left; 
 }
#footer{
	height:30px;
	width:866px;
	background-image:url(images/footer.png);
	clear:both;
	margin-left:auto;
	margin-right:auto;
 } 
 #bottomsp{
	height:500px;
	width:866px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
 }
 #menu {
 text-align:center;
 margin-top:90px;
 margin-left:2px;
padding-left:2px;
 list-style:none;
 font-family:Kristen ITC;
 font-size:15px;
 font-weight:bold;
 width:140px;
 float:left;
 display:inline;
 }
#menu li{
border-bottom:solid; border-color:#d9d8d7; border-width:1px; padding-bottom:6px; padding-top:6px;
} 
#menu a{
text-align:center;
 list-style:none;
 font-family:Kristen ITC;
 font-size:15px;
 font-weight:normal;
 width:140px;
 color:#000000;
 text-decoration:none;
} 
#menu a:hover{
text-align:center;
 list-style:none;
 font-family:Kristen ITC;
 font-size:15px;
 font-weight:normal;
 width:140px;
 color:#FF0000;
} 
 
.h1{
	font-family:Helvetica;
	font-size:18px;
	color:#996633;
	font-weight:bolder;
	padding-left:10px;
	margin: 2px;
}
.headlink{
 font-family:Helvetica;
 font-size:13px;
 color:#996633;
 font-weight:normal;
 padding-left:2px;
}
.headlink a{
 font-family:Helvetica;
 font-size:13px;
 color:#996633;
 font-weight:normal;
 padding-left:2px;
 text-decoration:underline;
}
.datelink{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#996633;
	font-weight:normal;
	padding-left:2px;
	font-style: italic;
}
.navlink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#996633;
	font-weight: bold;
	text-decoration: none;
	padding-left:5px;
}
.navlink a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#996633;
	font-weight: bold;
	text-decoration: none;
	padding-left:5px;
}
.navlink:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	font-weight: bold;
	padding-left:5px;
}
.bodtxt{
 font-family:Arial;
 font-size:13px;
 color:#000000;
 font-weight:normal;
 padding-right:2px;
}
.bodredtxt{
 font-family:Arial;
 font-size:13px;
 color:#823030;
 font-weight:normal;
 padding-right:2px;
}
#form{
width:380px;
background-color: #f7f7f5;  
 float: left; 
 display:inline; 
 position: relative;
 padding-top:10px;
 list-style:none;
}
.h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#996633;
	font-weight: bold;
	text-decoration: none;
	list-style:none;
}
.h3{
	font-family:Helvetica;
	font-size:14px;
	color:#043c6b;
	font-weight: normal;
	text-decoration: none;
	list-style:none;
}
.inquirytxt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	padding:2px;
	font-weight: bold;
	background-color:#cccccc;
	list-style:none;
}
.newsletter{
padding:0px 0 0 0px;
}
input.input{
width:150px;
height:19px;
float:left;
border:1px #98cdec solid;
background-color:#f9f9f2;
color:#3596c5;
font-style:normal;
font-size:13px;
margin:3px 0 0 0;
padding:2px 0 0 5px;
}
input.subscribe{
float:left;
padding:0 0 0 10px;
}
#copyright{
width:800px;
margin-left:auto; 
 margin-right:auto;
 margin-top:10px;
 text-align:center;
 font-family:Helvetica;
	font-size:13px;
	color:#FFFFFF;
		font-weight: bold;
	display:inline;
	clear:right;
 }
#copyright a{
 text-align:center;
 font-family:Helvetica;
 font-size:13px;
 color:#FFFFFF;
 font-weight: bold;
 display:inline;
 clear:right;
 text-decoration:none;
 }
 #copyright a:hover{
 text-align:center;
 font-family:Helvetica;
	font-size:13px;
	color:#FFFFFF;
		font-weight: bold;
	display:inline;
	clear:right;
	text-decoration:underline;
 }
.TipCls1{
 width:250px;
 height:30px;
}
.TipCls2{
 width:250px;
 height:40px;
}
.headtxt{
	font-family:Helvetica;
	font-size:13px;
	color:#FFFFFF;
	margin-left:5px;
	margin-top:15px;
	font-weight: bold;
	display:inline;
	float:left;
	clear:right;
	text-decoration:none;
}
.headtxt a{
	font-family:Helvetica;
	font-size:13px;
	color:#FFFFFF;
	margin-left:15px;
	margin-top:5px;
	font-weight: bold;
	display:inline;
	float:left;
	clear:right;
	text-decoration:none;
}
.headtxt:hover{
	font-family:Helvetica;
	font-size:13px;
	color:#FFFFFF;
	margin-left:5px;
	margin-top:15px;
	font-weight: bold;
	display:inline;
	float:left;
	clear:right;
	text-decoration:underline;
}
 .headimg{
	margin-left:55px;
	margin-top:12px;
	display:inline;
	float:left;
	clear:right;
}
.search{
	margin-right:10px;
	margin-top:12px;
	display:inline;
	float:right;
}
.search-box{
	width: 220px;
	float:left;
	padding-left:160px;
	padding-top:10px;
}
#SearchButton {
background:url(images/search-icon.png) no-repeat;
width:20px; border:none; cursor:pointer; padding-bottom:16px;}
.logo-text {
 font-family:calibri;
 font-size:16px;
 color:#34679a;
 font-weight:800;
}
 .ilogo-text {
 font-family:calibri;
 font-size:16px;
 color:#f47a24;
 font-weight:800;
}
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 .bettrehome{
	 background-image:url(images/better-home_logo-r.gif); background-repeat:no-repeat;
	float: left;
	padding:2px;
	width:80px;
	height:100px;
	 
 }
 .bettrehome:hover{
	background-image:url(images/better-home_logo.gif); background-repeat:no-repeat;
	float: left;
	padding:2px;
	width:80px;
	height:100px;
 }
 .shutter{
	background-image:url(images/noorac1.png);
	background-repeat:no-repeat;
	float: left;
	padding:2px;
	width:80px;
	margin-top:20px;
    height:50px;
 }
 .shutter:hover{
	background-image:url(images/noorac-2.png);
	background-repeat:no-repeat;
	float: left;
	padding:2px;
	width:80px;
	margin-top:20px;
	height:50px;
 }
 .cartel{
	background-image:url(images/cartel-logo.gif);
	background-repeat:no-repeat;
	float: left;
	padding:2px;
	margin-left:2px;
	width:160px;
	height:39px;
 }
 .cartel:hover{
	background-image:url(images/cartel-logo-r.gif); background-repeat:no-repeat;
	float: left;
	padding:2px;
	margin-left:2px;
	width:160px;
	height:39px;
 }
 .library{
	background-image:url(images/library_logo.gif);
	background-repeat:no-repeat;
	float: left;
	padding:2px;
	width:150px;
	height:80px;
 }
 .library:hover{
	background-image:url(images/library_logo-r.gif); background-repeat:no-repeat;
	float: left;
	padding:2px;
	width:150px;
	height:80px;
 }
  .nefsak{
	background-image:url(images/nefsak_logo.gif);
	background-repeat:no-repeat;
	float: left;
	padding:4px;
	margin-left:2px;
	margin-top:15px;
	width:92px;
	height:71px;
 }
 .nefsak:hover{
	background-image:url(images/nefsak_logo-r.gif); background-repeat:no-repeat;
	float: left;
	padding:4px;
	margin-left:2px;
	margin-top:15px;
	width:92px;
	height:71px;
 }
 .symbyo{
	background-image:url(images/symbyo_logo.gif);
	background-repeat:no-repeat;
	float: left;
	padding:2px;
	margin:2px;
	margin-top:20px;
	width:60px;
	height:67px;
 }
 .symbyo:hover{
	background-image:url(images/symbyo_logo-r.gif); background-repeat:no-repeat;
	float: left;
	padding:2px;
	margin:2px;
	margin-top:20px;
	width:60px;
	height:67px;
 }
 .zipcarts{
	background-image:url(images/zipcarts_logo.gif);
	background-repeat:no-repeat;
	float: left;
	margin-left:2px;
	width:92px;
	height:71px;
 }
 .zipcarts:hover{
	background-image:url(images/zipcarts_logo-r.gif); background-repeat:no-repeat;
	float: left;
	margin-left:2px;
	width:92px;
	height:71px;
 }
 .zaree{
	background-image:url(images/zaree_logo.gif);
	background-repeat:no-repeat;
	float: left;
	margin-left:2px;
	margin-top:8px;
	width:65px;
	height:55px;
 }
 .zaree:hover{
	background-image:url(images/zaree_logo-r.gif); background-repeat:no-repeat;
	float: left;
	margin-left:2px;
	width:65px;
	height:55px;
 }
 .scglass{
	background-image:url(images/scglass-1.png);
	background-repeat:no-repeat;
	float: left;
	margin-left:2px;
	width:92px;
	height:40px;
	margin-top:15px;
 }
 .scglass:hover{
	background-image:url(images/scglass-2.png);
	background-repeat:no-repeat;
	float: left;
	margin-left:2px;
	width:92px;
	height:50px;
	margin-top:15px;
 }
 .power{
	background-image:url(images/power-of-visions-1.png);
	background-repeat:no-repeat;
	float: left;
	margin-left:2px;
	margin-top:8px;
	width:65px;
	height:55px;
 }
 .power:hover{
	background-image:url(images/power-of-visions-2.png);
	background-repeat:no-repeat;
	float: left;
	margin-left:2px;
	width:65px;
	height:55px;
 }
.vcpe{
	background-image:url(images/vcpe_logo.gif);
	background-repeat:no-repeat;
	float: left;
	margin-left:15px;
	width:125px;
	height:85px;
 }
 .vcpe:hover{
	background-image:url(images/vcpe_logo-r.gif); background-repeat:no-repeat;
	float: left;
	margin-left:15px;
	width:125px;
	height:85px;
 }
.clearfix{display: inline-block;}
/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li {
	list-style: none;
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
} 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li {
	margin-left:6px;
	margin-top:3px;
	padding:2px;
	font-family:Arial;
    font-size:12px;
    color:#996633;
    font-weight:normal;
}
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 6px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(images/minus.gif)  left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(images/plus.gif)   left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(images/bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul {
	display: block;
	font-size: 12px;
}
	ul.mktree  li.liClosed  ul {
	display: none;
	font-size: 12px;
}
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li {
	font-size: 14px;
	font-family:Arial;
}
	ul.mktree  li ul li {
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	ul.mktree  li ul li ul li {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	ul.mktree  li ul li ul li ul li {
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none; height:100%}