/*
 *  *  Default Styles
 *   */

body {
/*	background-image: url(images/bg.jpg);
 *		background-color: #8AC50B;c6ffb4*/
	background-color: #c6ffb4;
	background-repeat: repeat-x;
       font-family:Verdana, Trebuchet, Arial, Helvetica, sans-serif; 
}
html{
scrollbar-face-color: #baeaae;
/*scrollbar-face-color: #E6A9EC;*/
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
/*scrollbar-track-color: #baeaae;*/
scrollbar-arrow-color: #FFFFFF;}

p { 
  text-align: left;
  margin-top: 5px;
  margin-bottom: 3px;
}

form {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

em {
  font-style:italic;
}
/*
 * input {
 *   border: 1px solid #E6A9EC;
 *     margin: 0px 2px;
 *       height: 18px;
 *         font-weight:bold;
 *           font-size: 9px;
 *             padding:2px;
 *             }
 *
 *             input:hover {
 *               border: 1px solid green;
 *               }
 *
 *               select {
 *                 border: 1px solid #E6A9EC;
 *                   margin: 0px 2px;
 *                   }
 *
 *                   select:hover {
 *                     border: 1px solid green;
 *                     }
 *
 *                     */
a img {
  border: none;
}

h1 a{
  color: green;
}

h1 a:hover { 
  color: black;
  text-decoration: underline;
}

span {
}
/*
 *  *  Generic Styles
 *   */

.center { 
  text-align: center;
}

.bold { 
  font-weight: bold;
}

.italic { 
  font-style: italic;
}

.underline { 
  text-decoration: underline;
}

/*
 * .small { 
 *   font-size: smaller;
 *   }
 *
 *   .smaller { 
 *     font-size: x-small;
 *     }
 *
 *     .smallest { 
 *       font-size: xx-small;
 *       }
 *       .small { 
 *         font-size: 10pt;
 *         }
 *
 *         .smaller { 
 *           font-size: 9pt;
 *           }
 *
 *           .smallest { 
 *             font-size: 8pt;
 *             }
 *
 *             .large { 
 *               font-size: larger;
 *               }
 *
 *               .larger { 
 *                 font-size: x-large;
 *                 }
 *
 *                 .largest { 
 *                   font-size: xx-large;
 *                   }
 *                   */

.clickable { 
  cursor: pointer;
  color: #00F;
}

.noborder {
  border: none;
}

.strike { 
  text-decoration: line-through;
}

/* specific definitions */
a.login {
  border: none;
  font-size: 8pt;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}
a.login:hover { 
  font-size: 8pt;
  font-weight: bold;
  text-decoration: underline;
  color: #ffffff;
}

a.glink {
  font-size: 10pt;
  text-decoration: none;
  color: #254117;
  font-weight: bold;
}

a.glink:hover { 
  text-decoration: underline;
}

input.epbtn {
  font-size:8pt;
  font-weight:bold;
  font-family:Verdana,Trebuchet,Arial;
  padding:0px 2px 0px 2px;
  text-align:center;
  width:auto;
}

div.line {
  width:100%;
  padding-top:5px;
}

div.criteria {
  border-bottom: 1px solid #baeaae;
  border-top: 1px solid #baeaae;
  padding:3px 1px 3px 1px;
  margin-bottom: 5px;
  text-align:center;
}

div.midcolumn {
  float: left;
  width: 545px;
  padding: 0px 6px;
}

.midcolumn1 {
  float: left;
  width: 695px;
  margin-left:10px;
}

div.leftcolumn {
  float:left;
  width:200px;
  /*width:180px; height:auto; margin:10px 15px 10px 0; float:left;}*/
}

div.titlewithsort {
  float: left;
  width: 99%;
  padding: 2px;
}

div.titlewithsort a{
  color: lightgreen;
}

div.titlebox {
  color: green;
  width: 100%;
/*background: #8AC50B;
 *   background: #4CC417;
 *     color: #333333;
 *       background: #c6ffb4;*/
  background: #c6ffb4;
  text-align: center;
  padding: 4px 0px 0px 0px;
  font-size:11pt;
  font-weight:bold;
}

div.titlebox a{
  color: green;
  text-decoration:underline;
}

div.titlebox h1{
}

div.hdnloginbox {
  display: none;
  left: 100;
  top: 50;
  position: relative;
  padding: 0px;
  margin: 0px;
}

div.loginbox {
  display: block;
  left: 100;
  top: 50;
  position: relative;
  padding: 0px;
  margin: 0px;
}

div.buybox {
  font-size: 9pt;
  color: #000000;
  width: 98%;
	float:left;
  font-weight: bold;
  background: #ffffff;
  text-align: center;
	vertical-align: center;
  padding:6px;
  border: 1px solid green;
	display: table-cell;
	margin-top: 5px;
}

div.shopcats {
/*border: 1px solid #781351;
 * border: 1px solid green;
 *   padding: 24px 2px 4px 2px;
 *     margin: 0px 0px;
 *     */
  margin: 2px 0px;
  background: url(/static/img/plum-v-grad1.jpg) 0 0 repeat-x;
  width:168px;
}

/*
 * .submit input
 * {
 * margin-left: 4.5em;
 * } 
 * input
 * {
 * color: #781351;
 * background: #fee3ad;
 * border: 1px solid #781351
 * }
 *
 * .submit input
 * {
 * color: #000;
 * background: #ffa20f;
 * border: 2px outset #d7b9c9
 * } 
 * 
.text input {
color: #darkgreen;
background: lightgreen;
border: 1px solid darkgreen;
}*/

.submit input, .button input
{
color: #000;
background: #20a800;
border: 2px outset #darkgreen
font-size:9px;
font-weight:bold;
} 

table.prods
{
  background-color: #ffffff;
  color:#000000;
  padding:0px;
  border: 1px solid #999999;
}

table.prods th
{
  font-size: 9pt;
  font-weight: bold;
  align: center;
  valign: top;
  background-color: #254117;
  color: #ffffff;
  padding: 2px;
}

table.prods td 
{
  font-size: 9pt;
  font-weight: bold;
  align: center;
  valign: top;
  border-bottom: 1px solid gray;
}

/* Menu Styles */

div.menugrp {
  font-size: 11pt;
  color: #583818;
}

table.menugrp
{
/*  background-color: #c6ffb4;
 *    border-top: 1px solid #20a800;
 *      border-bottom: 1px solid #20a800;
 *        border: 1px solid #20a800;
 *          border-bottom: 1px solid #baeaae;*/

/*  background-color: #254117;*/
  color:#000000;
  padding:0px;
}

table.menugrp th, table.menugrp td 
{
  font-size: 9pt;
  padding:0px 3px;
  text-align: left;
/*
 *   border-right: 1px solid #20a800;
 *     border-bottom: 1px solid #20a800;
 *       font-weight: bold;
 *         border-top: 1px solid white;
 *           border-right: 1px solid white;
 *             border-bottom: 1px solid white;
 *               border-left: 1px solid white;
 *               */
}

a.menugrp, a.menugrp.visited{
  width: 98%;
  text-decoration: none;
  font-size: 12pt;
  font-family: Verdana; 
  color: #88047b;
}

a.menugrp:hover {
  /*color: #88047b;*/
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
  background-color: #21a900;
}

.menugrp div {
  height: 24px;
  vertical-align: center;
}
.menugrp div:hover {
  background-color: #21a900;
}
table.menu
{
  float: middle;
  width:930px;
  align: center;
  margin:0;
  position: absolute;
  /*visibility: hidden;*/
  padding:0px;
  /*border: 1px solid #baeaae;*/
}

table.menu td
{
  text-align: left;
  /*background-color: #c6ffb4;*/
  background-color: #e6f6e2;
  border-bottom: 0px solid #baeaae;
  /*padding: 4px 4px;*/

}

a.menu, a.menu:visited{
  text-decoration: none;
  font-size: 10pt;
  color: #333333;
  font-family:Verdana; 
}

a.menu:hover {
  text-decoration: underline;
  color: #333333;
  font-weight: bold;
}

table.aprod
{
width: 98%;
border-color:#ffffff;
padding:3px 3px 3px 3px;
border: 1px solid #cccccc;
}

table.aprod th
{
text-align: left;
text-color: #000000;
padding:1px 1px 1px 1px;
}

table.aprod td
{
text-align: left;
background-color: #cdebff;
/*border-bottom: 1px solid white;*/
text-color: #000000;
}

table.aprod tr odd { 
  background: #D9E0CD;
}

table.canvas {
background: #ffffff;
}

table.canvas td{
background: #ffffff;
}

div.aprod
{
text-align: left;
font-size: 9pt;
}
div.aprod a {
color:#003366;
}

div.chinfo{
  display: none;
  width: 180px;
  position: absolute;
  z-index:1001;
  margin-left: 181px;
  margin-top: -20px;
  padding: 8px 8px 8px 8px;
  border: 1px solid #888888;
  background: #E6A9EC;
  color: #000000;
  text-align: left;
  font-size: 11pt;
  font-family:Verdana, Tahoma, Trebuchet, Arial, Helvetica, sans-serif; 
  word-wrap: break-word;
/*
 *   font-size: 10px;
 *     background: #ffffcc;
 *       color: #E6A9EC;
 *         font-weight: bold;
 *         */
}

div.chinfo a{
  color:#000000;
}
div.chinfo a:hover{
  color:#000000;
}
div.chinfo a:visited{
  color:#000000;
}

div.ratingbox{
  display: none;
  width: 30em;
  position: fixed;
	top:180px;
	left:200px;
  margin-left: 100px;
  margin-top: 10px;
  padding: 2px 2px 12px 12px;
  border: 3px solid #999999;
  //background: #ffffcc;
  background: url(/static/img/buybox-bg.gif);
  color: green;
  font-size: 10pt;
}

.rating_bar {
  width: 55px;
  background: url(/static/img/star_x_grey.gif) 0 0 repeat-x;
}

.rating_bar div {
  height: 12px;
  background: url(/static//img/star_x_green.gif) 0 0 repeat-x;
}

/* For Articles */
.article{
width: 95%;
align: center;
border-style: inset;
border: 1px;
margin: 5px;
padding: 5px;
/*background: #ffffff;*/
background: url(/static/img/top_bg5.jpg)
}

.rbox { 
  /*background: #254117;*/
  background: #ffffff;
	width: 98%;
/*background: url(/static/img/top_bg5.jpg);
 * 	border: 1px solid #edf5e0;*/
	border: 1px solid #cccccc;
	border-bottom: 1px solid #bbbbbb;
}
.rboxtop { 
  background: url(/static/img/ne5.gif) no-repeat top right; 
	width:100%;
}
.rboxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(/static/img/nw5.gif) no-repeat top left; 
}
.rboxbottom { 
  background: url(/static/img/se5.gif) no-repeat bottom right; 
}
.rboxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(/static/img/sw5.gif) no-repeat bottom left; 
	width:100%;
}
.rboxcontent {
  padding: 0px 10px 0px 10px;
}

.r2box { 
  background: #ffffff; 
}
.r2boxtop { 
  background: url(/static/img/ne2.gif) no-repeat top right; 
	width:100%;
}
.r2boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(/static/img/nw2.gif) no-repeat top left; 
}
.r2boxbottom { 
  background: url(/static/img/se2.gif) no-repeat bottom right; 
}
.r2boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(/static/img/sw2.gif) no-repeat bottom left; 
	width:100%;
}
.r2boxcontent {
  padding: 0px 10px 0px 10px;
}

.r3box { 
  /*background: #254117;*/
  background: #ffffff;
	width: 98%;
/*background: url(/static/img/top_bg5.jpg);
 * 	border: 1px solid #edf5e0;*/
}
.r3boxtop { 
  background: url(/static/img/ne1.gif) no-repeat top right; 
	width:100%;
}
.r3boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(/static/img/nw1.gif) no-repeat top left; 
}
.r3boxbottom { 
  background: url(/static/img/se1.gif) no-repeat bottom right; 
}
.r3boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(/static/img/sw1.gif) no-repeat bottom left; 
	width:100%;
}
.r3boxcontent {
  padding: 0px 10px 0px 10px;
}

div.rcbox {
  background: url(/static/img/nw.gif) 0 0 no-repeat;
	border: 1px solid #254117;
}
 
div.rcbox div {
  background: url(/static/img/sw.gif) 0 100% no-repeat;
}
 
div.rcbox div div{
  background: url(/static/img/ne.gif) 100% 0 no-repeat;
}
 
div.rcbox div div div {
  background: url(/static/img/se.gif) 100% 100% no-repeat;
}

.numbering{
  font-size: 12pt;
  font-weight: bold;
  /*color: #88047b;*/
  color: green;
  margin: 2px 0px 2px 0px;
  text-align:left;
}

.heading{
  font-size: 12pt;
  font-weight: bold;


  color: green;
/*padding: 3px;
 *   margin: 0px 0px 6px 0px;*/
  margin: 2px 0px 2px 0px;
  text-align:left;
}

.heading a{
  color: green;
}

.heading a:hover { 
  color: black;
  text-decoration: underline;
}

.author{
  /*padding: 2px;
  margin: 2px 0px 2px 0px;*/
  font-size: 9pt;
  text-align:left;
}

.matter {
margin: 0px;
padding: 2px;
font-size: 10pt;
}

.matter p{
margin:0px;
padding:0px;
}

a.morelink {
color: green;
text-align: right;
}

a.morelink:hover { 
  color: black;
  /*font-weight: bold;*/
	text-decoration: underline;
  filter: glow;
}

.artline {
width: 95%;
align: center;
shadow: false;
}
/*
 *  * Form Styles
 *   */

form table { 
  width: auto;
}

form table td {
  padding-top: 3px;
  border: none; 
}

td input { 
}

td.label { 
  width: 10em;
  text-align: right;
}

td.label label { 
  font-weight: bold;
  font-size: 8pt;
}



/*
 *  *  Layout Styles
 *   */
/*#welcome {
  font-size: smaller;
  font-weight:bold;
  color:#FFFFFF; 
  margin-top: 5px;
  text-align: center;
}*/

div.midcen {
	text-align: center;
	vertical-align: middle;
	height:100%;
}
div#content { 
  width: 100%;
  text-align: justify; 
  font-size: 10pt;
}


/*div#footer {
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    color:#FFFFFF; 
    font-size:10pt; 
    font-weight:bold;
}

div#footer a { 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    color:#FFFFFF;
    text-decoration:none;
}

div#footer a:hover {
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    color:#FFFF99;
}*/

.admin_only {
  margin: 3px 0;
  background: #FFAFAF;
  border: 1px solid #F00;
  padding: 5px 3px;
}

#flashes { 
  margin: 3px;
  background: #ffadf6;
  padding: 3px;
  font-weight: bold;
  font-size:10pt;
}

div#sidebar { 
  margin: 0 0px;
  width: 180px;
  float: left;
}

form#user_form, div#sidebar .box {
  margin: 5px 0;
  padding: 5px 3px;
  background: #D2FFBF;
  border: 3px double #85CD66;
}

div.delicious {
  width: 168px;
/*  height: 120px;*/
  margin: 2px 0px 2px 0px;
  padding: 5px 5px 5px 5px;
  /*background: #111111;*/
  background: #E6A9EC;
  border: 1px solid #777777;
/*  background: #D2FFBF;
 *    background: #eeffee;
 *      border: 3px double #85CD66;*/
}

div.greader {
  width:178px;
  background:#E6A9EC;
  text-align:center;
  padding:4px 0px;
  border: 1px solid #777777;
}

.textbox { 
  margin: 10px 5px;
}

table.admin_menu {
  margin: auto;
  background: #FFAFAF;
  border: 1px solid #F00;
}

table.admin_menu td {
  width: 5em;
}

/*
 *  * User Styles
 *   */

/*
 *  * Tip Styles
 *   */

div.tipzbox {
  height: 120px;
  margin: 2px 0px;
  padding: 4px 2px 4px 2px;
  background: url(/static/img/plum-v-grad1.jpg) 0 0 repeat-x;
  width:168px;
/*  border: 1px solid white;
 *    background: #E6A9EC;
 *      background: #D2FFBF;
 *        border: 1px solid green;
 *          background: #ffffcc;
 *            border: 1px solid #777777;
 *              display: table;*/
}

div.tip { 
/*  padding: 5px 10px 0px 0px;*/
  padding: 2px;
  vertical-align:middle;
  text-align: center;
  display: table-cell;
  width: 164px;
}

div.tip h1 {
  font-size: larger;
}

div.tip a {
  font-size: 10pt;
  color: #222222;
  font-weight: bold;
  vertical-align:center;
}

div.tip a:hover {
  text-decoration: underline;
}

div.tip div.by_line {
  font-size: smaller;
  font-style: italic;
  font-weight: bold;
  height:100%;
  /*margin-left: 2em;
 *   margin-bottom: 2em;
 *   */
  vertical-align:center;
  display: table-cell;
  text-align: center;
}

table.tips, table.users, table.certifications, table.channels, table.vendors, table.transactions { 
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ffffff;
}

table.tips th, table.users th, table.certifications th, table.channels th, table.vendors th, table.transactions th {
  background: #c6ffb4;
  color: green;
  padding: 5px 3px;
  border: 1px solid #ffffff;
  font-size: 11pt;
}
table.tips td, table.users td, table.certifications td, table.channels td, table.vendors td, table.transactions td { 
  padding: 5px 3px;
  font-size:10pt;
  border: 1px solid #ffffff;
  background: #c6ffb4;
}

div.orch {
  padding: 2px;
  vertical-align:middle;
  text-align: center;
}

div.orch h1 {
  font-size: larger;
}

div.orch a {
  font-size: 10pt;
  /*color: #c6ffb4;*/
  color: #222222;
  font-weight: bold;
}

div.orch a:hover {
  text-decoration: underline;
}


tr.odd { 
  background: #D9E0CD;
}

tr.odd td {
background: #e0ffe0;
}

tr.even td {
background: #f8d4f8;
}

table.ex
{
color:#000000;
background-color:#f1f1f1;
font-size: 100%;
padding:0px;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-bottom: 0px solid gray;
border-right: 0px solid gray;
}

table.ex th, table.ex td 
{
padding-bottom:2px;
border-top: 0px solid gray;
border-left: 0px solid gray;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
}


span.delicious { 
  margin: 30px 25px;
}

/*
 * div.delicious div.by_line {
 *   font-size: smaller;
 *     font-style: italic;
 *       margin-left: 2em;
 *         margin-bottom: 2em;
 *         }
 *         */
/* from body builder.com */
.ni-btn {
	background-color: #333366;
	background-image:url(side-nav-but3.gif);
	color: #FFFFFF;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	height: 33px;
	width: auto;
}

.ni-btn-link {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 0px 8px;
	text-decoration: none;
	width: auto;
}

.ni-btn-link a:link {
	color: #FFFFFF;
}

.ni-btn-link a:visited {
	color: #FFFFFF;
}

.ni-btn-link a:hover {
	color: #999999;
	text-decoration: none;
}

.ni {
	color: #666666;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	width: 168px;
/*	height: 32px;
 *		background-color: #FFFFFF;
 *			background-image:url(/sstatic/img/side-nav-bg.gif);
 *				background-color: #E6A9EC;
 *				*/
        border-bottom: 0px solid white;
	text-align:left;
}
  /*border: 1px solid gray;*/

.ni a:link, .ni a:visited{
	/*background-color: #E6A9EC;*/
	color: #000000;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
	width: auto;
	border-bottom: 1px solid #cccccc;
	font-weight:normal;
}
.ni a:hover {
	background-color: #111111;
	color: #E6A9EC;
        display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#cssdropdown, #cssdropdown ul {
/*padding: 0;
 * margin: 0;*/
list-style: none;
}

#cssdropdown li {
float: left ;
position: relative;
width:8.5em;
/*height: 1.2em;*/
padding: 2px 2px 2px 2px;
background-color: lightgreen;
}

#cssdropdown li:hover {
float: left ;
position: relative;
width:8.5em;
/*height: 1.2em;*/
background-color: #006400;
}

.mainitems{
border: 2px solid #ffffff;
/*border: 2px solid #85CD66;*/
position: absolute;
}

.mainitems a{
width: 100%;
/*height: 1.2em;*/
padding: 2px 2px 2px 2px;
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
}

.mainitems a:hover { 
height: 1.2em;
width: 100%;
  font-size: 9pt;
  font-weight: bold;
  color: lightgreen;
}


.subuls{
display: none;
width: 8.7em;
position: absolute;
top: 1.2em;
left: 0;
margin-left: 2px;
padding: 0px 0px 0px 0px;
background-color: lightgreen;
  border: 1px solid white;
/*border: 0px solid #583818;*/
}


.subuls li{
width: 8em;
text-align: left;
  border-bottom: 1px solid green;
}


.subuls li a:hover { 
  font-size: 8pt;
  font-weight: bold;
  color: lightgreen;
}


.subuls li a{
  font-size: 8pt;
  color: #000000;
text-decoration: none;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
background-color: lightgreen;
display: block;
}


#middle {
	padding: 1px;
	border: 3px double #000000;
	background: #ffffff;
  /*background: url(/static/img/menu_01.jpg);*/
}
#overlay{
	position: absolute;
	z-index:100;
	width: 100%;
	height: 930px;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
}

#popcontent{
	position: absolute;
	z-index:100;
	width: 100%;
	height: 500px;
	top: 0;
	left: 0;
	display:none;
} 
#area {
      padding: 1px;
}
#wb {
      margin: 0 10px 0px 10px;
      background: #fff;
      width: auto;
}
#wb div {
     text-align: left;
}
#wb_t
 {

 background: #fff url(/static/img/mw_content_t.png) 0 0 repeat-x;
}
#wb_tl {

    
 background: url(/static/img/mw_content_t_l.png) 0 0 no-repeat;
}
#wb_tr {
     height: 10px;
     overflow: hidden;

 
     background: url(/static/img/mw_content_t_r.png) 100% 0 no-repeat;
}
#wb_m {
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      width: auto;
      padding: 1px 8px;
}
#wb_b {
     margin-top: -1px;

    
 background: url(/static/img/mw_content_b.png) 0 100% repeat-x;
}
#wb_bl {

     
 background: url(/static/img/mw_content_b_l.png) 0 100% no-repeat;
}
#wb_br {
      height: 13px;

    
 background: url(/static/img/mw_content_b_r.png) 100% 100% no-repeat;
}

.MsoNormal div {

}

table.main {
  padding:0px;
  width:100%;
  margin:0px;
}
table.main td {
  vertical-align:top;
}

table.prodview {
  padding:0px;
  margin:0px;
}
table.prodview td {
  vertical-align:middle;
}
div.itembg {
  background: url(/static/img/item-bk1.jpg) 0 0 repeat-x;
  margin: 0px 0px 0px 0px;
  padding: 4px;
  border-top: 2px solid green;
  text-align:left;
}

div.itembg0 {
  padding: 4px 0px 8px 0px;
}
div.itembg1 {
  padding: 4px 0px 8px 0px;
  border-top: 1px solid #cccccc;
}

table.itembg {
  padding:0px;
  background:transparent;
  width:100%;
}
table.itembg td {
  background:transparent;
  vertical-align:top;
}

table.paging {
  background:transparent;
  text-align:justify;
  padding:4px 0px 2px 0px;
}
table.paging td {
  background:transparent;
}
.htmlcontent {
  text-align:left;
  background: url(/static/img/item-bk1.jpg) 0 0 repeat-x;
  padding: 4px 4px 0px 4px;
  margin: 0px 8px 0px 6px;
  /*border-top: 2px solid green;
 *   width:529px;
 *     color: #88047b; */
}

.innercontent {
  background: #ffffff;
  padding:2px 6px;
  font-size:10pt;
  font-weight:normal;
}

.htmlcontent_l {
  width:180;
  text-align:left;
  background: url(/static/img/item-bk1.jpg) 0 0 repeat-x;
  padding: 4px 4px 0px 4px;
  margin: 0px 0px 0px 0px;
  color:green;
  font-size:10pt;
  font-weight:bold;
  /*border-top: 2px solid green;
 *   color: #88047b; */
}

.htmlcontent_l a{
  color:green;
  font-size:10pt;
  font-weight:bold;
  text-decoration:underline;
}

.innercontent_l {
  background: #ffffff;
  padding:2px;
  width:176;
  font-size:10pt;
  font-weight:normal;
}

.htmlcontent_s {
  width:180;
  text-align:justify;
  background: url(/static/img/item-bk2.jpg) 0 0 repeat-x;
  padding: 4px 4px 0px 4px;
  margin: 0px 0px 0px 0px;
  color:green;
  font-size:12pt;
  font-weight:bold;
  /*border-top: 2px solid green;
 *   color: #88047b; */
}

.htmlcontent_s a{
  color:green;
  font-size:10pt;
  font-weight:bold;
  text-decoration:underline;
}

.innercontent_s {
  background: #ffffff;
  padding:2px;
  width:176;
  font-size:10pt;
  font-weight:normal;
}

.htitlebox {
  text-align:center;
  color: green;
  font-weight:bold;
  background: #c6ffb4;
  /*padding-top:2px;
 *   margin: 4px 0px;*/
  font-size:11pt;
  padding: 4px 4px 0px 4px;
  margin: 0px 8px 0px 6px;
}

div.htitlebox a{
  color: green;
  text-decoration:underline;
}

div#hcs, div#hcs1, div#hcs2, div#hcs3, div#hcs4, div#hcs5, div#hcs6, div#hcs7, div#hcs8, div#hcs9 {
  padding:4px 0px;
  width:100%;
}

div#hcl, div#hcs1, div#hcs2, div#hcs3, div#hcs4, div#hcs5, div#hcs6, div#hcs7, div#hcs8, div#hcs9 {
  padding:4px 0px;
  width:100%;
}

div.epwidget {
  overflow: hidden;
  font-size: 7pt;
  border: 1px solid #3082af;
  line-height: 100%;
}
div.epwidget h3 {
  font-size: 10pt;
  font-weight: none;
  line-height: 100%;
}
div.epwidget h4 {
  font-size: 12pt;
  font-weight: bold;
  line-height: 100%;
}
div.epwidget img {
  height: 25px;
  width: auto;
  text-align:left;
}

div.menu2 {
  width:780px;
  height: 16px;
  float:left;
  overflow: hidden;
  padding: 2px 10px;
  border: 1px solid #baeaae;
  background: #fff url(/static/img/submenu-bkg.png) 0 0 repeat-x;
}
div.menu2R {
  width:10px;
  height: 16px;
  float:left;
  overflow: hidden;
  padding: 2px 10px;
  background-color: #ffffff;
  border: 1px solid #baeaae;
  /*border: 1px solid #21a900;*/
  background: #fff url(/static/img/submenu-bkg.png) 0 0 repeat-x;
}
div.menu2L {
  width:10px;
  height: 16px;
  float:left;
  overflow: hidden;
  padding: 2px 10px;
  background-color: #ffffff;
  border: 1px solid #baeaae;
  background: #fff url(/static/img/submenu-bkg.png) 0 0 repeat-x;
}

.basictab{
padding: 7px 0px 0px 0px;
font:normal 12px Verdana;
background:url(/static/img/navbar_bkg.gif) no-repeat;
height:24px;
list-style-type: none;
margin-top: -2px;
width:930px;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
border-bottom:none;
float:left;
color: #e8f5e6;
}

.basictab li a {
text-align:center;
text-decoration: none;
padding:5px 5px;
margin: 0px;
color: #e8f5e6;
font:normal 12px Verdana;
font-weight:bold;
}

.basictab li a:visited {
margin:0px;
}

.basictab li a:hover {
color:#ffffff;
margin:0px;
text-decoration:underline;
}

.basictab li a:active {
color: #efefef;
margin:0px;
}

.basictab li.selected a{ /*selected tab effect*/
/*position: relative;
 * background-color: #009900;
 * border: 1px solid gray;
 * border-bottom:none;
 * margin:0px
 * color: black;*/
}

.submenustyle{
padding: 0px;
overflow: hidden;
display: none;
filter:alpha(opacity=0);
-moz-opacity:0;
margin: 0px 0px 0px 0px;
color:#e8f5e6;
font:normal 12px Verdana;
height:100%;
}


* html .submenustyle{ /*IE only width definition*/
width: 100%;
}

.submenustyle a{
border-right: 1px solid #ffffff;
margin: 0px;
padding: 5px 5px;
text-decoration: none;
color:#000000;
float:left;
}

.submenustyle a:hover {
color: #efefef;
}

.lb {
  border-left: 1px solid gray;
}

#ecoleisure{
}

#ecoinfo {
}
#aboutus {
}
div.submenubar {
   width: 710px;
   background-color: transparent;
   padding:2px;
   margin-top: -31px;
   text-align: left;
   float:left;
}
<!---->
.feedburnerFeedBlock
{
font-size:8pt;
width: 315px;
padding: 2px;
}
.feedTitle p 
{
padding:1px;
padding-right:0px;
line-height: 0%;
}
.feedburnerFeedBlock li 
{
padding:0px;
}

.feedburnerFeedBlock div 
{
padding:5px;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th { margin:0;padding:0;}
body, html {margin:0px;padding:0px;background:#ffffff;font: normal 12px Verdana;color:#666666;line-height:16px;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a {color:#84007c;text-decoration:none;}
a:hover{text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}

/*MAIN PAGE*/
#mainpage {width:930px; height:auto; margin:20px auto;}
#HomeMain {width:710px; height:auto; margin:0px 0 10px 0; padding-bottom:10px; float:left;}
#header {width:930px;}
#leftCol {width:200px; height:auto; margin:0px 15px 10px 0; float:left;}
#rightCol {width:200px; height:auto; margin:10px 0 10px 10px; float:left;}
#bannerTop {width:707px; height:80px; margin:10px 0 10px 0; float:left;}
#welcome {width:707px; height:auto; margin:10px 0 10px 0; float:left;}
#welcome .video {width:170px; height:123px; margin:0 10px 0 0; float:left;}
/*#welcome .text {width:527px; height:auto; margin:0; float:left; color:#84007c;font:normal 18px Verdana; line-height:24px;}*/
#welcome .text {width:707px; height:auto; margin:0; float:left; color:#84007c;font:normal 18px Verdana; line-height:24px;}

#box_home{width:345px;height:auto; float:left; margin-right:10px; }
#box_home .text{ padding:15px; font: normal 12px Verdana;color:#666666;line-height:16px;}
#box_home h1{color:#84007c;font:normal 18px Verdana; margin-bottom:15px; padding-bottom:5px; border-bottom:2px dotted #ccc;}
#box_home .social{ border:0; float:left; margin:0 5px 5px 0; vertical-align:middle;}


/*NAVBAR*/
#navbar {width:910px;height:25px; background:url(/static/img/navbar_bkg.gif) no-repeat; padding:5px 10px 0 10px; margin-bottom:1px; color:#e8f5e6;font:normal 12px Verdana; }
#navbar #links {float:left;}
#navbar a {color:#e8f5e6;font:bold 12px Verdana; text-decoration:none;}
#navbar a:hover {color:#ffffff;}
.subnavbarbkg {text-align:right; display: block;width:910px;height:25px; background:url(/static/img/subnavbar_bkg.gif); padding:5px 10px 0 10px; color:#e8f5e6;font:normal 12px Verdana; }
.subnavbar {text-align:left; display: none;width:650px;height:25px; background-color: transparent;aackground:url(/static/img/subnavbar_bkg.gif) repeat; padding:5px 10px 0 10px; color:#e8f5e6;font:normal 12px Verdana; }
.subnavbar a, .subnavbarbkg a{color:#e8f5e6;font:bold 12px Verdana; text-decoration:none;}
.subnavbar a:hover, .subnavbarbkg a:hover {color:#ffffff;text-decoration:underline;}
#main_button {width:135px;height:24px; background:url(/static/img/main_button.gif) no-repeat; padding:16px 0 0 65px; margin-bottom:1px; cursor:pointer; color:#e8f5e6;font:bold 17px Verdana; }

/*LOGIN - SEARCH*/
#navbar #login{width:auto;height:25px; float:right; font:normal 11px Verdana;}
#navbar #login .textfield {font:normal 11px Verdana; color:#666666; margin-left:10px;}

/*TITLES*/
h1 {color:#84007c;font:normal 20px Verdana;}
h2 {color:#199e00;font:bold 12px Verdana;}

/*PRODUCT*/
#box_promo {width:345px;height:auto; float:left; margin-right:10px;}
#box_promo h1{color:#84007c;font:normal 18px Verdana;}
#box_promo .top{width:345px;height:57px; background:url(/static/img/box_promo_top.gif) no-repeat left top;}
#box_promo .top .title{ padding:35px 0 0 15px; font: bold 12px Verdana;color:#ffffff;}
#box_promo .mid{width:345px;height:auto; background:url(/static/img/box_promo_mid.gif) repeat-y left top;}
#box_promo .mid .text{ padding:15px; font: normal 12px Verdana;color:#666666;line-height:16px;}
#box_promo .bot{width:345px;height:15px; background:url(/static/img/box_promo_bot.gif) no-repeat left bottom;}
#box_promo .img{ border:0; margin:auto; text-align:center;}
#box_promo .top .title a, #box_promo .top .title a:visited {color:#ffffff;font:bold 12px Verdana; text-decoration:none;}
#box_promo .top .title a:hover {text-decoration: underline;}

/*ECOSHOP*/
#box_ecoshop {width:200px;height:auto;}
#box_ecoshop .top{width:200px;height:5px; background:url(/static/img/ecoshop_top.gif) no-repeat left top;}
#box_ecoshop .mid{width:200px;height:auto; background:url(/static/img/ecoshop_bkg.gif) no-repeat left bottom;}
#box_ecoshop .mid .title{ padding:20px 25px 10px 20px; font: normal 24px Verdana;color:#ffffff; background:url(/static/img/ecoshop_dots.gif) repeat-x left bottom; }
#box_ecoshop .mid .links{ height:26px; padding:10px 5px 5px 5px; font:normal 12px Verdana;color:#ffffff; background:url(/static/img/ecoshop_dots.gif) repeat-x left bottom; cursor:pointer;white-space:nowrap;}


/*Info List Page */
#infoMain {width:500px; height:auto; margin:10px 0 10px 0; float:left; padding-bottom:10px;}
#info_header{width:100%; height:auto; margin:5px 0 10px 0; padding-bottom:10px;padding-top:5px;border-bottom:2px dotted #CCCCCC;}
#infoMain h1{color:#168601;font:normal 20px Verdana}
#infoMain .rss {width:500px; height:20px; margin:10px 0 0 0; text-align:right;}
#infoList {width:500px; height:auto; margin:5px 0 5px 0; padding-bottom:10px;border-bottom:2px dotted #CCCCCC; float:left;}
/*#infoList h1, #info_header h1{color:#168601;font:bold 15px Verdana;}*/
#infoList h1, #info_header h1{color:#168601;font:normal 18px Verdana}
#infoList h2, #info_header h2{color:#666;font:normal 11px Verdana;}
#infoSearch {width:500px; height:20px; margin:0; padding-bottom:10px;border-bottom:2px dotted #CCCCCC; float:left;}
.combo{color:#666;font:normal 11px Tahoma;}
.button{color:#fff;font:bold 11px Tahoma; background-color:#168601; padding:2px;}
#infoNums {width:500px; height:18px; margin-left:0px; padding-bottom:10px;border-bottom:2px dotted #CCCCCC; float:left; color:#666;font:normal 11px Verdana;}
#infoNums img {margin:0; padding-top:10px;}
#infoNums a {color:#168601;font:normal 11px Verdana; text-decoration:none;}
#infoNums a:hover {text-decoration: underline;}

/*Info List Detail */
#infoDetail {width:690px; height:auto; margin:-5px 0 -10px 10px; float:left; padding:0 10px 10px 0;}
#infoDetail h1{color:#168601;font:bold 15px Verdana;}
#infoDetail h2{color:#666;font:normal 11px Verdana;}
#infoDetail #userInfo{width:690px; margin-bottom:10px;}
#infoDetail #userInfo .user{width:80px; float:left; margin-right:15px;}
#infoDetail #userInfo .title{width:590px; height:21px;}
#infoDetail .comments{width:690px; height:auto; padding:15px 0 10px 0; margin-top:5px; border-top:2px dotted #CCCCCC; color:#666;font:normal 11px Verdana;}
#infoDetail .comments h1{color:#168601;font:bold 12px Verdana;}

/*Direct */
#DirectMain {width:500px; height:auto; margin:10px 0 10px 0; padding-bottom:10px; float:left;}
#DirectMain #highlight{width:480px; height:auto; margin:15px 0 15px 0; padding:10px; border-top:2px dotted #c9eac3; border-bottom:2px dotted #c9eac3; float:left; background-color: #edf8eb;}
#DirectMain #highlight .img{width:160px; height:160px; margin:0 10px 0 0; float:left; border:3px solid #FFFFFF;}
#DirectMain #highlight .txt{width:300px; height:auto; float:left;}

/*General Box */
#box200 {width:200px; height:auto; margin:0px 0 10px 0px; float:left;}
#box200 .top{width:200px;height:29px; background:url(/static/img/box_top.gif) no-repeat left top;}
#box200 .top .title{ padding:5px 0 0 15px; font: bold 12px Verdana;color:#ffffff;}
#box200 .mid{width:200px;height:auto; background:url(/static/img/box_mid.gif) repeat-y left top;}
#box200 .mid .text{ padding:15px; font: normal 12px Verdana;color:#666666;line-height:16px;}
#box200 h1{ font: bold 12px Verdana;color:#84007c;}
#box200 a, #box200 a:visited {color:#ffffff;font:bold 12px Verdana; text-decoration:none;}
#box200 a:hover {text-decoration: underline;}
#box200 .mid .text a, #box200 .mid .text a:visited {color:#84007c;font:bold 12px Verdana; text-decoration:none;}
#box200 .mid .text a:hover {text-decoration: underline;}
#box200 .bot{width:200px;height:10px; background:url(/static/img/box_bot.gif) no-repeat left bottom;}
#box200 .img{ border:0; margin:10px 0 10px 0; text-align:center;}

/*Sponsors & Categories */
#box200 .banner170px{ width:170px; border:solid 1px #ccc; margin:0 0 10px 0;}
#box200 .links{margin:auto; width:160px; padding:5px; font: normal 12px Verdana;color:#666666;line-height:16px; border-bottom:1px dotted #ccc;}

/*#box200 {width:178px; height:auto; margin:0px 0 10px 0px; float:left;}
#box200 .top{width:178px;height:29px; background:url(/static/img/box_top.gif) no-repeat left top;}
#box200 .top .title{ padding:5px 0 0 15px; font: bold 12px Verdana;color:#ffffff;}
#box200 .mid{width:178px;height:auto; background:url(/static/img/box_mid.gif) repeat-y left top;}
#box200 .mid .text{ padding:15px; font: normal 12px Verdana;color:#666666;line-height:16px;}
#box200 h1{ font: bold 12px Verdana;color:#84007c;}
#box200 .bot{width:178px;height:10px; background:url(/static/img/box_bot.gif) no-repeat left bottom;}
#box200 .img{ border:0; margin:10px 0 10px 0; text-align:center;}

/*Sponsors & Categories 
#box200 .banner170px{ width:150px; border:solid 1px #ccc; margin:0 8px 8px -2px;}
#box200 .links{margin:auto; width:156px; padding:5px; font: normal 12px Verdana;color:#666666;line-height:16px; border-bottom:1px dotted #ccc;}
*/

/*Products & Leisure */
#ProductMain {width:500px; height:auto; margin:10px 0 10px 0; padding-bottom:10px; float:left;}
#product_header {width:500px; height:auto;padding-bottom:10px;border-bottom:2px dotted #CCCCCC; color:#666;font:normal 12px Verdana; float:left;}
#product_search {width:auto; height:auto;float:lett; color:#666;font:normal 11px Verdana;}
#product_nums {width:auto; height:auto; float:right; color:#666;font:normal 11px Verdana;}
#product_header  h1{color:#84007c;font:normal 20px Verdana; margin: 10px 0 10px 0;}
#product_list {width:466px; height:auto; margin: 0 0 1px 0; padding:10px;border-bottom:2px dotted #ccc; color:#666;font:normal 12px Verdana; float:left;}
#product_list img {float:left; border: 1px solid #ccc; margin:0 15px 0 0; }
#product_list .price {width:auto; height:auto; margin:0;float:right;}
#product_list h1 {color:#84007c;font:bold 15px Verdana; padding-bottom:10px; }
#product_list table {width:100%}

#leisure_list {width:100%; height:auto; margin: 0 0 1px 0; padding:10px;border-bottom:2px dotted #ccc; color:#666;font:normal 12px Verdana; float:left;}
#leisure_list .img {float:left; border: 1px solid #ccc; margin:0 15px 0 0; }
#leisure_list .source {width:auto; height:auto; margin:0;float:right; font:normal 11px Verdana; text-align:center;}
#leisure_list h1 {color:#84007c;font:bold 15px Verdana; }

/*big Products*/

#box_pro {width:500px;height:auto; float:left; margin-right:10px;}
#box_pro h1{color:#84007c;font:normal 18px Verdana;}
#box_pro .top{width:500px;height:57px; background:url(/static/img/box_pro_top.gif) no-repeat left top;}
#box_pro .top .title{ padding:35px 0 0 15px; font: bold 12px Verdana;color:#ffffff;}
#box_pro .mid{width:500px;height:auto; background:url(/static/img/box_pro_mid.gif) repeat-y left top;}
#box_pro .mid .text{ padding:15px; font: normal 12px Verdana;color:#666666;line-height:16px;}
#box_pro .bot{width:500px;height:15px; background:url(/static/img/box_pro_bot.gif) no-repeat left bottom;}
#box_pro .img{ border:0; margin:auto; text-align:center;}
#box_pro .top .title a, #box_pro .top .title a:visited {color:#ffffff;font:bold 12px Verdana; text-decoration:none;}
#box_pro .top .title a:hover {text-decoration: underline;}




/*FOOTER*/
#footer {width:930px;color:#666;font:normal 11px Verdana; border-top:2px dotted #CCCCCC; padding-top:5px; margin-top:15px; text-align:center; }
#footer a {color:#666;font:normal 11px Verdana; text-decoration:none;}
#footer a:hover {color:#199e00;}

#help
{
position: absolute;
background-color: #dddddd;
padding: 5px;
font-size:8pt;
color: #000000;
border: #84007c 1px solid;
display: none;
}

table.v1{ 
  width: 100%;
  border-collapse: collapse;
  border: 0px solid #ffffff;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

table.v1 th{
  background: #ffffff;
  color: green;
  padding: 5px 3px;
  font-size: 11pt;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
table.v1 td{ 
  padding: 5px 3px;
  font-size:10pt;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}