﻿/*全局*/
html
{
  background:#000 url(top_01.gif) repeat-x left top;
}
body
{
    padding: 0px;
    margin:0px;
    background:url(foot_01.gif) repeat-x left bottom;
    font-family: Arial;
    font-size: 12px;
    color: #8d6845;
}
A:link
{
	text-decoration: none; color:#DD127B;
}
A:visited
{
	text-decoration: none; color:#DD127B;
}
A:hover
{
	text-decoration: underline; color:#A91160;
}

.divcenter{margin-left: auto; margin-right: auto}
.divwidth1{width: 100%;}
.divwidth2{width: 960px;}
.clear{clear:both;}

input      { font-family:  Arial; font-size: 12px }
select     { font-family:  Arial; font-size: 12px }
textarea   { font-family:  Arial; font-size: 12px }
img  {  border: 0px none; }
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img{margin:0;padding:0;}
ul,ol{list-style:none;}

.BlackTxt 
{
    color:#000000;
}
.BlackLink a:link,.BlackLink a:visited
{
    color:#000000;
    text-decoration:none;
}
.BlackLink a:hover
{
    color:#0972BA;
    text-decoration:underline;
}

.WhiteTxt 
{
    color:#FFFFFF;
}
.WhiteLink a:link,.WhiteLink a:visited
{
    color:#FFFFFF;
    text-decoration:none;
}
.WhiteLink a:hover
{
    color:#000000;
    text-decoration:none;
}

.cartCount
{
  padding-left:5px;
  font-weight:bold;
  color:#fff;
}

/*header*/
#header
{
  height:145px;
  overflow:hidden;
}
#header .hl
{
  float: left;
  width: 255px;
  background:url(top_02.gif) no-repeat left top;
}
#header .hr
{
  float: right;
  padding-right:8px;
  text-align:right;
  height:100%;
}
#header .hr .dh
{
  margin-top:18px;
  white-space:nowrap;
  color:#D9C6AE;
}
#header .hr .dh a
{
  padding:0px 5px;
  color:#D9C6AE;
}
#header .hr .dh a:hover
{
  color:#D9C6AE;
  text-decoration:underline;
}
#header .hr .dh .r
{
  padding:0px 5px;
}

.loginSiteTrue
{
  width:135px;
  height:45px;
  overflow:hidden;
  line-height:23px;
  text-align:center;
  background:url(top_09.gif) no-repeat left top;
}
.loginSiteTrue a
{
  font-family:Tahoma;
  padding-left:10px;
  margin-right:8px;
  background:url(ico_01.gif) no-repeat left center;
}

/*用户&模态*/
.modalBackground
{
  background-color:#000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modaltitle
{
  width:100%;
  height:44px;
  overflow:hidden;
  border-bottom:solid 2px #050000;
  background:url(modal_01.gif) no-repeat left top;
}
.modaltitle img
{
  margin-left:16px;
}
.modalBtn
{
  width: 93px;
  height: 27px;
  overflow: hidden;
  border: 0px none;
  color: #555;
  font-weight: bold;
  background: url(btn_03.gif) no-repeat left top;
}
.modalClose a
{
    display:block;
    background-position: left top;
    background-image: url(close.gif);
    background-repeat: no-repeat;
    width: 10px;
    height:8px;
}
.modalClose a:hover
{
    background-position: -18px top;
}
.modalLogin
{
  color:#333;
}
.modalLogin .title
{
  font-weight:bold;
  text-align:center;
  line-height:30px;
}
.modalLogin .dd
{
  height:30px;
}
.modalLogin .fl
{
  float:left;
  width:90px;
  font-weight:bold;
  padding-right:5px;
  text-align:right;
  *padding-top:3px;
}
.modalLogin .fr
{
  float:left;
}
.modalLogin .c1, .modalLogin .c2, .modalLogin .c3
{
  text-align:center;
  height:30px;
  line-height:30px;
  overflow:hidden;
}
.modalLogin .c1
{
  color:#ff0000;
}
.modalLogin .c2 input
{
  margin-right:8px;
}
.modalLogin .c4
{
  margin-top:5px;
}

/*导航*/
#nav
{
  text-align:right;
  padding-top:10px;
  padding-right:10px;
}
#nav a img
{
  padding:0px 8px;
}
#nav a:hover img
{
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.webpath
{
  font-family:Tahoma;
  height: 28px;
  color:#E8CDAB;
  line-height: 28px;
  overflow: hidden;
  background: url(ico_01.gif) no-repeat 10px center;
  padding-left:18px;
}
.webpath a:link,.webpath a:visited
{
  color:#E8CDAB;
}
.webpath a:hover
{
  color:#E8CDAB;
}

/*products*/
.products
{
  width:100%;
}
.products li
{
  float:left;
  width:132px;
  height:320px;
  overflow:hidden;
  display:inline;
  margin-left:12px;
  text-align:center;
}
.products li .c1 a img
{
  width:130px;
  height:212px;
  border:solid 1px #CFB08A;
}
.products li .c1 a:hover img
{
  border:solid 1px #000;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.products li .c2
{
  height:50px;
  line-height:24px;
  overflow:hidden;
}

.hotpro li
{
  width:137px;
  margin-left:35px;
}
.hotpro li .c1 a img
{
  width:135px;
  height:220px;
  border:solid 1px #CFB08A;
}

/*sidebar*/
#sidebar
{
  float:left; 
  width:234px;
}
#sidebar .columns
{
  background:#E9BB84 url(left_06.gif) repeat-x left bottom;
}
#sidebar .columns .c1
{
  margin:0px 2px;
}
#sidebar .columns .c1 .cc1
{
  height: 34px;
  overflow: hidden;
  background: url(left_02.gif) repeat-x left top;
  text-align: center;
}
#sidebar .columns .c1 .cc2
{
  background-repeat: repeat-x;
  background-position: left top;
}

/*title_name*/
.title_name
{
  height:60px;
  overflow:hidden;
  background:url(title_01.gif) no-repeat left top;
}
.title_name .title_1
{
  height:100%;
  background:url(title_02.gif) no-repeat right top;
  font-size:14px;
  font-weight:bold;
  color:#A27F4E;
}
.title_name .title_1 .cc, .title_name .title_1 .c1
{
  padding-left:56px;
  padding-top:28px;
}
.title_name .title_1 .c1
{
  float:left;
}
.title_name .title_1 .c2
{
  float: right;
  padding-top:22px;
  padding-right: 15px;
  font-size: 12px;
  font-weight: normal;
}

/*pages*/
.pages
{
  
}
.pages span
{
  margin-left:8px;
}
.pages .ps select
{

}
.pages a
{
  margin-left:8px;
}
.pages .enabled
{
  color:#8B8989;
}

/*footer*/
#footer
{
  height:118px;
  overflow:hidden;
  color:#D9C6AE;
}
#footer .hl
{
  float:left;
  width:240px;
  margin-top:28px;
}
#footer .hr
{
  float:left;
  margin-top:28px;
}
#footer .hr .r
{
  padding:0px 5px;
}
#footer .hr .c1
{
  margin-top:10px;
}
#footer .hr .c2
{
  margin-top:14px;
}
#footer .hr .c2 span
{
  padding-left:5px
}
#footer .hr a
{
  padding:0px 5px;
  color:#D9C6AE;
}
#footer .hr a:hover
{
  color:#D9C6AE;
  text-decoration:underline;
}
/*userleft*/
.userli
{
  margin:8px 0px;
}
.userli li
{
  height:30px;
  line-height:30px;
  text-align:right;
  background:url(user_03.gif) no-repeat left bottom;
}
.userli li a
{
  display:block;
  padding:0px 40px;
  height:100%;
  font-family:Tahoma;
}
.userli li a:hover
{
  background:url(user_03.gif) repeat-y left top;
  color:#FF7E00;
  text-decoration:none;  
}
.userli li a span
{
  padding-left:15px;
}
.userli li a:hover span
{
  background:url(ico_07.gif) no-repeat left 5px;
}
.userli .selectum a
{
  background:url(user_03.gif) repeat-y left top;
  color:#FF7E00;
  text-decoration:none; 
}
.userli .selectum a span
{
  background:url(ico_07.gif) no-repeat left 5px;
}
