body{margin:0px; padding:0px; background:#CCCCCC; font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg)}


#main { width:980px; margin:0 auto; padding:0; border:2px solid #c0d62c; border-top:0px; background:url(../images/main-bg.jpg) repeat-x center 130px #D8E58A;}
#header { background:url(../images/header_bg.jpg) no-repeat top center; overflow:hidden; padding:10px 20px;}
#footer { margin:0 auto; text-align: center;}

/*------------------Default------------------------*/
img {border:none}
h1 { font-size:20pt; margin:0; color:#c3d941;}
h3 { margin:0;}
a { color:#5F9C00; text-decoration:none}
a:hover { text-decoration:underline;}
#pro-info th { color:#FFF; background:#4b5b51; text-align:left}
#pro-info td { background:#c0d62c;}
/*------------------Default end--------------------*/
/*------------------Common---------------------------*/
.fl-left {float:left;}
.fl-right {float:right}

/*------------------Common---------------------------*/
/*------------------width & Position -------------------*/
.w180 { width:180px;}
.w730 { width:730px;}
.w150 { width:150px}
.mr20 { margin-right:20px;}
.left-side { width:180px;}
.right-side { width:730px;}
/*------------------width & Position -------------------*/


.search { margin-top:60px;}

.navigation { background:url(../images/link-bg.jpg) repeat-x; }
.navigation a { color:#FFF; padding:8px 20px; text-decoration:none; display:inline-block; background:url(../images/devider.jpg) no-repeat right center;}
.navigation a:hover { background:#A8BF26;}

.left-side a { color:#333; text-decoration:none; margin:7px 0; display:inline-block}
.left-side a:hover { text-decoration:underline;}


.content { padding:20px; overflow:hidden;}


.greenbox { background:#c0d62c; padding:10px;}

.category { border-right:2px solid #4b5b51; margin:0; padding:10px;}
.product { background:#fff; border:2px solid #c0d62c; text-align:center; padding:5px}