.right {
    width: 33%;
    float: right;
}

.left {
    width: 66%;
    float: left;
}


.maingray {
	width:91%;
    margin: 20px 20px 0 20px;
    background: #E5E5E5;
	padding:20px;
	height:auto;
}

.shoppeople {
    margin: 0px 20px;
}

.tm {
    background: #E5E5E5;
    border: 1px solid #D9D9D9;
    margin-top: 20px;
    padding-left: 10px;
    height: auto;
}
/*
 * foot
 */
footer {
    BORDER-TOP: #f3f3f3 1px solid;
    LINE-HEIGHT: 1.5em;
    MARGIN: 0 auto 0px;
    padding: 0 0 0 1em;
    TEXT-ALIGN: center;
    WIDTH: 100%;
}

#bottomnav .menu LI {
    FLOAT: left;
}

#bottomnav .menu A {
    BORDER-RIGHT: #e5e5e5 1px solid;
    padding:0 5px;
}

#bottom-menu {
    WIDTH: 100%;
}

#bottomnav #copyright {
    CLEAR: both;
}
#footer A.Remove:link {
	COLOR: #999;
	TEXT-DECORATION: none;
}
#footer A.Remove:visited {
	COLOR: #999;
	TEXT-DECORATION: none;
}
#footer A.Remove:hover {
	BACKGROUND-COLOR: red;
	COLOR: #fff;
	TEXT-DECORATION: none;
}
#footer A.Remove:active {
	BACKGROUND-COLOR: red;
	COLOR: #fff;
	TEXT-DECORATION: none;
}
a.STOPP:link { COLOR: red;	TEXT-DECORATION: none;} 
a.STOPP:visited { COLOR: red;	TEXT-DECORATION: none;} 
a.STOPP:hover { COLOR: red;	TEXT-DECORATION: none;} 
a.STOPP:active { COLOR: red;	TEXT-DECORATION: none;}
A:link {
    COLOR: #6665cb;
    padding: 2px 1px 0 1px;
    TEXT-DECORATION: none;
}

A:visited {
    COLOR: #6665cb;
    padding: 2px 1px 0 1px;
    TEXT-DECORATION: none;
}

A:hover {
    BACKGROUND: #6665cb;
    COLOR: #fff;
    padding: 2px 1px 0 1px;
    TEXT-DECORATION: none;
}

A:active {
    BACKGROUND: Orange;
    COLOR: #fff;
    padding: 2px 1px 0 1px;
    TEXT-DECORATION: none;
}
a.B:link { BACKGROUND: #ffffff; text-decoration: none} 
a.B:visited { BACKGROUND: #ffffff; text-decoration: none} 
a.B:hover { BACKGROUND: #ffffff; text-decoration: none} 
a.B:active { BACKGROUND: #ffffff; text-decoration: none}
a.c:link { color: #ffffff; text-decoration: underline;}
a.c:visited { color: #ffffff; text-decoration:  underline;}
a.c:hover { color: #ffffff; text-decoration: underline;}
a.c:active { color: #ffffff; text-decoration: underline}
.TitleLeft {
    FLOAT: left;
}

A.Signup:link {
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #f66014;
    TEXT-DECORATION: underline
}

A.Signup:visited {
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #f66014;
    TEXT-DECORATION: underline
}

A.Signup:active {
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #f66014;
    TEXT-DECORATION: underline
}

A.Signup:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #000000;
    TEXT-DECORATION: none
}

.TitleRight {
    FLOAT: right;
}

img {
    border: 0 none;
}

.Bold {
    FONT-WEIGHT: bold;
}

.FSmaller {
    FONT-SIZE: 12px;
}

.FBigger {
    FONT-SIZE: 13px;
}

.FLargeBigger {
    FONT-SIZE: 16px;
}

.red {
    color: red;
}

.gray {
    color: gray;
}

.green {
    color: Green;
}
.darkgreen {
    color: darkgreen;
}

.blue {
    color: Blue;
}

.maroon {
    color: Maroon;
}

.btn {
    BORDER-LEFT: #999 1px solid;
    BORDER-RIGHT: #404040 1px solid;
    BORDER-TOP: #999 1.5px solid;
    BORDER-BOTTOM: #404040 1px solid;
    FONT-WEIGHT: bold;
    BACKGROUND: #666;
    COLOR: #fff;
    vertical-align: middle;
}
.nbr {
    BORDER: #cfcfcf 1px solid;
    PADDING: 3px 2px 2px 2px;
    COLOR: #585858;
    vertical-align: top;
    TEXT-ALIGN: right;
}
.searchinput {
    BORDER: #cfcfcf 1px solid;
    PADDING: 1px 1px 1px 1px;
    COLOR: #585858;
    vertical-align: middle;
}

.mButton {
    BORDER: #ffd700 1px solid;
    MARGIN: 5px 3px 5px 3px;
    BACKGROUND-COLOR: #ffed7e;
    TEXT-ALIGN: center;
    padding: 5px;
}

p.pages {
    float: right;
    font-size: 0.9em;
    margin-top: 1.2em;
}

.pagination {
    padding: 2px;
    margin: 2px;
    line-height: 30px;
}

.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #000099;
}

.pagination a:hover, .pagination a:active {
    border: 1px solid #000099;
    color: #000;
}

.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #000099;
    color: #FFF;
}

.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd;
}

A.Plus:link {
    BACKGROUND: url(/images/icon_arrow_r.gif) no-repeat 1px 40%;
    COLOR: #6665cb;
    padding: 1px 1px 1px 15px;
    TEXT-DECORATION: none;
}

A.Plus:visited {
    BACKGROUND: url(/images/icon_arrow_r.gif) no-repeat 1px 40%;
    COLOR: #6665cb;
    padding: 1px 1px 1px 15px;
    TEXT-DECORATION: none;
}

A.Plus:hover {
    BACKGROUND: url(/images/icon_arrow_r.gif) #6665cb no-repeat 1px 40%;
    COLOR: #fff;
    TEXT-DECORATION: none;
}

A.Plus:active {
    BACKGROUND: url(/images/icon_arrow_r.gif) #6665cb no-repeat 1px 40%;
    COLOR: #fff;
    TEXT-DECORATION: none;
}
A.menu:link,a.menu:visited,a.menu.hover,a.menu.active{
	color:#fff;
	text-decoration:none;
}

#menu-dropper A {
    BACKGROUND: url(/images/bar_arrow.gif) no-repeat right 50%;
    MARGIN-RIGHT: 5px;
    padding: 2px 18px 2px 5px !important;
}

#menu-dropper A:hover,#menu-dropper A:visited,#menu-dropper A:active {
   color:blue;
    TEXT-DECORATION: none;
}

.VoteBlock {
    CLEAR: both;
    padding: 0px 5px 10px 0px;
}

.VoteBlock .UserFace IMG {
    BACKGROUND: #eee;
    border: #ddd 1px solid;
    HEIGHT: 48px;
    WIDTH: 48px;
}

.VoteBlock .UserFace IMG.FBC {
    border: #fff 0px solid;
    WIDTH: 40px;
    BORDER-BOTTOM: #fff 0px solid;
    HEIGHT: 37px
}

.VoteBlock .VoteComments {
    padding: 3px 5px 5px 5px;
    FONT-SIZE: 13px;
    LINE-HEIGHT: 20px;
    word-break: break-all;
}

.VoteBlock TABLE {
    TABLE-LAYOUT: fixed;
    OVERFLOW: hidden
}

.VoteBlock .UserFace {
    FLOAT: left;
    PADDING: 0 3px 3px 3px;
}
.tip {
    color: gray;
}
.WarningMsg {
	border:1px solid #88b9ff; 
	line-height:18px; 
	background:#FFFFB4 15px 15px;
	margin: 20px;
	padding:20px;
	color:#444;
	font-size:12px;
}
.category{
	width:100%;
}
.category li{
	width:90px;
	padding-right:5px;
	float:left;
	list-style:none;
}
.searchmenu{
	padding-right:27px;
}
.screenmain{
	margin:0 -20px;
}
.mainheight{
	height:400px;
}
#main1 li{
	margin:7px 0;float:left;list-style:none;text-align:center;width:150px;height:180px;
}
#main11 li{
	margin:5px;text-align:left; cursor:hand;width:500px;list-style:none; list-style-image: url(/images/icon_arrow_r.gif);
}
#main11{
	margin:10px;
}

#main11 li.del{
	margin:2px 0;text-align:left; cursor:hand;list-style:none; list-style-image:none;
}
#title2note{
	position: fixed;
	z-index: 2;
	bottom: 0;
	right: 0;
	width: 20em;
	margin: 1em;
	padding: 7px 5px 7px 10px;
	font: 12px/1.2em "Lucida Console", "Courier New", monospace;
	text-align: left;
	color: #111;
	background-color: #FFFFB4;
	border: 1px solid #111;
}
/* star html hack - IE only */
* html #title2note{
	position: absolute;
}
/* a bet on future IEs */
#title2note[id]{
	position: fixed;
}

.WarningMsg {
	border: 1px dotted #88b9ff; 
	line-height:18px; 
	background:#FFFFB4 15px 15px;
	margin: 10px 1px 10px 1px;
	padding:10px;
	color:#444;
	font-size:12px;
}

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}
.setup{
	width:100px;float:left;
}
.txt {
    BORDER: #cfcfcf 1px solid;
    PADDING: 3px 2px 2px 2px;
    COLOR: #585858;
    vertical-align: middle;
}
.btn {
    BORDER-LEFT: #999 1px solid;
    BORDER-RIGHT: #404040 1px solid;
    BORDER-TOP: #999 1.5px solid;
    BORDER-BOTTOM: #404040 1px solid;
    FONT-WEIGHT: bold;
    BACKGROUND: #666;
    COLOR: #fff;
    vertical-align: middle;
}
#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:260px;	/* Width of tooltip content */
	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.9em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}
/*更换皮肤*/
.FlowMenuList TABLE {
	BORDER: #fff 0px solid;
}
.FlowMenuList TABLE TD {
	WHITE-SPACE: nowrap; TEXT-ALIGN: left;
}
.FlowMenuList TABLE TD A {
	DISPLAY: block;
}
#skin {
	Z-INDEX: 100; BACKGROUND: #fff; POSITION: absolute;left:620px; top:30px;
}
#skin OL.changeCity {
	font-size: 12px; float: left; MARGIN: 0px;WIDTH: 330px; padding: 0px; border: #ccc 1px solid; list-style-type: none;
}
#skin OL.changeCity LI {
	FLOAT: left; WHITE-SPACE: nowrap
}
#skin OL.changeCity LI OL {
	PADDING: 0 0 5px 0;FLOAT: left;MARGIN: 0px; WIDTH: 260px; BORDER-BOTTOM: #ccc 1px dashed; LIST-STYLE-TYPE: none
}
#skin OL.card LI OL {
	BORDER-BOTTOM-WIDTH: 0px
}
#skin OL.changeCity LI OL LI {
	PADDING:5px 5px 0 5px;FLOAT: left; WIDTH: 40px;WHITE-SPACE: nowrap
}
#skin B.catalog {
	PADDING:5px 5px 18px 5px;BACKGROUND: #eee; FLOAT: left;BORDER-BOTTOM: #eee 1px solid;
}
/*end*/
/*首页*/
.homemessagelarge {
	FONT-WEIGHT: bold; FONT-SIZE: 21pt; COLOR: #000; 
}
.main_screenshot {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 17px; PADDING-BOTTOM: 0px; COLOR: #666; PADDING-TOP: 13px
}
.screenshots {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #222; PADDING-TOP: 12px
}
.screenshots_right {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #222; PADDING-TOP: 12px
}
.home_featured_area {
	PADDING-RIGHT: 14px; PADDING-LEFT: 14px; FONT-SIZE: 13px; BACKGROUND: url(images/home/featured-area-bg.gif) #f2df39 no-repeat; PADDING-BOTTOM: 10px; COLOR: #111; PADDING-TOP: 10px; 
}
signup_benefits {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; 
}
.signup_benefits H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 15px; BACKGROUND: url(/images/home/h1bg.gif) repeat-x left bottom; PADDING-BOTTOM: 3px; MARGIN: 18px 0px 0px; COLOR: #222; PADDING-TOP: 0px
}
.signup_benefits P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 13px 0px 0px; COLOR: #111; PADDING-TOP: 0px
}
.signup_benefits P.nomrgbottom {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 12px 0px 0px; COLOR: #111; PADDING-TOP: 0px
}
.signup_benefits P.nomrgtop {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; COLOR: #111; PADDING-TOP: 0px
}
.signup_benefits P.testimonial {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; COLOR: #444; PADDING-TOP: 0px; 
}
.signup_benefits P.byline {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; COLOR: #666; PADDING-TOP: 0px; 
}
.toptable {
	PADDING-BOTTOM: 2px; BORDER-BOTTOM: #b1d34b 5px solid
}
/*end*/

TABLE.descTable TD {
	VERTICAL-ALIGN: top; BACKGROUND-COLOR: #f9f9f9
}
TABLE.descTable TH {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #e5ecf9
}
TABLE.descTable TH {
	BORDER-RIGHT: #3366cc 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #3366cc 1px solid; PADDING-LEFT: 12px; PADDING-BOTTOM: 6px; VERTICAL-ALIGN: top; BORDER-LEFT: #3366cc 1px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #3366cc 1px solid; TEXT-ALIGN: left
}
TABLE.descTable TD {
	BORDER-RIGHT: #3366cc 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #3366cc 1px solid; PADDING-LEFT: 12px; PADDING-BOTTOM: 6px; VERTICAL-ALIGN: top; BORDER-LEFT: #3366cc 1px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #3366cc 1px solid; TEXT-ALIGN: left
}
TABLE.descTable {
	MARGIN: 4px auto; WIDTH: 95%; LINE-HEIGHT: 120%; BORDER-COLLAPSE: collapse; border-spacing: 0pt
}

.selecttag{
	color: red;font-size: 14px;font-weight: bold;
}
form.inplaceeditor-form { /* The form */
margin:0;padding:0;
}

form.inplaceeditor-form input[type="text"] { /* Input box */
}
.inplaceeditor-saving { background: url(/images/indicator.gif) center left no-repeat;color:#E5F1F4; }

table.calendarView {
    border: 1px solid black;
    width: 98%;
}

table.calendarView td {
    border-left: 1px solid #ccddee;
    border-top: 1px solid #ccddee;
    vertical-align: top;
    text-align: center;
    width: 14%;
}
table.calendarView th{
    background-color: #ffbb00;
}

table.calendarView tr.dayName {
    border-bottom: 2px solid black;
}

table.calendarView td.otherMonth {
    vertical-align: middle;
    border-left: 1px solid #ccddee;
    border-top: 1px solid #ccddee;
    color: #cccccc;
}

table.calendarView td.day {
    height: 85px;
    color: #5a6986;
    text-align: left;
    font-size: 0.9em;
}

table.calendarView td.spectialday {
    height: 85px;
    color: #ffffff;
    background-color: #B0E0E6;
    text-align: left;
    font-size: 0.9em;
}
table.calendarView td.weekendDay {
    background-color: #ffffcc;
}

table.calendarView td.empty-day {
    height: 50px;
    color: #ccddee;
    text-align: center;
    font-size: 0.9em;
}

table.calendarView td.empty-day a{
    background-color: transparent;
    text-decoration: none;
    color: #ccddee;
}

div.day-inside {
    width: 100%;
    height: 12px;
    text-align: right;
    vertical-align: middle;
    color: #6a6a6b;
    background-color: #e8eef7;
    font-size: 1em;
}

a.item-more {
    text-decoration: none;
    background-color: transparent;
}

a.item-more:hover {
    color: #c60000;
}
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid green;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:auto;
  cursor:pointer;
}
.bar {
    display: block;

    background: orange;
    text-align: center;
    color: #333;
    height: 1em;
    line-height: 1em;
}
.naTab{clear:both;}
.naTab .TabTitle{ height:22px; overflow:hidden;float:right;padding-right:10px;}
.naTab .TabTitle ul{margin:0; padding:0;}
.naTab .TabTitle li{ list-style-type:none; padding:6px 0 2px;cursor:pointer;text-align:center;}
.naTab .TabTitle .active{ float:left;width:146px;background:url("/images/bg5_6_1.gif");}
.naTab .TabTitle .normal{ float:left;width:145px;background:url("/images/bg5_6_2.gif");}
.naTab .TabContent {padding:10px;}
.none {display:none;}