#commend
{
width:1024px;
}
#commend .top{
width:980px;
}
#commend .top .menu{
float:left;
height:40px;
width:980px;
}
#commend .top .menu .left{
float:left;
background: url(imgs/menu_bg1.gif) no-repeat right bottom;
height:40px;
width:10px;
}
#commend .top .menu .center{
float:left;
background: url(imgs/menu_bg2.gif) repeat-x;
height:40px;
width:960px;
}
#commend .top .menu .center .off{
float:left;
background: url(imgs/cirque_off.gif) no-repeat center top;
height:40px;
width:120px;
text-align:center;
line-height: 50px;
color: #ccc;
font-size: 14px;
font-weight: bold;
}
#commend .top .menu .center .off2{
float:left;
background: url(imgs/menu_off.gif) no-repeat center top;
height:40px;
width:120px;
text-align:center;
}
#commend .top .menu .center .blue1{
background:url(imgs/menu_on1.gif) no-repeat;
cursor: hand;
display: inline-block;
width:84px;
height: 40px;
font-size: 14px;
font-weight: bold;
line-height: 56px;
color: #454746;
text-align:center;
}
#commend .top .menu .center .blue2{
background:url(imgs/menu_on2.gif) no-repeat;
cursor: hand;
display: inline-block;
width:84px;
height: 40px;
font-size: 14px;
font-weight: bold;
line-height: 56px;
color: #454746;
text-align:center;
}
#commend .top .menu .center .on_green{
float:left;
background: url(imgs/cirque_on_green.gif) no-repeat center top;
height:40px;
width:120px;
text-align:center;
line-height: 50px;
color: #a5da41;
font-size: 14px;
font-weight: bold;
}
#commend .top .menu .center .on_purple{
float:left;
background: url(imgs/cirque_on_purple.gif) no-repeat center top;
height:40px;
width:120px;
text-align:center;
}
#commend .top .menu .center .cirque_off{
float:left;
background: url(imgs/cirque_off.gif) no-repeat center top;
height:40px;
width:120px;
text-align:center;
}
#commend_line1{
float:left;
background:url(imgs/line2.gif) no-repeat center top;
height:40px;
width:3px;
display: inline-block;
margin-top: 0px;
}
#on_grad{
color:#c0bfbf;
}
a.on_green:link,a.on_green:hover,a.on_green:active{
color:#a4d940;
}
a.visited{
color:#cbcbcb;
}
#commend .top .menu .center .on_orange{
float:left;
background: url(imgs/cirque_on_orange.gif) no-repeat center top;
height:40px;
width:120px;
text-align:center;
line-height: 50px;
color: #f99c34;
font-size: 14px;
font-weight: bold;
}
a.on_orange:link,a.on_orange:hover,a.on_orange:active{
color:#f99d30;
}
a.book_on:link,a.book_on:hover,a.book_on:active{
color:#42afff;
}
#commend .top .menu .right{
float:left;
background: url(imgs/menu_bg3.gif) no-repeat left top;
height:40px;
width:10px;
}
#menu_on{
display:inline-block;
height: 28px;
text-align:left;
cursor: pointer;
margin-left:1px;
}
#menu_on .left {
padding:0px;
float: left;
width:6px;
height: 28px;
background: url(imgs/button_on_left.gif) no-repeat left center;
}
#menu_on .center {
float: left;
height: 28px;
background: url(imgs/button_on_center.gif) repeat-x;
}
#menu_on .right {
float: left;
height: 28px;
width: 6px;
background: url(imgs/button_on_right.gif) no-repeat right center;
}
#menu_off{
display:inline-block;
height: 28px;
text-align:center;
cursor: pointer;
margin-left:1px;
}
#menu_off .left {
padding:0px;
float: left;
width:6px;
height: 28px;
background: url(imgs/button_off_left.gif) no-repeat left center;
}
#menu_off .center {
float: left;
height: 28px;
background: url(imgs/button_off_center.gif) repeat-x;
}
#menu_off .right {
float: left;
height: 28px;
width: 6px;
background: url(imgs/button_off_right.gif) no-repeat right center;
}
#menu_line{
background:url(imgs/line.gif) no-repeat left center;
padding-left:10px;
height:26px;
width:65px;
text-align:right;
display: inline-block;
line-height: 26px;
}
span.obut {
margin-left: 6px;
margin-right: 6px;
display: inline-block;
padding: 1px;
border: solid #CDCDCD 1px;
}
span.obut {
display: inline-block;
border: solid #CDCDCD 1px;
}
input.obut {
background: url("../../images/shopping_cart/button_gray_small.png")
repeat-x center center;
width:70px;
height: 17px;
line-height: 18px;
border: none;
}
/*紫色按钮*/
span.purple {
margin-left: 6px;
margin-right: 6px;
display: inline-block;
padding: 1px;
border: solid #e2007e 1px;
}
input.purple {
background: url("../../images/shopping_cart/button_purple_small.png")
repeat-x center center;
width:70px;
height: 17px;
line-height: 21px;
border: none;
color:#fff;
}
.bot{
margin:0 auto;
height:4px;
width:900px;
background: url(imgs/bot.gif) repeat-x;
}