body{
padding:0px;
margin:0px;
color:#000000;
background-color:#ffffff;
overflow:auto;
}

#container{
position:relative;
width:922px;
height:672px;
padding:0px;
margin-top: 40px;
margin-left: 120px;
background-color:#505050;
}

/* start:header */
#header{
position:relative;
top:1px;
left:1px;
width:920px;
height:121px;
padding:0px;
margin:0px; 
background: #eeeeee url(top_bg.jpg) no-repeat;
}
/* end:header */

/* start: main panel */
#main {
position:relative;
top:2px;
left:1px;
width:920px;
height:530px;
padding:0px;
margin:0px;
background-color:#505050;
}
/* end: main panel */

/* start:left panel */
#left {
position:absolute;
top:0px;
left:0px;
width:199px;
height:530px;
padding:0px;
margin:0px;
background-color:#d4e5c1;
}


.catbtn{

}

.catbtn .headerbar{
font:900 90% sans-serif; 
color:#ffffff;
background: #aaaaaa url(label_b.gif) repeat-x center left;
margin: 0px; 
padding: 2px 0 4px 16px;
}

.catbtn ul{
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 3px;
height:500px;
margin-bottom:0px;
overflow:auto;
}

.catbtn ul li{
padding-bottom: 4px;
}

.catbtn ul li a{
font:600 90% Arial narrow bold;
color:#000080;
display: block;
padding: 0px 0px;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #a2a2a2;
}


.catbtn ul li a:hover, .catbtn ul li .current{
color: #A70303;
background-color: #F3F3F3;
}

/* end:left panel */

/* start:right panel */
#right {
position:relative;
width:720px;
height:530px;
padding:0px;
margin:0px;
margin-left:200px;
background-color:#505050;
}

/* end:right panel */

/* start:navigation */
#navigation {
position:absolute;
top:0px;
left:0px;
width:720px;
height:26px;
padding:0px;
margin:0px;
background-color:#aaaaaa;
}

.navbtn{
font:500 80% sans-serif;
width: 100%;
}

.navbtn ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
}

.navbtn ul li{
display: inline;
}

.navbtn ul li a{
float: left;
color: #000000;
padding: 3px 11px;
text-decoration: none;
margin-left: 4px; 
background: #dddddd url(label_a.gif) center center repeat-x;
}

.navbtn ul li a:hover, .navbtn ul li .current{
color: #ffffff; 
padding-top: 4px; 
padding-bottom: 2px;
background: #888888 url(label_b.gif) center center repeat-x;
}

/* end:navigation */

/* start: content */
#content {
position:absolute;
top:27px;
left:0px;
width:720px;
height:500px;
padding:0px;
margin:0px;
background-color:#eaeaea;
}

.mainpic {
width:720px;
height:284px;
padding:0px;
margin:0px;
background-color: #ffffff;
}

.sub {
width:720px;
height:210px;
background-color:#ffffff;
}


.mainitem {
float:left;
width:236px;
height:207px;
padding:0px;
margin-left:2px;
background-color:#505050;
}

.maintitle {
width:236px;
height:20px;
background-color:#606060;
font:500 90% sans-serif;
color:#ffffff;
text-align:center;
padding-top:3px;
}

.mainblock1 {
position:relative;
top:0px;
left:1px;
width:234px;
height:182px;
font:100 70% verdana; 
color:#000000;
padding:0px;
padding-top:1px;
text-indent: 8px;
background-color:#ffffff;
}

.mainblock2 {
position:relative;
top:0px;
left:1px;
width:234px;
height:182px;
padding: 0px 0px;
background-color:#ffffff;
}

.scrollpane {
float:right;
postition:absolute;
top:0px;
left:0px;
width:700px; 
height:490px; 
padding:10px;
overflow:auto;
}

.text {
text-indent: 20px;
font:100 80% verdana; 
color:#000000;
}

.introtitle {
text-indent: 20px;
font:600 100% verdana;
color:#000000;
line-height:30%
}

.progitem {
float:top;
text-align:left;
background-color:#ffffff;
color:#191970;
padding:0px;
}

.catalog {
float:top;
padding:3px 20px;
width:640px;
height:400px;
margin-top:20px;
margin-left:10px;
}
.numberpane {
float:top;
padding:0px 0px;
width:600px;
height:60px;
margin-top:0px;
margin-left:30px;
}
.button {
float:left;
padding:0px 0px;
width:20px;
height:20px;
}

.pnumber {
float:left;
padding:0px 0px;
width:500px;
height:60px;
margin-left:30px;
}

.topimage {
float:top;
position:relative;
width:620px;
height:280px;
padding:5px 30px;
margin:0px;
}


.titlerow {
float:top;
position:relative;
width:620px;
height:40px;
padding:0px;
margin:0px;
margin-top:30px;
}

.plabel {
float:left;
position:relative;
width:auto;
height:20px;
padding:0px 10px;
margin:0px;
margin-top:5px;
font:600 90% verdana;
color:#008080;
}

.plink {
float:left;
position:relative;
width:auto;
height:20px;
padding:0px 10px;
margin:0px;
margin-top:5px;
font:300 80% verdana;
color:#00008b;
}

.itemrow {
float:top;
position:relative;
width:620px;
height:200px;
padding:0px;
margin:0px;
padding-left:20px;
}

.caprowlft {
float:left;
position:relative;
width:240px;
height:200px;
padding:0px;
margin:0px;
}

.capbig {
float:top;
position:relative;
top:40px;
left:40px;
width:150px;
height:120px;
padding:0px;
margin:0px;
}

.capstyle {
float:top;
position:relative;
top:40px;
left:40px;
width:150px;
height:20px;
padding:0px;
margin:0px;
letter-spacing:3px;
font:600 80% verdana;
color:#000000;
text-align:center;
}

.caprowrht {
float:left;
position:relative;
width:340px;
height:200px;
padding:0px;
margin:0px;
}

.capdsp {
float:top;
position:relative;
width:300px;
height:100px;
padding:0px;
margin:0px;
font:100 60% verdana;
color:#4b0082;
}

.capimgs {
float:top;
position:relative;
width:300px;
height:80px;
padding:0px;
margin:0px;
}

.capsmall {
float:left;
position:relative;
width:80px;
height:80px;
padding:0px;
margin:0px;
margin-left:10px;
}

.capdetail {
float:left;
position:relative;
width:100px;
height:80px;
padding:0px;
margin:0px;
margin-left:10px;
font:300 70% verdana;
color:#00008b;
}

.itembox {
float:left;
position:relative;
width:190px;
height:182px;
padding:0px;
margin:0px;
margin-right:10px;
background-color:#505050;
}

.itemlabel {
float:top;
position:relative;
top:0px;
left:0px;
width:190px;
height:20px;
padding:0px;
margin:0px;
background-color:#606060;
font:500 90% sans-serif;
color:#ffffff;
text-align:center;
}

.itemimage {
float:top;
position:relative;
top:0px;
left:1px;
width:188px;
height:160px;
padding:0px;
margin:0px;
background-color:#ffffff;
}
 
.itemdsp {
float:top;
position:relative;
top:0px;
left:1px;
width:188px;
height:80px;
padding:0px;
margin:0px;
background-color:#ffffff;
font:300 60% Arial Narrow;
color:#000000;
}

.itemnumber{
text-align:center;
letter-spacing:2px; 
font:600 80% verdana; 
color:#000000;
}

/* end: content */

/* start:footer */
#footer {
position:relative;
top:0px;
left:1px;
width:920px;
height:17px;
padding:1px 0px;
margin:0px;
color:#ffffff;
background-color:#505050;
clear:left;
text-align:right;
font:200 75% sans-serif;
}
/* end:footer */