@charset "utf-8";

/***
 *	baobeita common style
 **/

/* ---------- reset ---------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0px;
	margin: 0px;
	border: 0px;
	outline: 0px;
}

html {
	_width: 100%;
	_height: 100%;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	_filter: expression(document.execcommand("backgroundimagecache", false, true));
}

body {
	_width: 100%;
	_height: 100%;
	font: 12px "microsoft yahei", 微软雅黑, tahoma, arial, helvetica, stheiti;
	background: #f9f9f9 url(/uploads/image/rsimages/base_body_bg.jpg) no-repeat center top;
}

a {
	color: #656d77;
	text-decoration: none;
}

a:hover {
	color: #ff6600;
	text-decoration: none;
}

img {
	border: none;
	image-rendering: optimizequality;
	-ms-interpolation-mode: bicubic;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

ul {
	list-style-type: none;
}

input,select {
	vertical-align: middle;
	outline: none;
}

textarea {
	outline: 0px;
	resize: none;
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
}

/* ---------- base ---------- */

.black {
	color: black;
}

.white {
	color: white;
}

.gray {
	color: gray;
}

.red {
	color: red;
}

.green {
	color: green;
}

.blue {
	color: blue;
}

.orange {
	color: orange;
}

.mtp10 {
	margin-top: 10px;
}

.hidden {
	display: none;
}

.blank {
	width: 100%;
	height: 10px;
	clear: both;
	overflow: hidden;
}

.pointer {
	cursor: pointer;
}

.clear {
	width: 100%;
	height: 0px;
	clear: both;
	overflow: hidden;
}

.clearfix {
	*zoom: 1;
}

.clearfix:after {
	height: 0px;
	display: block;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: "\0020";
}
/* ---------- form ---------- */
input.form,select {
	width:180px;
	padding:5px;
	color:#777;
	border-top:1px solid #c4c4c4;
	border-right:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	border-left:1px solid #c4c4c4;
	outline:none;
}
textarea.form {
	width:350px;
	height:120px;
	padding:5px;
	color:#777;
	border-top:1px solid #c4c4c4;
	border-right:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	border-left:1px solid #c4c4c4;
	line-height:18px;
	outline:none;
	overflow:auto;
}
textarea.editor {
	width:100%;
}
input.half,select.half,textarea.half {
	width:50%;
}
input.full,select.full,textarea.full {
	width:97%;
}
input.big {
	font-size:20px;
}
input.form:hover,textarea.form:hover {
	border:1px solid #ff9b1f;
}
input.form:focus,textarea.form:focus {
	-moz-box-shadow:0 1px 1px rgba(196,196,196,0.5);
	-webkit-box-shadow:0 1px 1px rgba(196,196,196,0.5);
	box-shadow:0 1px 1px rgba(196,196,196,0.5);
	-webkit-focus-ring-color:none;
	border-color:#c4c4c4;
	background-color:#fefbf7;
}
span.requiredfield {
	padding-right: 3px;
	color: #ff6d6d;
	font-size: 10px;
}
fieldset {
	border:0 none;
	border-top:1px solid #ddd;
	margin:10px 0;
	padding:10px 0;
	position:relative;
}
legend {
	background:#fff;
	color:#93bb3a;
	font-weight:bold;
	padding:0 6px 0 0;
}
label {
	font-size:12px;
	color:#888;
	padding-right:5px;
}
label.required:before {
	content:"*";
	color:red;
}
label.choice {
	vertical-align:middle;
	font-weight:normal;
	text-transform:none;
}
label.fielderror {
	line-height: 23px;
	color: #ffb042;
	padding-left: 6px;
}
/* ---------- button ----------*/
.btn-video {
	cursor:pointer;
	display:block;
	background:url(/uploads/image/rsimages/base_btn_video.png) no-repeat;
	width:50px;
	height:45px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-25px;
	margin-top:-23px;
}
.btn {
	line-height: 16px;
	padding:5px 10px;
	color:#666;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	font-family:tahoma,arial,sans-serif;
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	vertical-align:middle;
	background-color:#f5f5f5;
	background-image:-moz-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:-ms-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6) );
	background-image:-webkit-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:-o-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:linear-gradient(top,#ffffff,#e6e6e6);
	background-repeat:repeat-x;
	filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#e6e6e6',gradienttype=0 );
	border-color:#e6e6e6 #e6e6e6 #bfbfbf;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false );
	border:1px solid #cccccc;
	border-bottom-color:#b3b3b3;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2pxrgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2pxrgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2pxrgba(0,0,0,0.05);
	cursor:pointer;
	text-decoration:none;
}
.btn:hover {
	color:#666;
	text-decoration:none;
	background-color:#e6e6e6;
	background-position:0 -15px;
	-webkit-transition:background-position 0.1s linear;
	-moz-transition:background-position 0.1s linear;
	-ms-transition:background-position 0.1s linear;
	-o-transition:background-position 0.1s linear;
	transition:background-position 0.1s linear;
}
.btn.active,.btn:active {
	background-image:none;
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2pxrgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2pxrgba(0,0,0,0.05);
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2pxrgba(0,0,0,0.05);
	background-color:#e6e6e6;
	outline:0;
}
.btn.disabled,.btn[disabled] {
	cursor:default;
	background-image:none;
	background-color:#e6e6e6;
	opacity:0.65;
	-moz-opacity:0.65;
	filter:alpha(opacity = 65);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.btn-orange {
	background-color:#faa732;
	background-image:-moz-linear-gradient(top,#fbb450,#f89406);
	background-image:-ms-linear-gradient(top,#fbb450,#f89406);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406) );
	background-image:-webkit-linear-gradient(top,#fbb450,#f89406);
	background-image:-o-linear-gradient(top,#fbb450,#f89406);
	background-image:linear-gradient(top,#fbb450,#f89406);
	background-repeat:repeat-x;
	filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#fbb450',endcolorstr='#f89406',gradienttype=0 );
	border-color:#f89406 #f89406 #ad6704;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false );
}
.btn-orange:hover,.btn-orange:active,.btn-orange.active,.btn-orange.disabled,.btn-orange[disabled] {
	background-color:#f89406;
}
.btn-orange:active,.btn-orange.active {
	background-color:#c67605 \9;
}
.btn-red {
	background-color:#da4f49;
	background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);
	background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f) );
	background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);
	background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);
	background-image:linear-gradient(top,#ee5f5b,#bd362f);
	background-repeat:repeat-x;
	filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#ee5f5b',endcolorstr='#bd362f',gradienttype=0 );
	border-color:#bd362f #bd362f #802420;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false );
}
.btn-red:hover,.btn-red:active,.btn-red.active,.btn-red.disabled,.btn-red[disabled] {
	background-color:#bd362f;
}
.btn-red:active,.btn-red.active {
	background-color:#942a25 \9;
}
.btn-green {
	background-color:#5bb75b;
	background-image:-moz-linear-gradient(top,#62c462,#51a351);
	background-image:-ms-linear-gradient(top,#62c462,#51a351);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351) );
	background-image:-webkit-linear-gradient(top,#62c462,#51a351);
	background-image:-o-linear-gradient(top,#62c462,#51a351);
	background-image:linear-gradient(top,#62c462,#51a351);
	background-repeat:repeat-x;
	filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#62c462',endcolorstr='#51a351',gradienttype=0 );
	border-color:#51a351 #51a351 #387038;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false );
}
.btn-green:hover,.btn-green:active,.btn-green.active,.btn-green.disabled,.btn-green[disabled] {
	background-color:#51a351;
}
.btn-green:active,.btn-green.active {
	background-color:#408140 \9;
}
.btn-blue {
	background-color:#49afcd;
	background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);
	background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4) );
	background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);
	background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);
	background-image:linear-gradient(top,#5bc0de,#2f96b4);
	background-repeat:repeat-x;
	filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#5bc0de',endcolorstr='#2f96b4',gradienttype=0 );
	border-color:#2f96b4 #2f96b4 #1f6377;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false );
}
.btn-blue:hover,.btn-blue:active,.btn-blue.active,.btn-blue.disabled,.btn-blue[disabled] {
	background-color:#2f96b4;
}
.btn-blue:active,.btn-blue.active {
	background-color:#24748c \9;
}
.btn-orange,.btn-orange:hover,.btn-red,.btn-red:hover,.btn-green,.btn-green:hover,.btn-blue,.btn-blue:hover {
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	color:white;
}
.btn.big {
	font-size:120% !important;
	line-height:120%;
}
.btn.huge {
	font-size:160% !important;
	line-height:160%;
}
/* ---------- message ---------- */
div.xxmessage {
	padding: 10px 30px;
	display: none;
	position: fixed;
	_position: absolute;
	top: 25%;
	_top: expression((document.documentelement.scrolltop || document.body.scrolltop)   math.round(25 * (document.documentelement.offsetheight || document.body.clientheight) / 100)   "px");
	left: 50%;
	z-index: 100;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 6px #999999;
	-moz-box-shadow: 1px 1px 6px #999999;
	box-shadow: 1px 1px 6px #999999;
	-ms-filter: "progid:dximagetransform.microsoft.shadow(color=#e5e5e5,direction=0,strength=3) progid:dximagetransform.microsoft.shadow(color=#d4d4d4,direction=90,strength=3) progid:dximagetransform.microsoft.shadow(color=#d4d4d4,direction=180,strength=3) progid:dximagetransform.microsoft.shadow(color=#e5e5e5,direction=270,strength=3)";
	filter: progid:dximagetransform.microsoft.shadow(color=#e5e5e5,direction=0,strength=3) progid:dximagetransform.microsoft.shadow(color=#d4d4d4,direction=90,strength=3) progid:dximagetransform.microsoft.shadow(color=#d4d4d4,direction=180,strength=3) progid:dximagetransform.microsoft.shadow(color=#e5e5e5,direction=270,strength=3);
	border: 1px solid #999999;
	background-color: #ffffff;
}

div.xxmessage .messagecontent {
	line-height: 24px;
	padding: 0px 10px 0px 30px;
	color: #666666;
}

div.xxmessage .messagewarnicon {
	background: url(/uploads/image/rsimages/base_icon_message.gif) -60px 0 no-repeat;
}

div.xxmessage .messagesuccessicon {
	background: url(/uploads/image/rsimages/base_icon_message.gif) -30px -30px no-repeat;
}

div.xxmessage .messageerroricon {
	background: url(/uploads/image/rsimages/base_icon_message.gif) 0px -60px no-repeat;
}

div.xxmessage .messageiframe {
	width: 2000px;
	height: 2000px;
	position: absolute;
	left: -100px;
	top: -100px;
	z-index: -1;
}

div.xxmessage .submit {
	padding: 5px 30px;
}

div.xxmessage .closemessage {
	margin-left: 25px;
	color: #1067b3;
	text-decoration: underline;
}
/* ---------- dialog ----------*/
.dialogoverlay {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	_position: absolute;
	top: 0px;
	_top: expression(documentelement.scrolltop   documentelement.clientheight - this.offsetheight);
	left: 0px;
	z-index: 99;
	filter: alpha(opacity = 30);
	-moz-opacity: 0.30;
	opacity: 0.30;
	zoom: 1;
	background: url(/uploads/image/rsimages/base_overlay_bg.png);
}
/* ---------- icon ----------*/
.upicon {
	width:24px;
	height:24px;
	line-height:24px;
	display:inline-block;
	display:-moz-inline-stack;
	zoom:1;
	*display:inline;
	cursor:pointer;
	background:url(/uploads/image/rsimages/base_icon.gif) no-repeat 0px -240px;
}
.downicon {
	width:24px;
	height:24px;
	line-height:24px;
	display:inline-block;
	display:-moz-inline-stack;
	zoom:1;
	*display:inline;
	cursor:pointer;
	background:url(/uploads/image/rsimages/base_icon.gif) no-repeat 0px -300px;
}
.warnicon {
	width:16px;
	height:29px;
	line-height:29px;
	display:inline-block;
	display:-moz-inline-stack;
	zoom:1;
	*display:inline;
	background:url(/uploads/image/rsimages/base_icon.gif) no-repeat 0px -481px;
}
.warninfo {
	line-height:30px;
	padding:5px 5px 5px 20px;
	border:1px solid #ffca80;
	background:url(/uploads/image/rsimages/base_icon.gif) no-repeat 0px -422px #fffee2;
}
.loadingicon {
	width:20px;
	height:20px;
	line-height:20px;
	display:inline-block;
	display:-moz-inline-stack;
	zoom:1;
	*display:inline;
	background:url(/uploads/image/rsimages/base_loading_icon.gif) center no-repeat;
}
.loadingbar {
	width: 208px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(/uploads/image/rsimages/base_loading_bar.gif) center no-repeat;
}

/* ---------- header ---------- */
.header {
	width: 950px;
	height: 145px;
	margin: 0px auto;
	position: relative;
}

.header .welcome {
	line-height: 20px;
	text-align: left;
	color: white;
	position: absolute;
	right: 50px;
	top: 5px;
	font-weight: bold;
}

.header .welcome a {
	color: #2b2b2b;
	margin: 0 3px;
}

.header .welcome a#headermemberusername {
	color: white;
	margin: 0;
}

.header .welcome a:hover {
	text-decoration: underline;
}

.header .headerlogo {
	position: absolute;
	top: 30px;
	left: 0px;
}

.header .headermenu {
	float: right;
	position: absolute;
	bottom: 0;
	right: 5px;
	border-radius: 7px 7px 0 0;
	margin: 0;
}

.header .headermenu .topcart {
	float: right;
	height: 75px;
	background: url(/uploads/image/rsimages/header_top_bg_x.png) repeat-x;
	border-radius: 0px 7px 0px 0px;
	position: relative;
	z-index: 1000;
}

.header .headermenu .carticon {
	position: absolute;
	left: -30px;
	top: -25px;
	background: url(/uploads/image/rsimages/header_bg.png) no-repeat 0 0;
	width: 94px;
	height: 106px;
}

.header .headermenu .cartinfo {
	padding-left: 60px;
	padding-right: 15px;
	font-size: 30px;
	font-weight: bold;
	line-height: 75px;
}

.header .headermenu .cartinfo .carttotal {
	color: #ff8500;
}

.header .headermenu .main {
	float: right;
	height: 75px;
	border-radius: 7px 0px 0px 0px;
	background: black;
}

.header .headermenu .main .hotline {
	line-height: 40px;
	padding-left: 330px;
	background:  no-repeat 15px 3px;
	border-radius: 7px 0px 0px 0px;
}

.header .headermenu .main .menus {
	width: 340px;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	padding-right: 30px;
	border-radius: 7px 0px 0px 0px;
	background: white;
}

.header .headermenu .main .menus li {
	float: left;
	position: relative;
	z-index: 900;
}

.header .headermenu .main .menus li .nav {
	padding: 0 7px;
	display: inline-block;
}

.header .headermenu .main .menus li .impt {
	color: #ff8600;
	font-weight: 600;
}

.header .headermenu .main .menus li .nav.selected {
	color: #fff;
	background: #373737;
}

.header .headermenu .main .menus li .nav_down_div {
	position: absolute;
	top: 30px;
	left: 0;
	background: #373737;
	line-height: 25px;
	padding: 0 7px;
	z-index: 901;
	display: none;
}

.header .headermenu .main .menus li .nav_down {
	color: #fff;
	display: block;
}

.header .headermenu .main .menus li .nav_down:hover {
	color: #f60;
}

.mainmenu {
	width: 950px;
	height: 62px;
	margin: 0 auto 10px;
	background: #e7e8d6 url(/uploads/image/rsimages/header_menu_bg_x.gif) repeat-x left
		top;
	border-radius: 3px;
	_margin-top: -1px;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.mainmenu ul {
	float: left;
}

.mainmenu ul li {
	float: left;
	padding-right: 2px;
	position: relative;
	background: url(/uploads/image/rsimages/header_menu_separator.gif) right top no-repeat;
	z-index: 800;
}

.mainmenu ul li a.nav {
	color: #2e2e2e;
	line-height: 62px;
	font-size: 16px;
	padding: 0 15px;
	display: inline-block;
	background: url(/uploads/image/rsimages/header_menu_hover_x.gif) repeat-x 0 -1000px;
}

.mainmenu ul li a.nav:hover,.mainmenu ul li a.nav.selected {
	color: #fff;
	background-position: 0 0;
}

.mainmenu ul li a.first {
	border-radius: 3px 0px 0px 3px;
}

.mainmenu ul li .nav_down_div {
	position: absolute;
	top: 60px;
	left: 0;
	line-height: 40px;
	font-size: 16px;
	padding: 0 15px;
	background: #373737;
	z-index: 801;
	display: none;
}

.mainmenu ul li .nav_down {
	color: white;
	display: block;
}

.mainmenu ul li .nav_down:hover {
	color: #f60;
}

.mainmenu .mainsearch {
	margin: 10px 8px 0 0;
	width: 240px;
	float: right;
	position: relative;
}

.mainmenu .mainsearch button {
	position: absolute;
	top: 0px;
	right: 1px;
	width: 39px;
	height: 44px;
	background: url(/uploads/image/rsimages/header_bg.png) 0 -120px;
	cursor: pointer;
	border: none;
}

.mainmenu .mainsearch button:hover {
	background-position: -50px -120px;
}

.mainmenu .mainsearch .bg {
	background: url(/uploads/image/rsimages/header_bg.png) 0 -170px;
	display: inline-block;
}

.mainmenu .mainsearch input {
	width: 180px;
	height: 22px;
	line-height: 22px;
	padding: 11px 10px;
	_padding: 10px;
	font-size: 14px;
	color: #999;
	background-color: transparent;
	outline: none;
	border: none;
}

/* ---------- top secmenu ---------- */
.secmenu {
	width: 950px;
	height: 60px;
	margin: 0 auto;
}

.secmenu a {
	float: left;
	height: 50px;
	margin-right: 8px;
	background: url(/uploads/image/rsimages/base_secmenu.gif);
	text-indent:-9999em;
}

.secmenu a.goldenretriever {
	width: 162px;
	background-position: -6px -6px;
}

.secmenu a.labrador {
	width: 182px;
	background-position: -176px -6px;
}

.secmenu a.bordercollie {
	width: 152px;
	background-position: -366px -6px;
}

.secmenu a.samoyed {
	width: 126px;
	background-position: -526px -6px;
}

.secmenu a.poodle {
	width: 142px;
	background-position: -662px -6px;
}

.secmenu a.bichon {
	width: 142px;
	background-position: -812px -6px;
	margin-right: 0;
}
/* ---------- common title ---------- */
.titlebar {
	background: #fff;
	padding: 10px;
	border: 1px solid #eee;
}

.titlebar .content {
	height: 30px;
	border-bottom: 2px solid #f9f9ef;
}

.titlebar .content span {
	float: left;
	color: #666;
	font: 600 20px/30px simsun;
	padding: 0 15px;
	background: #f9f9ef;
}

.modtitle {
	width: 930px;
	height: 40px;
	padding: 0 10px;
	border-bottom: 1px solid #eee;
	background: white;
	color: #666;
	font: 400 24px/40px simhei;
}

.modtitle .more {
	float: right;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	margin-top: 8px;
	background: #f9f9ef;
	font-size: 12px;
	display: block;
}

.modtitle .more:hover {
	background: #f70;
	color: #fff;
}

/* ---------- footer ---------- */
.footer {
	clear: both;
	background: white;
	border-top: 2px solid #ddd;
	color: #333;
}

.footer .bottomnavigation {
	width: 950px;
	padding-top: 10px;
	height: auto;
	margin: 0px auto;
	clear: both;
	overflow: hidden;
}

.footer .bottomnavigation dl {
	width: 180px;
	padding: 0 5px;
	line-height: 25px;
	float: left;
}

.footer .bottomnavigation dl.half {
	width: 440px;
	padding: 0 10px;
}

.footer .bottomnavigation dl.half dd {
	width:auto;
	float:left;
	margin-left:10px;
}

.footer .bottomnavigation dl dt {
	background: #f8f8f8;
	text-align: left;
	text-indent: 12px;
}

.footer .bottomnavigation dl dt strong {
	color: #f60;
	font-family: arial;
}

.footer .bottomnavigation dl dd {
	text-align: left;
	text-indent: 24px;
}

.footer .footerinfo {
	width: 950px;
	line-height: 25px;
	margin: 5px auto;
	clear: both;
	text-align: center;
	border-top: 1px solid #e6e6e6;
	padding-top: 5px;
}

.footer .footerinfo ul {
	clear: both;
}

.footer .footerinfo ul li {
	display: inline;
}

.footer .footerinfo ul li a {
	margin: 0px 10px;
}

.footer .footerinfo p {
	font-family: arial;
	color: #656d77;
}
/* ---------- pager ---------- */
.pager {
	clear: both;
	width: 100%;
	height: 32px;
	margin: 10px auto;
	padding: 10px 0;
	position: relative;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.pager a {
	float: left;
	padding: 7px 12px;
	margin-right: 10px;
	display: inline;
	background: #fff;
	border: 1px solid #ddd;
	color: #f60;
	font: 14px arial;
}

.pager a:link,.pager a:visited {
	color: #f60;
}

.pager a:hover,.pager a:active {
	color: #999;
	border: 1px solid #999;
}

.pager span {
	float: left;
	padding: 7px 12px;
	margin-right: 10px;
	display: inline;
	background: #fff;
	font: 14px arial;
	color: #eee;
	border: 1px solid #eee;
}

.pager span.pageinfo {
	margin-right: 5px;
	color: #999;
	border: none;
	background: #fff;
}

.pager span.currentpage {
	font: 14px arial;
	color: #f60;
	border: 1px solid #f60;
	background: #fff9dd;
	cursor: default;
}

/* ---------- instantmessaging ---------- */
.instantmessaginglayer {
}
.leftinstantmessaginglayer{
	position: fixed;
	bottom: 120px;
	right: 0px;
	_position: absolute;
	width: 52px;
	height:238px;
	overflow: hidden;
	background: url(/uploads/image/rsimages/instant_messaging_bg_hidden.gif) left top no-repeat;
}
.leftinstantmessaginglayer a{
	width: 52px;
	height:76px;
	float: left;
	overflow: hidden;
	background-image: url(/uploads/image/rsimages/instant_messaging_bg_hidden.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
.leftinstantmessaginglayer .qq{
	background-position:-52px 0;
}
.leftinstantmessaginglayer .wangwang{
	background-position:-52px -75px;
}
.leftinstantmessaginglayer .backtotop{
	height: 52px;
	background-position:-52px -150px;
}
.leftinstantmessaginglayer .expand{
	height: 35px;
	background-position:-52px -202px;
}
.leftinstantmessaginglayer .qq:hover{
	background-position:-104px 0;
}
.leftinstantmessaginglayer .wangwang:hover{
	background-position:-104px -75px;
}
.leftinstantmessaginglayer .backtotop:hover{
	background-position:-104px -150px;
}
.leftinstantmessaginglayer .expand:hover{
	background-position:-104px -202px;
}
.rightinstantmessaginglayer {
	position: fixed;
	bottom: 70px;
	right: 0px;
	_position: absolute;
	width: 145px;
	float: left;
	overflow: hidden;
	background:  -145px bottom no-repeat;
}

.rightinstantmessaginglayer .top {
	display: block;
	height: 125px;
	background: ;
}
.rightinstantmessaginglayer .alipay {
	height: 139px;
	width:145px;
}
.rightinstantmessaginglayer .weibolink {
	display: block;
	height: 43px;
}
.rightinstantmessaginglayer .tools {
	height: 44px;
	width:145px;
}
.rightinstantmessaginglayer .tools a{
	height:44px;
	width:72px;
	display:block;
	float:left;
	background-image:url(/uploads/image/rsimages/instant_messaging_bg.gif);
	background-repeat:none;
}
.rightinstantmessaginglayer .tools .hideme{
	background-position:-145px bottom;
}
.rightinstantmessaginglayer .tools .backtotop{
	background-position:-217px bottom;
}
.rightinstantmessaginglayer .tools .hideme:hover{
	background-position:-290px 0;
}
.rightinstantmessaginglayer .tools .backtotop:hover{
	background-position:-362px 0;
}

.rightinstantmessaginglayer .main {
	background: url(/uploads/image/rsimages/instant_messaging_bg.gif) 0 0 repeat-y;
}

.rightinstantmessaginglayer .main ul {
	padding: 0 20px;
}

.rightinstantmessaginglayer .main li {
	height: 36px;
	line-height: 36px;
	word-wrap: break-word;
	word-break: normal;
	border-bottom: 1px solid #e6e5e4;
	overflow: hidden;
}

.rightinstantmessaginglayer .main .qq {
	padding-left: 28px;
	display: block;
	float: left;
	background: url(/uploads/image/rsimages/instant_messaging_main.gif) 0 -223px no-repeat;
	cursor:pointer;
}

.rightinstantmessaginglayer .main .wangwang {
	padding-left: 28px;
	display: block;
	float: left;
	background: url(/uploads/image/rsimages/instant_messaging_main.gif) -0 -8px
		no-repeat;
}

.rightinstantmessaginglayer .main .online {
	padding-left: 28px;
	display: block;
	float: left;
	background: url(/uploads/image/rsimages/instant_messaging_main.gif) 2px -54px
		no-repeat;
}

.rightinstantmessaginglayer .main .phone {
	padding-left: 20px;
	display: block;
	float: left;
	font-family: arial;
	background: url(/uploads/image/rsimages/instant_messaging_main.gif) 2px -166px
		no-repeat;
}

/* ---------- friend link ---------- */

.bottomfriendlink {
	width: 930px;
	margin: 0 auto;
	padding: 0 10px;
	background: #f5f5f5;
	color: #666;
	line-height: 25px;
}

.bottomfriendlink .title {
	font-weight: 500;
}

.bottomfriendlink a {
	padding: 0 3px;
}
