@charset "utf-8";

/*-- main --*/

#main.productList {
	min-height:480px
}

#main h2.general .subTitle {
	margin-left:110px
}

/*-- aside --*/

#newProduct .description_photo {
	display:block;
	margin:6px auto;
	border:1px solid #c7c9ca
}

#newProduct .section {
	padding-right:14px;
	padding-left:18px;
	color:#3581e2
}

/* category */

#main .category .article {
	display:inline;
	float:left;
	width:350px;
	margin-top:8px;
	border:1px solid #c0c0c0;
	color:#636363
}

#main .category .article.even {
	margin-left:13px
}

#main .category .photo {
	float:left;
	margin-right:10px
}

#main .category .description {
	float:right;
	width:185px;
	padding-top:15px
}

#main .category .article .title {
	margin-bottom:6px;
	padding:3px 0 4px 34px;
	background:transparent url(../images/icon/arrow-circle.png) 0 0 no-repeat;
	color:#3581e2;
	font-size:14px;
	font-weight:bolder;
	text-transform:capitalize
}

#main .category .article .title a {
	color:#3581e2;
	text-decoration:underline
}

#main .category .article p {
	margin:0 12px 0 24px
}

/* group */

#main .group {
	position:absolute;
	top:18px;
	right:6px;
	border:0;
}

#main .group legend {
	display:none
}

#main .group select {
	margin-right:8px
}

/* goods */

#goods {
	position:relative;
	margin-left:-10px;
}

#goods li {
	display:inline-block;
	width:168px;
	min-height:159px;
	margin:10px 0 0 10px;
	border:1px solid #c0c0c0;
	text-align:center;
	vertical-align:top
}

#goods li:hover {
	border-color:#82baff
}

#goods .info {
	padding:4px 0 6px;
	border-top:1px dotted #787878;
	color:#636363
}

#goods li:hover .info {
	background-color:#dce7fb
}

#goods .info dt {
	margin-bottom:2px;
	font-size:14px;
	font-weight:bolder
}

#goods .info dt a {
	color:#3581e2;
	text-decoration:underline
}

/* goods menu */

#goodsMenu {
	position:relative;
	width:682px;
	height:184px;
	margin:3px 0 0 1px;
	padding:8px 16px 4px 24px;
	background:transparent url(../images/products/goodsMenu-bg.jpg);
	color:#575757
}

#goodsMenu .photo {
	float:left;
	width:274px
}

#goodsMenu .title,
#goodsMenu p {
	margin-top:6px;
	font-size:13px;
	line-height:1.4
}

#goodsMenu .title {
	margin-top:16px;
	margin-right:60px;
	color:#1e5d93;
	font-size:14px;
	font-weight:bolder
}

#goodsMenu .nav {
	position:absolute;
	right:5px;
	bottom:6px
}

#goodsMenu .nav li {
	display:inline;
	float:left;
	margin-left:3px
}

#goodsMenu .nav li.pageNext {
	margin-left:4px;
	margin-right:5px
}

#goodsMenu .nav .btn {
	padding-left:5px;
	background:transparent url(../images/design/left-corner_gray.png) 0 0 no-repeat;
	text-transform:capitalize
}

#goodsMenu .nav .btn:hover {
	background-image:url(../images/design/left-corner_blue.png)
}

#goodsMenu .nav .btn span {
	display:block;
	padding-right:5px;
	background:transparent url(../images/design/right-corner_gray.png) right 0 no-repeat
}

#goodsMenu .nav .btn:hover span {
	background-image:url(../images/design/right-corner_blue.png)
}

#goodsMenu .nav .btn a {
	display:block;
	height:17px;
	padding:0 2px 0 4px;
	border:2px solid #a0a0a0;
	border-width:2px 0;
	background-color:#fff;
	color:#1e5d93;
	font-weight:bolder;	
	line-height:17px

}

#goodsMenu .nav .btn:hover a {
	border-color:#8eb3c1;
	background-color:#1e5d93;
	color:#fff
}

#goodsMenu .nav .btn a:hover {
	text-decoration:none
}

#goodsMenu .youTube {
	position:absolute;
	top:-1px;
	right:5px
}

/* goods info */

#goodsInfo {
	position:relative;
	width:681px;
	margin-top:4px;
	padding:21px 12px 34px 30px;
	background:transparent url(../images/design/gray-hr2.png) 0 bottom no-repeat;
	line-height:1.7
}

#goodsInfo .dividing {
	position:absolute;
	top:0;
	left:0;
	width:723px;
	height:21px;
	background:transparent url(../images/design/gray-hr1.png);
}

#goodsInfo .dividing hr {
	display:none
}

/* org code before 20100128
#goodsInfo p,
#goodsInfo ul {
	margin-top:14px
}
*/