body { background: url(images/background.jpg) repeat; color: #CCC; font: 13px Sylfaen; }



form { margin: 0; padding: 0; }
textarea { width: 576px; height: 50px; font: 13px Sylfaen; margin-top: 5px;}
input { font: 13px Sylfaen; }
td { margin: 0px; padding: 0px; }
a { color: #F0F; text-decoration: none; }
a:hover { text-decoration: underline; }


.TL { background: no-repeat url(images/TL.gif); width: 10px; height: 10px; }
.TR { background: no-repeat url(images/TC.gif); width: 10px; height: 10px; }
.C { background: repeat-x url(images/C.gif); }
.V { background: repeat-y url(images/V.gif); }
.BL { background: no-repeat url(images/BL.gif); width: 10px; height: 10px; }
.BR { background: no-repeat url(images/BR.gif); width: 10px; height: 10px; }
.CL { background: no-repeat url(images/CL.gif); width: 10px; height: 10px; }
.CR { background: no-repeat url(images/CR.gif); width: 10px; height: 10px; }
.message { color: #F0F; }


#top { width: 980px; vertical-align: top; }

.style ul {clear:both; width:600px; padding:5px; margin:0; text-align:left; }
.style ul li {display:inline;}
.style ul li a, .style ul li a:active, .style ul li a:visited {color:#F0F; text-decoration:none;}
.style ul li a:hover{color:#999999}
.dropmenu {position:absolute; border-top-width:0; line-height:17px; z-index:100; background: url(images/background.jpg) repeat; width: 190px; text-align:left; visibility:hidden;  border:1px solid #666;}
.dropmenu a,
.dropmenu a:active,
.dropmenu a:visited {color:#F0F; height:25px; padding: 3px; display:block; text-indent:3px; padding:2px 3px 3px 3px; text-decoration:none;}
.dropmenu a:hover { background-color: #333; border-bottom:0; color:#999999;}


#content { width: 980px; vertical-align: top; }

.sidebar { width: 190px; vertical-align: top; }
.sidebar .header { font: bold 13px Sylfaen; }
.sidebar li { padding: 3px; }
.sidebar ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; }
.sidebar li a { float: left; color: #F0F; text-decoration: none; font-weight: bold;}
.sidebar li a:hover { color: #878787; text-decoration: underline; }
.sidebar li .right { float: right; }
#searchfield { margin: 0; padding: 0; }
#searchfield input { width: 145px; border: none; background: none; font: 13px Sylfaen; color: #CCC; }

#mainpage { width: 600px; vertical-align: top; }
#mainpage img { margin: 0; padding: 0; }
#mainpage table { float: left; }
#mainpage img { border: none; width: 180px; height: 180px; }

.brands_TL { float: left; padding: 0 12px 12px 0; }
.brands_TR { float: left; padding: 0 0 12px 12px; }
.brands_CC { float: left; padding: 0 12px 12px 12px; }
.brands_BL { float: left; padding: 0 12px 0 0; }
.brands_BR { float: left; padding: 0 0 0 12px; }


.left { float: left; }
.right { float: right; }
.red { color: #F0F; padding-right: 5px;}


#back_image { width: 0; height: 0;}
#item .mainimage { width: 300px; height: 300px; }
#item .preview { width: 71px; height: 71px; }
#item .material { text-align: left; }
#item .material td { height: 25px; }




#bottom { width: 950px; background: url("../images/bottom_bg.jpg"); height: 20px; text-align: left; padding: 5px;}
#bottom a { color: #CCC; font-weight: bold; }
#bottom img { height: 18px; border: 0;}
.header { font-weight: bold; }



#order select { background: #000; color: #fff; border: none;}
#order .black_input { background: none; color: #fff; border: none; width: 200px; }
#order img { border: none; width: 24px; height: 24px;}

#BANNER {
  width: 170px;
  height: 170px;
}


/* Admin Center */

#add .r { text-align: right; padding: 5px; width: 200px; }
#add .l { text-align: left; padding: 5px; width: 400px; }
#add .submit { border: none; background: none; font: 13px Sylfaen; color: #CCC; }