/* reset.css */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr1
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
a {
	text-decoration:none;
	color:#000;
}
body {
	font:Verdana, Geneva, sans-serif, "宋体", "黑体";
	font-size:12px;
}
input {
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    border: #35a5e5 1px solid;
    border-radius: 4px;
    outline: none;
}
input:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}
/* end reset.css */

/*愚人节页面翻转效果的实现*/
/*html{filter:fliph}/*ie fliph(水平翻转滤镜)，还有flipv垂直翻转滤镜*/
/*body{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-moz-transform: skew(0deg, 180deg) scale(-1, 1);
	-o-transform: skew(0deg, 180deg) scale(-1, 1);
}
/*----------------*/


.clear{
	clear:both;
}

#nav{
	float:left;
	clear:both;
	width:100%;
}

.navul{
	font: bold 14px Verdana;
	list-style-type: none;
	text-align: center;
	line-height:60px;
}

.navul li{
 	color:#FFF;
	display: inline;
	margin: 0;
}

.navul li a{
	height:30px;
	text-decoration: none;
 	color:#FFF;
}

.navul li a:hover{
	color:#F00;
	background-image:url(../images/219title.gif);
}
.submenu{
	position:absolute;
	left:0;
	top:32px;
	padding:5px 10px;
	width:200px;	
	background:#fff;
	display:none;
	z-index:1000;
}
.submenu li{
	float:none;
	display:block;
	}

.spite{
	display: inline; /*For ignore double margin in IE6*/
	margin:0px;
	width:26px;
	height:20px;
	color:#FFF;
	text-align:center;
}

#bottom{
	width:960px; height:100px; padding:0px;background:url(../images/greenbud_bottom.png) no-repeat;
}
#bottom a{
	color:#FFF;
}
#bottommenu{
	margin-left:360px; color:#FFF; text-align:center; line-height:20px;
}

/* 商品列表图片展示 */
/*
<div class="shopshow">
	<ul>
		<li>
			<a href='#'> <img alt='' src='s.jpg' /></a> 
			<span><a href='/'  class="title">托斯卡尼-电脑公文包-商务休闲必备-T1ON6535</a><br />
			<font color="#cc3300">￥1780</font> <s>￥1980元</s></span>
		</li>
	</ul>
</div>
*/
.shopshow {
	padding:0;
	margin:0;
	border:0;
}
.shopshow ul {
	width:100%;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
.shopshow li {
	float:left;
	width:141px;
	padding:3px 3px 5px 2px;
	display:block;
	overflow:hidden;
	font-size:12px;
	list-style:none;
}
.shopshow li span {
	clear:both;
	display:block;
	text-align:center;
	line-height:20px;
	/*height:60px;*/
	overflow:hidden;
}
.shopshow li img {
	width:134px;
	height:108px;
	border:1px #ddd solid;
	padding:3px;
	display:block;
	overflow:hidden;
}

#jqtip   {position:absolute;color:#333;display:none;}
#jqtip s   {position:absolute;top:40px;left:-20px;display:block;width:0px;height:0px;font-size:0px;line-height:0px;border-color:transparent #BBA transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;}
#jqtip s i   {position:absolute;top:-10px;left:-8px;display:block;width:0px;height:0px;font-size:0px;line-height:0px;border-color:transparent #fff transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;}
#jqtip .jqt_box   {position:relative;background-color:#CCC;filter:alpha(opacity=50);-moz-opacity:0.5;bottom:-3px;right:-3px;}
#jqtip .jqt_box div  {position:relative;background-color:#FFF;border:1px solid #ACA899;background:#FFF;padding:1px;top:-3px;left:-3px;}
.jqtip   {}

.linkpath {
	color:#666;
}
.linkpath a {
	color:#666;
}
.linkpath a:hover {
	color:#F00;
}

.seeall{
	float:right;
	margin-right:20px;
}
.seeall a{
	color:#C00;
}