/* CSS Document */

img {border:none;}
body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height:150%; background:#000; }
ul, li{list-style-type:none;}
h1{ font-size:14px; color:#FFF; font-weight:bold; margin:0px;}
h2{ font-size:12px; color:#FFF; font-weight:bold; margin:0px;}
h3{ font-size:12px; color:#000; font-weight:normal; margin:0px;}
a:link { color:#000; text-decoration:none}
a:visited { color:#000; text-decoration:none}
a:hover { color:#703523; text-decoration:underline;}
a:active { color:#000; text-decoration:none}
.pricebox{border:0px; color: #FF6600; font-weight:bold; text-align:center;}

/* main */
#top { width:100%; height:187px; margin:0px auto; background:url(images/bannerbg.gif) repeat;}
#center { width:1000px; height:auto;margin:0px auto; background-color:#615E57; border:5px solid #8E8B86;}
#left { width:330px;margin:0px auto;  padding-top:15px; float:left; margin:auto;color:#DCD5C7;}
#right { width:670px; padding-top:15px;  float:right; margin:0px auto; color:#000;}
.clear{ clear:both;} 
#footer {width:900px; padding:15px; text-align:center;}

/* header */
.banner {width:1000px; height:150px; margin:0px auto; background:url(images/banner.gif) center no-repeat;}
.nav {width:100%; height:57px; margin:0px auto; background:url(images/navbg.gif) repeat-x; text-align:center;}
.nav ul { width:1000px; margin:0px auto;padding-top:7px; padding-bottom:0px; background:url(images/navbg.gif) repeat-x;}
.nav li { height:30px;  padding-left:10px; padding-right:10px; float:left; text-align:center; font-weight:bold;}
.nav li:hover{ background-color:#703523; color:#FFFFFF;}
.nav li:hover a{color:#FFFFFF;}
.nav a{ color:#000;  text-decoration:none;}
.nav a:hover{ color:#FFF;  text-decoration:underline;}


/* left */
.support{width:302px; margin:0px auto;}
.ccgoldsshop{width:302px; margin:0px auto;}
.supporttop{background:url(images/onlinesupport.gif) no-repeat; height:45px;}
.ccgoldsshoptop{background:url(images/onlinesupport.gif) no-repeat; height:45px;}
.ltbbg{background:url(images/ltbbg.gif) repeat-y;}
.ltbottom{background:url(images/ltbbottom.gif) no-repeat; height:10px;}
.ltbcontent{padding:10px;}

/* right */

.ltbbg a:link { color:#FF8635; text-decoration:none}
.ltbbg a:visited { color:#FF8635; text-decoration:none}
.ltbbg a:hover { color:#FF9900; text-decoration:underline;}
.ltbbg a:active { color:#FF8635; text-decoration:none}
.choose{width:640px; margin:0px auto;}
.artical{width:640px; margin:0px auto;}
.rtbtop{width:650px; height:45px; background:url(images/rtbtop.gif) no-repeat;}
.rtbbg{width:650px; margin:0px; background-color:#DAD3C5;}
.rtbcontent{ width:590px; margin:0px auto;padding:20px; border-width:1px; border-color:#8E8B86; border-style:solid;}
.rtbtitle{background:url(images/rtbtitle.gif) no-repeat; height:18px; font-size:14px; font-weight:bold; padding:15px; padding-left:50px;}
.rtbbottom{width:650px; height:10px; background:url(images/rtbbottom.gif) no-repeat;}


.choose ul{width:560x;}
.choose li{padding-left:15px; padding-right:15px; float:left; text-align:center; font-weight:bold;}


.copyright {text-align:center; padding-top:15px;}
.rtbcontent h1 {color:#000000;}

.note{color:#990000;}
#right .rtbcontent h2{color:#000000;}

a.note:link {color:@990000; font-weight:bold;}
a.note:visited {color:@990000; font-weight:bold;}