@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px;  font-size:12px;background:url(../images/bg.jpg); font-family:Tahoma, Geneva, sans-serif;}
ul,p,form,h5{ margin:0px; padding:0px;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#999; text-decoration:none;}
input{vertical-align:middle;}
img{ border:0px; vertical-align:middle;}
li{ list-style:none;}

.header{ background:url(../images/headbg.png) repeat-x; height:90px; padding-top:28px; text-align:center;}
.header .headbox{ width:960px; margin:auto; text-align:left; padding-top:20px;}
.menu{ width:960px; height:60px; margin:auto;}
.menu ul { width:472px;}
.menu ul li{ float:right; width:118px; height:54px; padding-right:10px; text-align:center; background:url(../images/menubg.png); font-size:14px; line-height:54px; font-weight:bold; margin-left:-13px; cursor:pointer; font-family:"Times New Roman", Times, serif;}
.menu ul li:hover{ background-position:0 -54px;}
.toplink { width:200px; float:right; font-size:16px; font-weight:bold; margin-top:30px;}
.toplink a{ color:#8F9193; font-family:Arial, Helvetica, sans-serif;}
.toplink a:hover{ color:#666;}


.updown { width:560px; float:right; margin-top:20px;}
.updown #downbutton{ width:53px; height:53px; background:url(../images/updown.png); float:right;}
.updown #upbutton{ width:53px; height:53px; background:url(../images/updown.png); background-position:right; float:left;}

.left{ width:196px; float:left;background:url(../images/leftbg.png) repeat-y; height:800px;}
.left .lefttop{ background:url(../images/lefttop-saddlery.png); width:196px; height:65px; text-align:center;}
.left .lefttop h5{font-family:"Times New Roman", Times, serif; font-size:16px; padding-top:24px; color:#fff;}
.left .leftcenter { width:196px; float:left;}
.left .leftcenter li{ font-size:13px; width:166px; margin:0px 15px 0px 15px; float:left;line-height:24px; border-top:2px solid; border-bottom:2px solid; border-color:transparent; font-weight:bold; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.left .leftcenter li.hover{border-top:2px solid #0174bb; border-bottom:2px solid #0174bb; }
.left .leftcenter li.hover a{ color:#0174bb;}
.left .leftcenter:hover .hover{  border-color:transparent; }
.left .leftcenter:hover .hover a{  color:#333; }
.left .leftcenter li:hover{border-top:2px solid #0174bb; border-bottom:2px solid #0174bb; }
.left .leftcenter li:hover a{ color:#0174bb;}
.left .leftcenter .box{ float:left; display:none; height:auto; clear:both; }
.left .leftcenter ul { padding:0px; margin:0px; display:block;}
.left .leftcenter ul li{ font-weight:normal; height:16px; line-height:16px; }

.left .leftbottom{ background:url(../images/lefttop-saddlery.png); width:196px; height:65px; text-align:center; background-position:bottom; float:left;}
.left .leftbottom h5{font-family:"Times New Roman", Times, serif; font-size:16px; padding-top:24px; color:#fff;}
.left .leftbottom p{ line-height:26px; padding-top:10px; color:#666;}

.left .lefttopbag{ background:url(../images/lefttop-bag.png); width:196px; height:65px; text-align:center;}
.left .leftbottombag{ background:url(../images/lefttop-bag.png); width:196px; height:65px; text-align:center; background-position:bottom; float:left;}

.left .leftcenterbag li.hover{border-top:2px solid #e94f18; border-bottom:2px solid #e94f18; }
.left .leftcenterbag li.hover a{ color:#e94f18;}
.left .leftcenterbag li:hover{border-top:2px solid #e94f18; border-bottom:2px solid #e94f18; }
.left .leftcenterbag li:hover a{ color:#e94f18;}


.right { width:725px; float:right;}
.right .banner{width:725px; height:260px;}
.right .title{ width:725px; height:28px; background:#0174bb; color:#FFF; line-height:28px; margin-top:10px;float:left;}
.right .title h5{ font-family:"Times New Roman", Times, serif; font-size:14px; margin-left:10px;}
.right .newpro{ float:left; width:725px;}
.right .prolist{ border-top:3px solid #0174bb;border-bottom:3px solid #0174bb; padding:8px 0px 8px 0px; width:725px; float:left;}
.right .prolist ul{width:725px;}
.right .prolist ul li{ float:left; margin-right:5px; margin-bottom:5px; width:177px;  overflow:hidden;}
.right .prolist ul li p{ line-height:24px;}

.right .titlebag{ width:725px; height:28px; background:#e94f18; color:#FFF; line-height:28px; margin-top:10px;float:left;}
.right .prolistbag{ border-top:3px solid #e94f18;border-bottom:3px solid #e94f18; padding:8px 0px 8px 0px; width:725px; float:left;}


.right .LeftButton2{ display:block; background:url(../images/leftright.png); width:37px; height:37px;}
.right .RightButton2{ display:block; background:url(../images/leftright.png); width:37px; height:37px;}

.main{ width:960px; margin:auto; padding:10px 0px 10px 0px;}
.footer{ background:url(../images/footbg.png) repeat-x; height:83px; clear:both;}
.footer .link{ width:960px; margin:auto; padding-top:30px; font-size:14px; text-align:center;  font-weight:bold; color:#999;}
.footer .link a{color:#999;}
.footer .link a:hover{color:#666;}
.footer .copyrights{ width:960px; margin:auto; text-align:center; color:#999; line-height:26px;}