/* css for Recyclone home page */
/* ============================================ start index =============================== */

#subheader {
 width: 990px;
 height: 245px;
 margin-bottom: 5px;
 position: relative;
 background: url('images/watermark.png') no-repeat 0 100%;  
}
* html #subheader {
 background: url('images/watermark.gif') no-repeat 0 100%;  
}
#gar {
 position: absolute;
 height: 245px;
 width: 220px;
 background: url('images/gar-tech.jpg') no-repeat 0 100%;
 top: 0;
 left: 700px; 
}
#subhead-in {
 width:  640px;
 margin-left: 15px;
}
#thetop {
  width: 100%;
  height: 70px; 
}
#thetop h2 {
 margin: 0 2%;
 font-size: 2.6em;
 line-height: 2.2em;
 color: #3f3f3f;
}
#themid {
 width: 100%;
 font-size: 1.2em;
 line-height: 1.8em; 
}


/* <=== Left === */
#inx-left {
	float: left;
	width: 540px;
}
.bx {
 padding-bottom: 5px;
 margin-bottom: 5px;
	width: 540px;
 background: url('images/bx_inx-l_foot.png') no-repeat 0 100%; 
}
.bx-head {
 height: 35px;
 width: 540px;
 background: url('images/bx_inx-l_top.png') no-repeat 0 0; 
}
.bx-head h3 {
 font-size: 1.8em;
 color: #ffffff;
 line-height: 2.0em;
 margin: 0 3%; 
}
.bx-body {
 padding-top: 0.5em;
 min-height: 391px;
 width: 540px;
 background: #f9f9f9 url('images/bx_inx-l_tile.png') repeat-x 0 0; 
}
* html .bx-body {
 height: 402px;
}
.bx-body h4 {
 font-size: 1.6em;
 color: #666;
 line-height: 1.8em;
 margin: 0 3% 0.5em;
 font-weight: bold; 
}
.bx-body ul {
 margin: 0 3%;
}
.bx-body li {
 font-size: 1.1em;
 color: #3f3f3f;
 line-height: 1.6em;
 list-style: disc;
 padding-left: 0.1em; 
 margin-left: 3%;
}

.bx-body ul.col3 li {
  width: 30%;
  float: left;
}
* html .bx-body ul.col3 li {
  /* white-space: nowrap; */ 
  width: 28%;
}
/* IE6 fixes */
}
* html .bx {
 height: 1%;
 background: url('images/bx_inx-l_foot.gif') no-repeat 0 100%;
} 
* html .bx-head {
 background: url('images/bx_inx-l_top.gif') no-repeat 0 0; 
}
* html .bx-body {
 height: 391px;
}


/* === Right ===> */
#inx-right {
	float: right;
	width: 445px;
}
.box {
 padding-bottom: 5px;
 margin-bottom: 5px;
	width: 445px;
 background: url('images/bx_inx-r_foot.png') no-repeat 0 100%; 
}
.box-head {
 height: 38px;
 width: 445px;
 background: url('images/bx_inx-r_top.png') no-repeat 0 0; 
}
.box-head h2 {
 font-size: 1.8em;
 color: #ffffff;
 line-height: 2.0em;
 margin: 0 3%; 
}
.box-body {
 min-height: 90px;
 width: 445px;
 background: url('images/bx_inx-r_tile.png') repeat-y 0 0;
 padding-top: 0.75em; 
}
/* IE6 fixes */
* html .box {
  height: 1%;
 background: url('images/bx_inx-r_foot.gif') no-repeat 0 100%; 
}
* html .box-head {
 background: url('images/bx_inx-r_top.gif') no-repeat 0 0; 
}
* html .box-body {
 height: 90px;
 background: url('images/bx_inx-r_tile.gif') repeat-y 0 0; 
}
/* white option */
.boxwht {
 padding-bottom: 5px;
 margin-bottom: 5px;
	width: 445px;
 background: url('images/bx_inx-r_footwht.png') no-repeat 0 100%; 
}
.boxwht .box-body {
 min-height: 90px;
 width: 445px;
 background: #fff url(none); 
 padding-top: 0.75em; 
}
* html .boxwht {
 padding-bottom: 5px;
 margin-bottom: 5px;
	width: 445px;
 background: url('images/bx_inx-r_footwht.gif') no-repeat 0 100%; 
}



.img-l {
 float: left;
 width: 125px;
 text-align: center; 
}
.text-r {
 float: left;
 width: 300px; 
}
.box-body p, .bx-body p {
 font-size: 1.1em;
 line-height: 1.8em;
}

/* more */

#themid p.more, .box-body p.more {
  text-align: right;
  font-weight: bold;
  margin: 0;
  font-size: 13px;
}
.bx-body p.more {
  text-align: right;
  font-weight: bold;
  margin: 0 3% 0 0;
  font-size: 13px;
}
#themid p.more a, .box-body p.more a, .bx-body p.more a {
  color: #666;
  text-decoration: none;
}
#themid p.more a:hover, .box-body p.more a:hover, .bx-body p.more a:hover {
  color: #222;
  text-decoration: none;
}

/* ============================================ end index =============================== */

#message_wrapper {
position:relative;
z-index:99; 
}


#message {
 position:absolute; 
 top:130px;
 z-index:99; 
 width:100%; 
 text-align: center;
}