/*
Template Name: Coffee
Template URI: http://www.winbo4x4.com/
Description: The Coffee template for ECSHOP 2.6.1
Version: 2.6.1
Author: GUI：Yecoir /---------/ CODE：Luhengqi
Author URI: http://www.winbo4x4.com/
Logo filename: logo.gif
*/

@import url(css/layout.css); /*布局*/
@import url(css/component.css); /*模块部分*/

/*  ==================== 全局通用部分 ====================  */
* html {
  filter:expression(document.execCommand("BackgroundImageCache", false, true));
}
body,p,td,th,input,select,textarea {
  font: normal normal 12px Arial;
  margin: 0;  padding: 0;
}
ul,ol,dl,dt,dd,form {
  margin: 0;  padding: 0;
}
ul,ol {
  list-style: none;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 12px;
  margin: 0;  padding: 0;
}
body {
  background: url(images/bg.jpg);
}
img {
  border: 0;
}
textarea {
  padding: 3px;
  border: 1px solid #694700;
}
acronym{
background:url(images/icon_list_arrow02.gif) no-repeat left;
padding-right:8px;
}
a:link,a:visited {
  color: #666666;
  text-decoration: none;
}
a:hover,a:active {
  text-decoration: underline;
}
.vAlign {
  vertical-align: middle;
}
a.linkSkyblue,
a:visited.linkSkyblue,
.linkSkyblue a,
.linkSkyblue a:visited {
  color: #ababab;
  text-decoration: underline;
}
a:hover.linkSkyblue,
.linkSkyblue a:hover {
  color: #ababab;
}
.listStyle {
  padding: 10px;
}
.listStyle a,
.listStyle a:visited {
  color: #ababab;
}
.listStyle li {
  color: #ababab;
  background: url(images/icon_list_arrow01.gif) no-repeat left 6px;
  width: 90%;
  padding-left: 12px;    margin-bottom: 3px;
}
.listStyle .fRight {
  color: #999;
  float: right;
}
#rss {
  text-align: center;
  margin: -20px 0 20px 0;
}
.textDesc {
  color: #999;
}
.textStrong {
  color: #f60;
}
.textTime {
  font: 10px Arial;
  color: #999;
  margin-left: 5px;
}
.btnBlue {
  display: block;
  background: url(images/btn_blue_l.gif) no-repeat left center;
  float: left;
  padding-left: 1px;    margin-right: 3px;
}
.btnBlue a,
.btnBlue a:visited {
  line-height: 17px;
  color: #694700;
  background: url(images/btn_blue_r.gif) no-repeat right center;
  float: left; display:inline; white-space:nowrap; overflow:visible;
  padding: 2px 10px;
}
.msgNocice {
  background: #f1fafd url(images/icon_notice.gif) no-repeat 10px center;
  padding: 10px 5px 10px 40px;    margin: 10px 5px;
  border: 1px solid #a5d2eb;
}
#loader {
  background-color: #ffc;
  border: 0px solid #cc0;
  position: fixed;
  color: #CC0000;
  z-index: 995;
  left: 0px;
  bottom: 0px;
  padding: 5px 15px;
  /*display: none;*/
  filter: alpha(opacity=65);
  opacity: 0.65;
}
* html #loader {
  position: absolute;
}
.watermark_small {
  display: block;
  text-indent: -9999px;
  width: 31px;    height: 15px;
  margin-right: 3px;
  float: left;
}
.watermark_promote_small {
  background: url(images/watermark_promote_small.gif) no-repeat;
}
.watermark_new_small {
  background: url(images/watermark_new_small.gif) no-repeat;
}
.watermark_best_small {
  background: url(images/watermark_best_small.gif) no-repeat;
}
.watermark_hot_small {
  background: url(images/watermark_hot_small.gif) no-repeat;
}













/*品牌列表*/
#brandList{background:#ffffff url(images/brandBg.gif) repeat-y top center; height:1%;}
#brandList .brandBox{width:324px; _width:315px; float:left; margin:0 5px 20px 5px; text-align:center; overflow:hidden; height:160px;}
#brandList .brandBox .brandLogo{width:188px; height:52px; overflow:hidden;}
#brandList .brandBox h4{height:23px; line-height:23px; background:#e9e9e9; margin:15px 0 8px 0; padding:0 10px; text-align:right;font-weight:100; font-size:12px;}
#brandList .brandBox h4 span,#brandList .brandBox h4 span a{float:left; font-weight:bold; color:#3f3f3f; text-decoration:none;}
#brandList p{text-align:left; margin-bottom:5px; color:#909090;}
#brandList p.brandCategory,#brandList p.brandCategory a{text-align:left; color:#006acd; text-decoration:none;}
#brandList .brandArticle{border:1px dashed #d9d9d9; background:#f8f8f8; text-align:left;}
.brandCategoryA a{ margin-right:15px;}




/* common styling */
/* set up the overall width of the menu div, the font and the 
margins */
.menuxl {
font-family: arial, sans-serif; 
width:995px; 
margin:0; 
margin:0px 0px 0px 0px;
text-decoration:none;


}
/* remove the bullets and set the margin and padding to zero for 
the unordered list */
.menuxl ul {
padding:0px; 
margin:0px;
list-style-type: none;
text-decoration:none;
}
/* float the list so that the items are in a line and their 
position relative so that the drop down list will appear in the 
right place underneath each list item */
.menuxl ul li {
float:left; 
position:relative;
text-decoration:none;
}
/* style the links to be 104px wide by 30px high with a top and 
right border 1px solid white. Set the background color and the font 
size. */
.menuxl ul li a, .menuxl ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:112px; 
height:30px; 
color:#ffffff; 
border:0px solid #fff;
border-width:0px 0px 0 0;
background-image:url(bg.jpg);
line-height:29px; 
font-size:12px;
text-decoration:none;
}
/* make the dropdown ul invisible */
.menuxl ul li ul {
display: none;
text-decoration:none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on 
hover */
.menuxl ul li:hover a {
color:#fff; 
background-image:url(bg2.jpg);
text-decoration:none;
}
/* make the sub menu ul visible and position it beneath the main 
menu list item */
.menuxl ul li:hover ul {
display:block; 
position:absolute; 
top:30px; 
left:0; 
width:112px;
text-decoration:none;
}
/* style the background and foreground color of the submenu links 
*/
.menuxl ul li:hover ul li a {
display:block; 
background:#999999; 
color:#000;
text-decoration:none;
}
/* style the background and forground colors of the links on hover 
*/
.menuxl ul li:hover ul li a:hover {
background:#666666; 
color:#000;
text-decoration:none;
}

<!--[if lte IE 6]>
/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see 
if IE7 handles li:hover */
/* Get rid of any default table style */
table {
border-collapse:collapse;
margin:0; 
padding:0;
text-decoration:none;
}
/* ignore the link used by 'other browsers' */
.menuxl ul li a.hide, .menuxl ul li a:visited.hide {
display:none;
text-decoration:none;
}
/* set the background and foreground color of the main menu link on 
hover */
.menuxl ul li a:hover {
color:#fff; 
background:#666666;
background-image:url(bg2.jpg);
text-decoration:none;
}
/* make the sub menu ul visible and position it beneath the main 
menu list item */
.menuxl ul li a:hover ul {
display:block; 
position:absolute; 
top:34px; 
left:0; 
width:112px;
text-decoration:none;
}
/* style the background and foreground color of the submenu links 
*/
.menuxl ul li a:hover ul li a {
background:#999999; 
color:#000;
text-decoration:none;
}
/* style the background and forground colors of the links on hover 
*/
.menuxl ul li a:hover ul li a:hover {
background:#666666; 
color:#000;
text-decoration:none;
}