@charset "utf-8";

/* import
----------------------------------------------- */
@import "common.css";

/* home
----------------------------------------------- */
#menus .home a,
#menus .home a:hover {
	background: url(../images/menus.gif) no-repeat 0 -88px;
}

/* focus
----------------------------------------------- */
#focus {
	margin: auto;
	width: 929px;
	height: 280px;
	background: url(../home/focus_bg.gif) no-repeat 0 -250px;
	overflow: hidden;
}
#focus h2 {
	display: none
}
#focus .focus {
	margin: auto;
	padding: 30px 0 0;
	width: 840px;
	height: 250px;
	text-align: left;
}
#focus .focus .focus_left {
	float: left;
	width: 580px;
}
#focus .focus .focus_right {
	float: right;
	width: 260px;
	height: 250px;
	background: #ebebeb url(../home/focus_title.gif) no-repeat 30px 25px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#focus .focus .focus_left .image a {
	display: block;
	height: 250px;
	background: #000 url(../images/ic_loading.gif) no-repeat center center;
	overflow: hidden;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
/* */
#focus .control {
	position: relative;
	width: 929px;
	text-align: left;
}
#focus .control li {
	position: absolute;
}
#focus .control li a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	outline: none;
}
#focus .control .back {
	top: 145px;
	left: 10px;
}
#focus .control .next {
	top: 145px;
	right: 10px;
}
/* */
#focus .control .back a {
	background: url(../home/focus_page.gif) no-repeat 0 0;
}
#focus .control .next a {
	background: url(../home/focus_page.gif) no-repeat -20px 0;
}
/* */
#focus .control .back a:hover {
	background: url(../home/focus_page.gif) no-repeat 0 -20px;
}
#focus .control .next a:hover {
	background: url(../home/focus_page.gif) no-repeat -20px -20px;
}
/* */
#focus .control .back a:active {
	background: url(../home/focus_page.gif) no-repeat 0 -40px;
}
#focus .control .next a:active {
	background: url(../home/focus_page.gif) no-repeat -20px -40px;
}
/* */
#focus .readmore {
	padding: 26px 0 0 145px;
}
#focus .readmore a {
	display: block;
	width: 88px;
	height: 29px;
	text-indent: -9999px;
	background: url(../home/focus_readmore.gif) no-repeat 0 0;
	outline: none;
}
#focus .readmore a:hover {
	background: url(../home/focus_readmore.gif) no-repeat 0 -29px;
}
#focus .readmore a:active {
	background: url(../home/focus_readmore.gif) no-repeat 0 -58px;
}
#focus h3 {
	margin: 15px 0 0 30px;
	width: 200px;
	height: 2.5em;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25em;
	overflow: hidden;
}
#focus .outline {
	margin: 15px 0 0 30px;
	width: 200px;
	height: 8.1em;
	color: #505050;
	font-size: 0.8em;
	line-height: 1.35em;
	overflow: hidden;
}
/* */
#focus .item {
	display: none;
}

/* column
----------------------------------------------- */
#column {
	margin: auto;
	width: 840px;
	text-align: left;
}
#column_left {
	float: left;
	width: 600px;
}
#column_right {
	float: right;
	width: 230px;
}

/* stvnews
----------------------------------------------- */
#stvnews {
	width: 600px;
}
#stvnews h2 {
	margin: 30px 0 0;
}
#stvnews h2 a {
	display: block;
	width: 580px;
	height: 18px;
	font-size: 0.1em;
	text-indent: -9999px;
	background: url(../home/t_stvnews.gif) no-repeat;
}
#stvnews .items {
	margin: 20px 0 0;
	width: 580px;
	font-family: Helvetica;
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#stvnews .items li {
	padding: 5px 0 5px 30px;
	font-size: 0.8em;
	border-top: 1px solid #c8c8c8;
	background: url(../home/ic_arrow.gif) no-repeat 10px center;
}
#stvnews .items li span {
	font-size: 0.9em;
	font-weight: bold;
}

/* stvstore
----------------------------------------------- */
#stvstore {
	width: 600px;
}
#stvstore h2 {
	margin: 30px 0 0;
}
#stvstore h2 a {
	display: block;
	width: 580px;
	height: 18px;
	font-size: 0.1em;
	text-indent: -9999px;
	background: url(../home/t_stvstore.gif) no-repeat;
}
#stvstore p {
	margin: 20px 0 0;
}
#stvstore .item {
	display: inline;
	float: left;
	position: relative;
	margin: 20px 20px 0 0;
	width: 180px;
	height: 150px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 2px #969696;
	-moz-box-shadow: 0 0 2px #969696;
}
#stvstore .item .update {
	display: none;
}
#stvstore .item .image {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 150px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#stvstore .item .info {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	background: #fff;
	cursor: pointer;
}
#stvstore .item .info p {
	margin: 0;
	padding: 0;
}
#stvstore .item .info .brand {
	padding: 15px 15px 0;
	font-family: Impact;
	font-size: 0.9em;
	line-height: 1em;
}
#stvstore .item .info .name {
	margin: 2px 0 0;
	padding: 0 15px;
	height: 2.5em;
	font-family: Helvetica;
	font-size: 0.7em;
	line-height: 1.25em;
	overflow: hidden;
}
#stvstore .item .info .prices {
	padding: 0 15px 15px;
	font-family: Helvetica;
	font-size: 0.9em;
}
#stvstore .item .info .prices .price {
	font-weight: bold;
}
#stvstore .item .info .prices .tax {
	font-size: 0.8em;
}
#stvstore .item .info .prices em {
	color: #c80000;
	font-size: 0.8em;
	font-weight: bold;
	font-style: normal;
}

/* stussystore
----------------------------------------------- */
#stussystore {
	width: 600px;
}
#stussystore h2 {
	margin: 30px 0 0;
}
#stussystore h2 a {
	display: block;
	width: 580px;
	height: 18px;
	font-size: 0.1em;
	text-indent: -9999px;
	background: url(../home/t_stussy.gif) no-repeat;
}
#stussystore p {
	margin: 20px 0 0;
}
#stussystore .item {
	display: inline;
	float: left;
	position: relative;
	margin: 20px 20px 0 0;
	width: 180px;
	height: 150px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 2px #969696;
	-moz-box-shadow: 0 0 2px #969696;
}
#stussystore .item .update {
	display: none;
}
#stussystore .item .image {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 150px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#stussystore .item .info {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	background: #fff;
	cursor: pointer;
}
#stussystore .item .info p {
	margin: 0;
	padding: 0;
}
#stussystore .item .info .brand {
	padding: 15px 15px 0;
	font-family: Impact;
	font-size: 0.9em;
	line-height: 1em;
}
#stussystore .item .info .name {
	margin: 2px 0 0;
	padding: 0 15px;
	height: 2.5em;
	font-family: Helvetica;
	font-size: 0.7em;
	line-height: 1.25em;
	overflow: hidden;
}
#stussystore .item .info .prices {
	padding: 0 15px 15px;
	font-family: Helvetica;
	font-size: 0.9em;
}
#stussystore .item .info .prices .price {
	font-weight: bold;
}
#stussystore .item .info .prices .tax {
	font-size: 0.8em;
}
#stussystore .item .info .prices em {
	color: #c80000;
	font-size: 0.8em;
	font-weight: bold;
	font-style: normal;
}

/* comingup
----------------------------------------------- */
#comingup h2 {
	margin: 30px 0 0;
}
#comingup h2 a {
	display: block;
	width: 580px;
	height: 18px;
	font-size: 0.1em;
	text-indent: -9999px;
	background: url(../home/t_comingup.gif) no-repeat;
}
#comingup .item {
	display: inline;
	float: left;
	margin: 20px 20px 0 0;
	width: 280px;
	height: 400px;
}
#comingup .item .image a {
	display: block;
	width: 280px;
	height: 210px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 2px #969696;
	-moz-box-shadow: 0 0 2px #969696;
}
#comingup .item .column {
	margin: 10px 0 0;
	width: 280px;
}
#comingup .item .column .readmore {
	float: right;
	width: 72px;
}
#comingup .item .column .category {
	float: left;
	width: 198px;
	white-space: nowrap;
	overflow: hidden;
}
#comingup .item .column .category {
	padding: 3px 0 0;
	font-family: Helvetica;
	font-size: 0.7em;
	font-weight: bold;
}
#comingup .item .column .readmore a {
	display: block;
	width: 72px;
	height: 13px;
	text-indent: -9999px;
	background: url(../home/comingup_readmore.gif) no-repeat 0 0;
	outline: none;
}
#comingup .item .column .readmore a:hover {
	background: url(../home/comingup_readmore.gif) no-repeat 0 -13px;
}
#comingup .item .column .readmore a:active {
	background: url(../home/comingup_readmore.gif) no-repeat 0 -26px;
}
#comingup .item h3 {
	margin: 10px 0 0;
	font-family: Helvetica;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25em;
	height: 2.5em;
	overflow: hidden;
}
#comingup .item .date {
	margin: 5px 0 0;
	color: #787878;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 0.7em;
}
#comingup .item .outline {
	margin: 10px 0 0;
	height: 7.7em;
	color: #505050;
	font-size: 0.7em;
	line-height: 1.3em;
	overflow: hidden;
}

/* stussy
----------------------------------------------- */
#stussy h2 {
	margin: 30px 0 0;
}
#stussy h2 a {
	display: block;
	width: 230px;
	height: 18px;
	font-size: 0.1em;
	text-indent: -9999px;
	background: url(../home/t_stussy.gif) no-repeat;
}
#stussy img {
	margin: 20px 0 0;
	-webkit-box-shadow: 0 0 2px #969696;
	-moz-box-shadow: 0 0 2px #969696;
}

/* attention banner
----------------------------------------------- */
#attentionbanner {
}
#attentionbanner p {
	margin: 30px 0 0;
	padding: 0;
}
#attentionbanner img {
	-webkit-box-shadow: 0 0 2px #969696;
	-moz-box-shadow: 0 0 2px #969696;
}

/* pickup banner
----------------------------------------------- */
#pickupbanner {
}
#pickupbanner p {
	margin: 30px 0 0;
	padding: 0;
}
#pickupbanner img {
	-webkit-box-shadow: 0 0 2px #969696;
	-moz-box-shadow: 0 0 2px #969696;
}

/* stv clip
----------------------------------------------- */
#stvclip h2 {
	margin: 30px 0 0;
}
#stvclip h2 a {
	display: block;
	width: 230px;
	height: 18px;
	font-size: 0.1em;
	text-indent: -9999px;
	background: url(../home/t_stvclip.gif) no-repeat;
}
#stvclip .clip {
	position: relative;
	margin: 20px 0 0;
	height: 150px;
	overflow: hidden;
}
#stvclip object,
#stvclip embed {
	margin: 0;
	padding: 0;
	width: 230px;
	height: 150px;
	line-height: 0em;
	vertical-align: top;
	z-index: 0;
}

/* the people
----------------------------------------------- */
#thepeople h2 {
	margin: 30px 0 0;
}
#thepeople h2 a {
	display: block;
	width: 230px;
	height: 18px;
	font-size: 0.1em;
	text-indent: -9999px;
	background: url(../home/t_thepeople.gif) no-repeat;
}
#thepeople .photo {
	position: relative;
	margin: 10px 0 0;
	width: 230px;
	xheight: 580px;
	height: 770px;
	xbackground: #ebebeb;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#thepeople .photo ul {
	position: absolute;
	top: 0;
	left: 0;
}
#thepeople .photo li {
	margin: 10px 0 0;
	padding: 20px 0;
	width: 230px;
	text-align: center;
	background: #ebebeb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#thepeople .photo a {
	display: block;
	margin: auto;
	width: 190px;
	height: 140px;
	background: #000 url(../images/ic_loading.gif) no-repeat center center;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 0 4px #000;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 0 4px #000;
}

/* banner
----------------------------------------------- */
#banner ul {
	margin: auto;
	padding: 20px 0 0;
	width: 852px;
}
#banner li {
	float: left;
	margin: 10px 0 0;
	width: 142px;
	text-align: center;
}
#banner .pickup {
	margin: 30px 0 0;
}

/* clear
----------------------------------------------- */
#language ul:after,
#focus .item:after,
#column:after,
#stvstore:after,
#stussystore:after,
#comingup:after,
#comingup .item .column:after,
#banner ul:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}