*{
 margin:0px;
 padding:0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}

body{
	 background:url(../images/bg1.gif) repeat-x;
	 background-color:#D8E3FD;
}

#head{
 width:100%;
 height:165px;
}

#head .leftCol{
 float:left;
 width:222px;
 margin-top:10px;
 margin-left:5px;
}

#content{
 background:url(../images/bg2.gif) repeat-x;
 background-color:#6C95FF;
 width:960px;
 margin:20px;
}

#login{
 background:#003399;
 color:#ffffff;
 padding-left:3px;
}

ul{
 list-style:none;
 padding-top:3px;
}

#mainNav{
 float:left;
 width:222px;
  margin-top:3px;
  margin-left:5px;

}

#mainNav .title{
 background:url(../images/bgLeftNav.jpg) repeat-x;
 padding-left:10px;
 padding-top:3px;
 height:23px;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:600;
 font-size:12px;
 color:#ff0000;
}

#mainNav a{
 background:url(../images/circle.gif) no-repeat 0% 50%;
 padding-left:10px;
 color:#000000;
 float:left;
 text-decoration:none;
 line-height:20px;
}

#mainNav ul span{
 padding-right:8px;
 color:#ff0000;
 padding-top:3px;
 float:right;
}

#mainNav li br{
 clear:both;
}

#selling{
 float:left;
 margin:6px 0 0 6px;
 background:url(../images/bgContent.jpg) repeat-x;
 width:720px;
}

#selling a{
 text-decoration:none;
 color:#000000;
}

#selling img{
 float:left;
 margin-right:5px;
 border:0px;
}

#selling .games{
 float:left;
 margin:10px 0px 20px 0px;
 width:360px;

}

#selling br{
 clear:both;
}

#selling .title{
 font-weight:600;
 color:#ffffff;
 padding-left:6px;
}


#selling p{
 float:left;
 line-height:18px;
}


strong{
 font-size:14px;
 font-weight:600;
 margin-bottom:8px;
 line-height:20px;
}

#buy{
 border:1px solid #000000;
 float:left;
 width:600px;
 margin-top:6px;
 margin-left:60px; 
 background:url(../images/bgContent.jpg) repeat-x top left;
}

#buy li {
 float:left;
 width:150px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight:bold;
 color:#003399;
 text-align:center;
 padding-top:5px;
}

#buy .content li{
 float:left;
 width:150px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#666666;
 text-align:center;
 padding-top:8px;
}

#buy .title{
 font-weight:600;
 color:#ffffff;
 padding-left:6px;
 padding-top:2px;
}

#total{
 border:1px solid #000000;
 float:left;
 margin-top:2px;
 margin-left:60px; 
}

#total li {
 float:left;
 width:150px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight:bold;
 color:#003399;
 text-align:center;
 padding-top:2px;
}

#total .content li{
 float:left;
 width:150px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#666666;
 text-align:center;
 padding-top:8px;
}

.compute{
 color:#ff0000;
 width:600px;
 font-weight:600;
 text-align:center;
} 

#profile{
 float:left;
 margin-top:6px;
 margin-left:60px; 
}

#profile p{
 font-size:16px;
 font-weight:bold;
 margin-top:6px;
}

#profile li{
 margin-top:8px;
}

#footer{
 font-weight:bold;
 color:#ffffff;
 clear:both;
 margin-top:20px;
 text-align:center;
 margin:40px auto 0px auto; 
}

.warn_hover{background:url(/js/pic/class_hover.gif) no-repeat;width:0px;height:14px;overflow:hidden;padding-left:14px}
.warn_error{background:url(/js/pic/class_error.gif) no-repeat;width:0px;height:14px;overflow:hidden;padding-left:14px}

.input {
border:1px solid #999999;
height:16px;
line-height:14px;
}

#login {width:100%;padding:3px 0px;color:#eee;background:black}
#login input{background:#DEDAC5;border:1px solid #ccc;cursor:pointer}
#login .cart{background:url(/pic/cart.gif) no-repeat left 2px;padding-left:20px}
#login .text{background-color:#f4f4f4;background-repeat:no-repeat;background-position:3px 3px;height:14px;cursor:auto}
#login a{color:white;margin-left:8px;font-weight:bold;}
#login a:hover{color:#f60}

#hotrect{position:absolute;border:1px solid #27a;z-index:100;display:none;filter:Alpha(Opacity=0);MozOpacity:0;left:0px;top:0px}
#popLayer{position:absolute;z-index:1000;left:0px;top:0px;line-height:16px;background-color:white;border:1px #666 solid;font:11px Verdana;padding:4px 8px;filter:Alpha(Opacity=0);MozOpacity:0;display:none}

#mask{z-index:9999;position:absolute;background:#666;height:1000px;width:100%;top:0px;left:0px;filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;display:none}
#pop{z-index:10000;position:fixed!important;position:absolute;background:#fff;padding:1px;width:500px;display:none;top:0px;left:0px;overflow:hidden}
#pop #pop_bar{background:#6F90A5;height:24px;width:auto;font-weight:bold;padding-left:10px}
#pop #pop_bar span{color:white;float:left;background:url(/pic/arrow.gif) no-repeat left 7px;padding:5px 0px 0px 18px}
#pop #pop_bar img{float:right;margin:5px;cursor:pointer}

#pop #pop_text {margin:5px;padding:0px;overflow:hidden}
#pop #pop_text .note{float:left;height:26px;line-height:22px;margin-right:5px;background:url(/pic/arrow.gif) no-repeat left 6px;padding-left:18px;white-space:nowrap}
#pop #pop_text .input{margin:0px;border:1px solid #6B8FBB;overflow:hidden;}