@charset "utf-8";
/* Main layout */
body {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff url(../images/bg-body.png) repeat-x;
	margin: 0px auto;
	padding: 0px;
	border-style: none;
	text-align: center;
}
div {
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-style: none;
	position: static;
}
img {
	border-style: none;
}
ul, ol {
	margin: 0px;
	padding: 15px 0px 0px 30px;
}
li {
	line-height: 130%;
	list-style: url(../images/list.png);
}
p {
	line-height: 130%;
	margin: 0px;
	padding: 15px 0px 0px;
	text-align: justify;
}
form {
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	font: 0.9em Arial, Helvetica, sans-serif;
	padding: 1px;
}
option {
	color: #000;
	background: #fff;
}
fieldset {
	border: 1px solid #ccc;
	margin: 15px 0px 0px;
	padding: 0px 15px 10px;
}
legend {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 0px -4px;
	padding: 0px 5px;
	color: #000;
}
h1, h2, h3, h4 {
	margin: 0px;
	padding: 15px 0px 0px;
	color: #000;
	font-weight: normal;
	font-size: 1.3em;
}
h1 {
	display: block;
	font-size: 1.4em;
	position: relative;
	margin: 300px auto 0px;
	z-index: 1;
	padding: 0px;
	text-align: left;
	width: 415px;
	padding:0px;	
	margin-bottom:0px;
}
#detail h1 {
	margin: 290px auto 0px;
	
}
hr {
	display: none;
}
table {
	margin: 10px 0px 0px;
	padding: 0px;
	width: 100%;
	border-style: none;
}
td {
	margin: 0px;
	padding: 2px;
}
a, a:Hover {
	font-weight: bold;
	color: #d32725;
	text-decoration: underline;
}
a:Hover {
	color: #000;
}
#mother {
	margin: 0px auto;
	width: 985px;
	padding: 271px 0px 0px;
}
#detail #mother {
	padding: 281px 0px 0px;
}
#right {
	float: right;
	width: 742px;
	position: relative;
	margin: -321px 0px 0px;
}
#left {
	float: right;
	width: 237px;
	margin: -321px 6px 0px 0px;
	position: relative;
}
#search {
	background: url(../images/bg-search.png) no-repeat;
	padding: 0px 5px 0px 10px;
	height: 36px;
}
#keyword {
	float: left;
	padding: 10px 0px 0px;
}
#keyword input {
	background: #fff url(../images/bg-keyword.png) repeat-x;
	border-style: none;
	width: 145px;
}
#submit {
	float: right;
	padding: 5px 0px 0px;
}
#left-in {
	background: #848d99 url(../images/bg-left-in.png) no-repeat;
	margin: 8px 0px 0px;
	padding: 8px 5px 3px;
	width: 227px;
}
#left-in h3, #left-in #menu-title {
	color: #fff;
	background: #3f4a5a url(../images/bg-h3-left.png) no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	margin: 8px 0px 0px;
	padding: 9px 0px 8px 10px;
}
#left-in #menu-title {
	background: #3f4a5a url(../images/bg-h3-menu.png) no-repeat;
	margin: 0px;
}
#left-in p {
	text-align: left;
	padding: 10px 0px 0px;
}
#left-in ul {
	padding-top: 10px;
}
#left-in .first {
	margin: 0px;
}
#left-in .box, #left-in #menu {
	background: url(../images/bg-left-box.png);
	padding: 3px 5px 0px;
	width: 217px;
}
#left-in #menu {
	background: url(../images/bg-left-menu.png);
	padding: 3px 2px 7px;
	width: 223px;
}
#menu ul {
	padding: 5px 0px 0px;
}
#menu ul li {
	line-height: normal;
	display: inline;
	list-style: url(none) none;
}
#menu ul li a, #menu ul li a:Hover, #menu .sub-menu li a, #menu .sub-menu li a:Hover {
	background: #dfe0e3 url(../images/bg-menu-1st.png) 0px 0px;
	display: block;
	height: 24px;
	color: #000;
	text-decoration: none;
}
#menu .sub-menu li a {
	background: #dfe0e3 url(../images/bg-sub-menu-1st.png) 0px 0px;
}
#menu ul li .selected, #menu ul li .selected:Hover, #menu .sub-menu li .selected, #menu .sub-menu li .selected:Hover {
	background: #dfe0e3 url(../images/bg-menu-1st-selected.png);
	color: #fff;
	text-decoration: underline;
}
#menu ul li a:Hover {
	background: #b4b9c0 url(../images/bg-menu-1st.png) 0px 24px;
}
#menu .sub-menu li a:Hover {
	background: #b4b9c0 url(../images/bg-sub-menu-1st.png) 0px 24px;
}
#menu ul li a span, #menu ul li a:Hover span {
	display: block;
	padding: 4px 0px 0px 35px;
}
#menu ul li ul {
	padding: 0px 0px 7px 35px;
}
#menu ul li ul li a, #menu ul li ul li a:Hover {
	background: url(../images/bg-menu-2nd.png) no-repeat 0px 11px;
	color: #fff;
	display: block;
	padding: 5px 0px 0px 20px;
	height: auto;
}
#menu ul li ul li a:Hover {
	text-decoration: underline;
}
#menu .sub-menu {
	padding: 20px 0px 0px;
}
#left-in .box .box-in-top {
	font-size: 1px;
	background: url(../images/bg-left-box-in-top.png);
	height: 5px;
}
#left-in .box .box-in {
	background: #fff url(../images/bg-left-box-in.png);
}
#left-in .box .box-in .box-in-in {
	background: url(../images/bg-left-box-in-in.png) no-repeat left bottom;
	padding: 0px 8px 15px;
}
#left-in .box-end, #left-in .menu-end {
	font-size: 1px;
	background: url(../images/bg-left-box-end.png);
	height: 5px;
	clear: both;
	width: 227px;
}
#left-in .menu-end {
	background: url(../images/bg-left-menu-end.png);
}
#left-in #news .box-in-in {
	padding-top: 5px;
}
#login .links {
	text-align: right;
	font-size: 0.9em;
}
#login .links a, #login .links a:Hover {
	font-weight: normal;
	color: #000;
}
#login .links a:Hover {
	color: #d32725;
}
#user, #password, #memorize {
	padding: 5px 0px 0px;
}
#password, #memorize {
	clear: both;
}
#user span, #password span, #memorize span {
	display: block;
	float: left;
	font-weight: bold;
	padding: 3px 0px 0px;
	text-align: right;
	width: 60px;
}
#memorize span {
	font-weight: normal;
	text-align: left;
	width: auto;
}
#user input, #password input {
	float: right;
	background: url(../images/bg-login-input.png) no-repeat;
	border-style: none;
	padding: 5px 3px;
	width: 122px;
}
#memorize a, #memorize a:Hover {
	display: block;
	float: right;
	color: #fff;
	text-decoration: none;
	background: #d32725 url(../images/button-login.png);
	height: 24px;
	width: 78px;
	font-weight: bold;
}
#memorize a:Hover {
	color: #fc0;
}
#memorize a span, #memorize a:Hover span {
	text-align: center;
	display: block;
	padding: 4px 0px 0px;
	width: 78px;
}
.news-list .news {
	background: #323232 url(../images/bg-news.png) no-repeat;
	width: 201px;
}
.news-list .news .title, .news-list .news .title:Hover {
	font-weight: bold;
	color: #fff;
	padding: 5px 0px 0px 5px;
	float: left;
	display: block;
	text-decoration: none;
}
.news-list .news .title:Hover {
	color: #fc0;
}
.news-list .news .date {
	color: #fc0;
	padding: 5px 5px 0px 0px;
	float: right;
	font-size: 0.9em;
	display: block;
}
.news-list .news div {
	font-size: 1px;
	background: #323232 url(../images/bg-news-end.png);
	clear: both;
	height: 5px;
}
#left-in .news-list p {
	padding: 8px 8px 3px;
}
.news-list .buy {
	background: url(../images/bg-news-button.png) no-repeat;
	width: 53px;
	margin: -24px 0px 0px 155px;
	height: 24px;
}
.news-list .buy a, .news-list .buy a:Hover {
	font-size: 0.9em;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 6px 0px 0px;
	font-weight: normal;
}
#help a, #help a:Hover {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
#help a:Hover {
	color: #d32725;
}
#tags p {
	line-height: 150%;
	word-spacing: 5px;
}
#tags a, #tags a:Hover {
	font-weight: bold;
	color: #000;
}
#tags a:Hover {
	color: #d32725;
}
#tags .size1 {
	font-size: 1.2em;
}
#tags .size2 {
	font-size: 1.4em;
}
#cert p {
	text-align: center;
}
#left-end {
	font-size: 1px;
	background: url(../images/bg-left-end.png);
	height: 5px;
}
#cats {
	height: 114px;
	width: 985px;
	top: 134px;
	position: absolute;
	left: auto;
	right: auto;
}
#cats ul {
	margin: 0px;
	padding: 0px;
}
#cats ul li {
	line-height: normal;
	list-style: url(none) none;
	display: inline;
}
#cats ul li a, #cats ul li a:Hover {
	display: block;
	margin: 0px 11px 0px 0px;
	float: left;
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 84px 2px 0px;
	width: 84px;
	height: 30px;
	line-height: 110%;
}
#cats ul li .last, #cats ul li .last:Hover {
	margin: 0px;
}
#cat-a {
	background: #435062 url(../images/cat-a.png) 0px 0px;
}
#cat-a:Hover {
	background: #d32725 url(../images/cat-a.png) 0px 114px;
}
#cat-b {
	background: #435062 url(../images/cat-b.png) 0px 0px;
}
#cat-b:Hover {
	background: #d32725 url(../images/cat-b.png) 0px 114px;
}
#cat-c {
	background: #435062 url(../images/cat-c.png) 0px 0px;
}
#cat-c:Hover {
	background: #d32725 url(../images/cat-c.png) 0px 114px;
}
#cat-d {
	background: #435062 url(../images/cat-d.png) 0px 0px;
}
#cat-d:Hover {
	background: #d32725 url(../images/cat-d.png) 0px 114px;
}
#cat-e {
	background: #435062 url(../images/cat-e.png) 0px 0px;
}
#cat-e:Hover {
	background: #d32725 url(../images/cat-e.png) 0px 114px;
}
#cat-f {
	background: #435062 url(../images/cat-f.png) 0px 0px;
}
#cat-f:Hover {
	background: #d32725 url(../images/cat-f.png) 0px 114px;
}
#cat-g {
	background: #435062 url(../images/cat-g.png) 0px 0px;
}
#cat-g:Hover {
	background: #d32725 url(../images/cat-g.png) 0px 114px;
}
#cat-h {
	background: #435062 url(../images/cat-h.png) 0px 0px;
}
#cat-h:Hover {
	background: #d32725 url(../images/cat-h.png) 0px 114px;
}
#cat-i {
	background: #435062 url(../images/cat-i.png) 0px 0px;
}
#cat-i:Hover {
	background: #d32725 url(../images/cat-i.png) 0px 114px;
}
#cat-j {
	background: #435062 url(../images/cat-j.png) 0px 0px;
}
#cat-j:Hover {
	background: #d32725 url(../images/cat-j.png) 0px 114px;
}
#header {
	height: 134px;
	position: absolute;
	left: auto;
	top: 0px;
	right: auto;
	width: 985px;
}
#header ul {
	padding: 3px 0px;
	float: right;
	border-right: 1px solid #cbcfd3;
	border-bottom: 1px solid #cbcfd3;
	border-left: 1px solid #cbcfd3;
	background: #102138;
}
#header ul li {
	line-height: normal;
	display: inline;
	list-style: url(none) none;
}
#header ul li a, #header ul li a:Hover {
	font-size: 0.9em;
	font-weight: normal;
	color: #fff;
	padding: 0px 3px;
	border-right: 1px solid #fff;
}
#header ul li a:Hover {
	color: #ffa454;
}
#header ul li .last, #header ul li .last:Hover {
	border-style: none;
}
#logo {
	float: left;
	margin: 25px 0px 0px 20px;
	height: 53px;
	width: 276px;
	display: inline;
}
#logo a, #logo a:Hover {
	display: block;
	height: 53px;
	width: 276px;
	position: absolute;
}
#logo h2 {
	font-size: 1.5em;
	color: #000;
	padding: 0px;
}
#logo h3 {
	font-size: 1em;
	color: #000;
	padding: 0px;
}
#basket {
	background: #d32725 url(../images/bg-basket.png);
	margin: 10px 0px 0px;
	float: right;
	height: 83px;
	width: 238px;
}
#basket a, #basket a:Hover {
	background: url(../images/icon-basket.png);
	margin: 10px 10px 0px;
	float: left;
	height: 64px;
	width: 68px;
}
#basket p {
	color: #fff;
	padding: 25px 0px 0px;
	display: block;
	float: left;
}
#phone {
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	display: block;
	float: right;
	padding: 40px 20px 0px 0px;
}
#footer {
	background: #2f3d52 url(../images/bg-footer.png) repeat-x;
	text-align: center;
	padding: 0px 0px 50px;
	margin: 15px 0px 0px;
}
#bar {
	margin: 0px auto;
	background: url(../images/bg-bar.png);
	height: 28px;
	width: 985px;
}
#bar-left {
	background: url(../images/bg-bar-left.png);
	float: left;
	height: 28px;
	width: 5px;
}
#bar-in {
	text-align: center;
	padding: 5px 0px 0px;
	width: 975px;
	color: #fff;
	float: left;
	font-weight: bold;
	word-spacing: 10px;
}
#bar-in a, #bar-in a:Hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#bar-in a:Hover {
	color: #fc0;
}
#bar-right {
	background: url(../images/bg-bar-right.png);
	float: right;
	height: 28px;
	width: 5px;
}
#copyright {
	background: url(../images/bg-copyright.png) repeat-x;
	height: 34px;
	margin: 12px auto 0px;
	width: 985px;
	color: #fff;
	font-size: 0.9em;
}
#copyright a, #copyright a:Hover {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
#copyright a:Hover {
	color: #fc0;
}
#copyright-left {
	background: url(../images/bg-copyright-left.png) no-repeat;
	padding: 11px 0px 2px 10px;
	float: left;
	height: 21px;
	width: 440px;
}
#copyright-right {
	background: url(../images/bg-copyright-right.png) no-repeat top right;
	padding: 11px 10px 2px 0px;
	float: right;
	height: 21px;
	width: 440px;
	text-align: right;
}
#copyright-right .rss {
	background: url(../images/icon-rss.png) no-repeat;
	padding: 0px 0px 0px 17px;
}
#copyright span {
	background: url(../images/icon-logo.png);
	display: block;
	margin: -17px 0px 0px 0px;
	height: 84px;
	width: 85px;
	float: left;
	position: relative;
}
#content-top {
	font-size: 1px;
	background: url(../images/bg-content-top.png);
	height: 5px;
	margin: 3px 0px 0px;
}
#content {
	background: url(../images/bg-content.png);
	width: 742px;
}
#content-in {
	padding: 0px 6px 0px 5px;
}
#content-in h3, .article-in h3 {
	color: #fff;
	background: #3f4a5a url(../images/bg-h3-content.png) no-repeat;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px 0px 4px;
	padding: 6px 0px 6px 10px;
}
.article-in h3 {
	background: #3f4a5a url(../images/bg-h3-article.png) no-repeat;
}
#content-end {
	font-size: 1px;
	background: url(../images/bg-content-end.png);
	height: 5px;
}
.article-top {
	font-size: 1px;
	background: #fff url(../images/bg-article-top.png);
	height: 5px;
	margin: 3px 0px 0px;
}
.article {
	background: #fff url(../images/bg-article.png);
	width: 742px;
}
.article-in {
	padding: 0px 6px 10px 5px;
}
.article-in p {
	padding: 15px 31px 0px 30px;
	font-size: 0.9em;
}
.article-in .title {
	background: #282828 url(../images/bg-article-title.png) no-repeat;
	margin: 15px 0px 0px 30px;
	height: 25px;
	width: 670px;
	color: #fff;
	font-size: 0.9em;
}
.article-in .title a, .article-in .title a:Hover {
	color: #fff;
	text-decoration: none;
}
.article-in .title a:Hover {
	color: #fc0;
}
.article-in .title span {
	display: block;
	float: left;
	padding: 5px 0px 0px 10px;
}
.article-in .title .date {
	font-weight: bold;
	color: #a5daff;
}
.article-in .title .rating {
	padding: 5px 10px 0px 0px;
	float: right;
}
.article-end {
	font-size: 1px;
	background: #fff url(../images/bg-article-end.png);
	height: 5px;
}
.product, product-right {
	background: #fff url(../images/bg-product.png);
	margin: 1px 1px 0px 0px;
	float: left;
	width: 243px;
	padding: 5px 0px 0px;
}
.product-right {
	margin: 1px 0px 0px 0px;
}
.product-in {
	background: url(../images/bg-product-in.png);
}
.product-in-in {
	background: url(../images/bg-product-in-in.png) no-repeat left bottom;
	padding: 0px 10px 5px;
}
.product-in-in h4, #action h4 {
	padding: 5px 0px 0px;
	font-size: 1.2em;
}
.product-in-in h4 a, .product-in-in h4 a:Hover, #action h4 a, #action h4 a:Hover {
	font-weight: normal;
}
.product-in-in .image, #action .image {
	background: url(../images/bg-product-image.png);
	margin: 8px 0px 0px;
	float: left;
	height: 113px;
	width: 113px;
}
.product-in-in .image a, .product-in-in .image a:Hover, #action .image a, #action .image a:Hover {
	text-align: center;
	display: block;
	margin: 3px 0px 0px;
	height: 108px;
}
.product-in-in .price, #action .price {
	background: #f5f6f6 url(../images/bg-price.png) no-repeat right top;
	float: left;
	margin: 30px 0px 0px;
	width: 110px;
	height: 75px;
}
#action .price {
	width: 88px;
}
.product-in-in .price p, #action .price p {
	font-size: 1.2em;
	color: #d32725;
	text-align: center;
}
.product-in-in .price .vat {
	font-size: 0.7em;
	color: #000;
}
.product-in-in p, #action p {
	text-align: left;
	padding: 7px 0px 0px;
}
.product-in-in .buy, .product-in-in .buy:Hover, #action .buy, #action .buy:Hover, #sub-info-in .buy, #sub-info-in .buy:Hover {
	background: #d32725 url(../images/button-buy.png) 0px 0px;
	height: 24px;
	width: 100px;
	display: block;
	margin: 0px 0px 0px 5px;
	color: #fff;
	text-decoration: none;
}
#sub-info-in .buy, #sub-info-in .buy:Hover {
	margin: 0px 0px 0px 70px;
}
.product-in-in .buy:Hover, #sub-info-in .buy:Hover {
	background: #d32725 url(../images/button-buy.png) 0px 24px;
}
#action .buy, #action .buy:Hover {
	background: #d32725 url(../images/button-buy-small.png);
	width: 78px;
}
#action .buy:Hover {
	color: #fc0;
}
.product-in-in .buy span, #action .buy span, #sub-info-in .buy span {
	display: block;
	padding: 2px 0px 0px 11px;
	text-align: left;
	font-size: 0.8em;
}
#sub-info-in .buy span {
	padding: 4px 0px 0px 11px;
	font-size: 1em;
}
.product-in-in .action, .product-in-in .sale, .product-in-in .shipping, .product-in-in .new, .product-in-in .top, #icons .action, #icons .sale, #icons .shipping, #icons .new, #icons .top {
	background: url(../images/icon-action.png);
	height: 15px;
	width: 36px;
	margin: 0px 5px 0px 0px;
	float: left;
}
#icons .action, #icons .sale, #icons .shipping, #icons .new, #icons .top {
	float: right;
	margin: 0px 0px 0px 5px;
}
#detail #icons .shipping{
	left:70px;
	position:absolute;
	top:280px;
}

.product-in-in .sale, #icons .sale {
	background: url(../images/icon-sale.png);
	width: 53px;
}
.product-in-in .shipping, #icons .shipping {
	background: url(../images/icon-shipping.png);
	width: 151px;
	height: 20px;
	
}
.product-in-in .shipping{
	position:relative;
	top: -5px;
}
.product-in-in .new, #icons .new {
	background: url(../images/icon-new.png);
	width: 53px;
}
.product-in-in .top, #icons .top {
	background: url(../images/icon-top.png);
	width: 36px;
}
.product-in-in .desc, #action .desc {
	clear: both;
	display: block;
	width: 223px;
}
#action .desc {
	width: 201px;
}
.product-in-in .details, .product-in-in .details:Hover, #action .details, #action .details:Hover {
	background: #3f4a5a url(../images/button-details.png);
	height: 24px;
	width: 108px;
	display: block;
	color: #fff;
	text-decoration: none;
	float: left;
	margin: 7px 0px 0px;
}
.product-in-in .details:Hover, #action .details:Hover {
	color: #fc0;
}
.product-in-in .details span, #action .details span {
	text-align: center;
	display: block;
	padding: 3px 0px 0px;
	font-size: 0.9em;
}
.product-in-in .stock, #action .stock {
	color: #090;
	background: url(../images/icon-package.png) no-repeat;
	display: block;
	float: right;
	font-weight: bold;
	margin: 5px 0px 0px;
	padding: 5px 0px 5px 30px;
}
.cleaner {
	font-size: 1px;
	clear: both;
	height: 1px;
}
.right {
	text-align: right;
}
/* Home */
#home-info {
	background: #eeefef url(../images/bg-home-info.jpg);
	height: 210px;
}
#home-info div {
	padding: 70px 370px 0px 43px;
	text-align: left;
}
#more-info {
	background: #435062 url(../images/bg-more-info.jpg);
	height: 24px;
	line-height: normal;
	display: block;
	padding: 0px;
}
#more-info a, #more-info a:Hover {
	color: #fff;
	background: url(../images/bg-more-info-link.png) no-repeat right 1px;
	display: block;
	padding: 0px 25px 5px 43px;
	float: left;
}
#more-info a:Hover {
	color: #fc0;
}
#guide {
	background: #435062 url(../images/bg-guide.png);
	margin: 3px 0px 0px;
	width: 742px;
}
#guide-in {
	background: url(../images/bg-guide-in.jpg) no-repeat 0px 0px;
	padding: 20px 0px 35px 50px;
}
.cat {
	float: left;
	width: 300px;
	margin: 0px 30px 0px 0px;
}
.cat h3 {
	font-size: 1.1em;
	padding: 20px 0px 0px 75px;
	margin: 0px;
}
.cat h3 a, .cat h3 a:Hover {
	background: url(../images/list-guide.png) no-repeat 0px 3px;
	display: block;
	padding: 0px 0px 0px 20px;
	color: #fff;
}
.cat h3 a:Hover {
	color: #fc0;
}
.cat ul {
	padding: 3px 0px 0px 95px;
}
.cat ul li {
	display: inline;
	list-style: url(none) none;
}
.cat ul li a, .cat ul li a:Hover {
	font-weight: normal;
	color: #fff;
	padding: 0px 7px;
	border-right: 1px solid #fc0;
}
.cat ul li a:Hover {
	color: #fc0;
}
.cat ul li .first, .cat ul li .first:Hover {
	padding-left: 0px;
}
.cat ul li .last, .cat ul li .last:Hover {
	padding-right: 0px;
	border-style: none;
}
#guide-end {
	font-size: 1px;
	background: url(../images/bg-guide-end.png);
	height: 5px;
}
#cat-aa {
	background: url(../images/cat-aa.png) no-repeat 0px 20px;
}
#cat-bb {
	background: url(../images/cat-bb.png) no-repeat 0px 20px;
}
#cat-cc {
	background: url(../images/cat-cc.png) no-repeat 0px 20px;
}
#cat-dd {
	background: url(../images/cat-dd.png) no-repeat 0px 20px;
}
#cat-ee {
	background: url(../images/cat-ee.png) no-repeat 0px 20px;
}
#cat-ff {
	background: url(../images/cat-ff.png) no-repeat 0px 20px;
}
#cat-gg {
	background: url(../images/cat-gg.png) no-repeat 0px 20px;
}
#cat-hh {
	background: url(../images/cat-hh.png) no-repeat 0px 20px;
}
/* Product category */
#sub-info {
	background: #f5f5f5 url(../images/bg-sub-info.png) no-repeat left top;
	width: 742px;
	padding: 5px 0px 0px;
}
#sub-info-in {
	background: #f5f5f5 url(../images/bg-sub-info-in.png) repeat-x left bottom;
	padding: 2px 7px 25px 43px;
}
#breadcrumbs {
	font-size: 0.8em;
	text-align: right;
	padding: 0px 5px 0px 0px;
}
#breadcrumbs a, #breadcrumbs a:Hover {
	font-weight: normal;
	color: #d32725;
	text-decoration: none;
}
#breadcrumbs a:Hover {
	color: #000;
}
#sub-info-in .box {
	margin: 20px 0px 0px;
	float: right;
	width: 227px;
}
#sub-info-in .box .box-in {
	background: url(../images/bg-sub-info-in-box-in.png);
	padding: 0px 5px 7px;
	width: 217px;
}
#sub-info-in .box .box-end {
	font-size: 1px;
	background: url(../images/bg-sub-info-in-box-end.png);
	height: 5px;
}
#sub-info-in .box a, #sub-info-in .box a:Hover {
	color: #333;
	text-decoration: none;
}
#sub-info-in .box a:Hover {
	color: #d32725;
}
#sub-info-in h2.tipy {
	color: #fff;
	background: #3f4a5a url(../images/bg-sub-info-in-h3.png) no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	margin: 8px 0px 0px;
	padding: 9px 0px 8px 10px;
}
#sub-info-in .desc {
	display: block;
	padding: 13px 0px 0px;
	float: left;
	text-align: left;
	margin: 34px 0px 0px;
	width: 350px;
	background: url(../images/bg-sub-info-desc.png) repeat-x left top;
}
#sub-info-end {
	font-size: 1px;
	background: url(../images/bg-sub-info-end.png);
	height: 5px;
}
#filter {
	background: #13243a url(../images/bg-filter.png) no-repeat left top;
	padding: 2px 0px 0px;
	margin: 4px 0px 0px;
	width: 742px;
}
#filter-in {
	padding: 0px 15px;
	font-size: 0.9em;
	color: #fff;
	font-weight: bold;
}
#filter-in a {
	color: #fff;
}
#filter-in a:Hover {
	color: #fc0;
}
#filter-in p {
	padding: 5px 0px 0px;
}
#filter-in div {
	display: block;
	padding: 7px 10px 0px 0px;
	float: left;
}
#filter-in .cleaner {
	float: none;
	padding: 0px;
}
#filter-in select {
	border: 1px solid #ccc;
}
#filter .desc, #filter .desc:Hover {
	background: url(../images/icon-desc.png) 0px 0px;
	display: block;
	height: 8px;
	width: 15px;
	float: left;
	margin: 4px 0px 0px;
	overflow: hidden;
}
#filter .desc:Hover,#filter .desc.selected{
	background: url(../images/icon-desc.png) 0px 8px;
}
#filter .asc, #filter .asc:Hover {
	background: url(../images/icon-asc.png) 0px 8px;
	display: block;
	height: 8px;
	width: 15px;
	float: left;
	margin: 4px 0px 0px;
	overflow: hidden;
}
#filter .asc:Hover,#filter .asc.selected {
	background: url(../images/icon-asc.png) 0px 0px;
}
#filter .paging .paging-left {
	background: url(../images/bg-filter-paging-left.png);
}
#filter .paging {
	background: #4d596a url(../images/bg-filter-paging.png);
}
#filter .paging .paging-right {
	background: url(../images/bg-filter-paging-right.png);
}
#filter-end {
	font-size: 1px;
	background: url(../images/bg-filter-end.png);
	height: 5px;
}
.paging {
	background: #4d596a url(../images/bg-paging.png);
	height: 27px;
	margin: 4px 0px 0px;
	font-size: 0.9em;
	color: #fff;
}
.paging-left {
	background: url(../images/bg-paging-left.png);
	float: left;
	height: 27px;
	width: 5px;
}
.paging span {
	padding: 6px 10px 0px;
	float: left;
}
.paging .page, .paging .page:Hover {
	color: #000;
	text-decoration: none;
	background: #fff;
	display: block;
	margin: 4px 2px 0px 0px;
	padding: 1px 6px;
	border: 1px solid #ccc;
	float: left;
}
.paging .page:Hover, .paging .selected, .paging .selected:Hover {
	color: #fff;
	background: #880816;
}
.paging .first, .paging .prev {
	background: url(../images/icon-first.png) no-repeat 0px 2px;
	display: block;
	padding: 0px 0px 0px 16px;
}
.paging .prev {
	background: url(../images/icon-prev.png) no-repeat 0px 2px;
}
.paging .next, .paging .last {
	background: url(../images/icon-next.png) no-repeat right 2px;
	display: block;
	padding: 0px 16px 0px 0px;
}
.paging .last {
	background: url(../images/icon-last.png) no-repeat right 2px;
}
.paging .first, .paging .prev, .paging .next, .paging .last, .paging .first:Hover, .paging .prev:Hover, .paging .next:Hover, .paging .last:Hover {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
.paging .first:Hover, .paging .prev:Hover, .paging .next:Hover, .paging .last:Hover {
	color: #fc0;
}
.paging-right {
	background: url(../images/bg-paging-right.png);
	float: right;
	height: 27px;
	width: 5px;
}
/* Product detail */
#icons {
	background: url(../images/bg-sub-info-desc.png) repeat-x left bottom;
	display: block;
	height: 21px;
	width: 650px;
}
#detail #icons {
	height: 29px;
}

#sub-info-in .photo {
	background: #fff url(../images/bg-detail-photo.png);
	margin: 10px 15px 0px 0px;
	float: left;
	height: 202px;
	width: 213px;
}
#sub-info-in .photo a, #sub-info-in .photo a:Hover {
	text-align: center;
	display: block;
	margin: 8px 0px 0px;
	width: 213px;
}
#sub-info-in .info {
	margin: 0px 15px 0px 0px;
	float: left;
	width: 240px;
}
#sub-info-in .info p {
	font-size: 0.9em;
	text-align: left;
	padding: 10px 0px 0px;
}
#sub-info-in table .right {
	text-align: right;
	font-weight: bold;
	padding: 2px 7px 0px 0px;
}
#sub-info-in table .price td {
	background: #fff;
}
#sub-info-in table .left {
	text-align: left;
	padding: 2px 7px 0px 0px;
}
#sub-info-in .price .right {
	font-size: 1.3em;
}
#sub-info-in .price .left {
	font-size: 1.3em;
	color: #d32725;
	font-weight: bold;
}
#sub-info-in .nav {
	margin: 10px 0px 0px;
	float: left;
	width: 167px;
	background: url(../images/bg-nav-top.png) no-repeat left top;
	padding: 5px 0px 0px;
}
#sub-info-in .nav ul {
	background: #fff url(../images/bg-nav.png);
	padding: 0px 7px 7px;
}
#sub-info-in .nav ul li {
	line-height: normal;
	display: inline;
	list-style: url(none) none;
}
#sub-info-in .nav ul li a, #sub-info-in .nav ul li a:Hover {
	font-weight: normal;
	color: #000;
	display: block;
	padding: 10px 0px 7px 40px;
	font-size: 0.9em;
}
#sub-info-in .nav ul li a:Hover {
	color: #d32725;
}
#sub-info-in .nav .nav-end {
	font-size: 1px;
	background: url(../images/bg-nav-end.png);
	height: 5px;
}
#nav-a, #nav-a:Hover {
	background: url(../images/icon-calc.png) no-repeat 5px 3px;
}
#nav-b, #nav-b:Hover {
	background: url(../images/icon-hand.png) no-repeat 5px 2px;
}
#nav-c, #nav-c:Hover {
	background: url(../images/icon-print.png) no-repeat 3px 4px;
}
#nav-d, #nav-d:Hover {
	background: url(../images/icon-graph.png) no-repeat 3px 4px;
}
#nav-e, #nav-e:Hover {
	background: url(../images/icon-card.png) no-repeat 3px 4px;
}
#nav-f, #nav-f:Hover {
	background: url(../images/icon-car.png) no-repeat 3px 7px;
}
#sub-info-in .thumb {
	background: #fff url(../images/bg-thumb-image.png);
	margin: 10px 7px 0px 0px;
	float: left;
	height: 52px;
	width: 53px;
}
#sub-info-in .thumb a, #sub-info-in .thumb a:Hover {
	text-align: center;
	display: block;
	margin: 4px 0px 0px;
	width: 53px;
}
#tabs {
	background: url(../images/bg-tabs.png) repeat-x left bottom;
	margin: 10px 12px 0px 0px;
	padding: 0px;
	height: 36px;
	width: 730px;
}
#tabs h2 {
  padding: 0px;
  margin: 0px;
  font-size: 1.1em;
}
#tabs li {
	line-height: normal;
	display: inline;
	list-style: url(none) none;
}
#tabs li a, #tabs li a:Hover {
	background: url(../images/bg-tab.png) repeat-x;
	display: block;
	float: left;
	height: 36px;
	padding: 0px;
	color: #000;
	text-decoration: none;
	border-left: 1px solid #697060;
	overflow: hidden;
}
#tabs li a:Hover {
	color: #d32725;
}
#tabs li .selected, #tabs li .selected:Hover {
	background: url(../images/bg-tab-selected.png) repeat-x left bottom;
	color: #fff;
	border-top: 3px solid #f4f4f5;
	border-right: 3px solid #f4f4f5;
	border-left: 3px solid #f4f4f5;
	margin: 0px 5px 0px 0px;
	height: 33px;
}
#tabs li .selected:Hover {
	color: #d32725;
}
#tabs li a span {
	background: url(../images/bg-tab-in.png) no-repeat right top;
	display: block;
	height: 36px;
	padding: 12px 13px 0px 7px;
	float: left;
}
#tabs li .selected span {
	background: url(none);
	padding: 7px 13px 0px 7px;
	height: 33px;
}
.tab {
	background: #f4f4f5;
}
.tab-in {
	padding: 5px 20px 20px;
}
.tab-in .title {
	font-weight: bold;
	background: url(../images/bg-tab-title.png) repeat-y;
	margin: 15px 0px 0px;
	padding: 10px;
}
