/* base css for shop */
form {
	margin:0px;
	padding:0px;
}

.clear {
	clear:both;
}

body {
	margin:0px;
	padding:0px;
	background-color:#000000;
}

#wrapper {
	width:1024px;
	margin:0px 0px;
	background-image: url(../images/shop_back.png);
	font-family: Tahoma;
	font-size: 11pt;
}

/* ---------- header ---------- */

#header {
	position:relative;
	width:1024px;
	height:100px;
}

#logo {
	position:absolute;
	top:13px;
	left:23px;
	width:300px;
	height:80px;
	background: url(../images/images.gif) 0px -24px;
}

#catch_copy {
	position:absolute;
	top:18px;
	left:334px;
	width:250px;
	height:45px;
	font-size: 9pt;
	font-weight:bold;
	font-style:italic;

	color: #fcee21;
}
.catch_copy_title {
	font-size:12pt;
	margin-left:20px;
	color: #ff2233;
}


#cart {
	position:absolute;
	top:25px;
	left:600px;
	width:424px;
	height:60px;
	color: #fcee21;
	font-size: 9pt;
	line-height: 28px;
}

.cart_desc {
	position:relative;
	margin-right: 5px;
	float:left;
	width:98px;
	height:28px;
	border: solid 1px #fcee21;
	background-color:#000000;
}

.cart_text {
	position:absolute;
	top:0px;
	left:5px;
	width:35px;
	height:30px;
	font-size:8pt;
}

.cart_amount {
	position:absolute;
	top:0px;
	left:40px;
	width:55px;
	height:30px;
	text-align:right;
}

.cart_button {
	position:absolute;
	top:35px;
	left:105px;
	width:100px;
	height:24px;
	border:none;
	cursor:pointer;
	background: url(../images/images.gif) -240px 0px no-repeat;
}

#search {
	position:absolute;
	top:25px;
	left:840px;
	width:160px;
	height:60px;
}

.search_text {
	width:158px;
	height:26px;
	border: solid 1px #000000;
	background-color:#ffffff;
	color: #000000;
	font-size: 12pt;
}

.search_button {
	position:absolute;
	top:35px;
	left:60px;
	width:100px;
	height:24px;
	border:none;
	cursor:pointer;
	background: url(../images/images.gif) -400px -80px no-repeat;
}

/* ----------- menu ---------- */

#shop_menu {
	margin-top:50px;
	width:200px;
	float:left;
}

.menu_title {
	padding-left:60px;
	font-style:italic;
	font-weight:bold;
	color : #fcee21;
	background: url(../images/images.gif) -620px -84px no-repeat;
	margin-bottom:5px;
	font-size:10pt;
	text-decoration:none;
	cursor:pointer;
}

.menu_title a {
	text-decoration:none;
}

.menu_list ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.menu_list li {
	height: 15px;
	font-size:10pt;
	margin-bottom:5px;
}

.menu_list li a {
	padding-left:80px;
	background: url(../images/images.gif) -620px -44px no-repeat;
	color : #ffffff;
	text-decoration:none;
}

.menu_list li a:hover {
	padding-left:80px;
	background-position:-620px -64px;
	color : #fcee21;
}

/* ---------- shop header ---------- */
#item_top {
	float:left;
	position:relative;
	width: 823px;
	height: 50px;
	border-right: solid 1px #000000;
}

#item_top_corner {
	position:absolute;
	top:0px;
	left:0px;
	width: 50px;
	height: 50px;
	background: url(../images/images.gif) -561px -4px no-repeat;
}

#item_top_title_area {
	position:absolute;
	top:0px;
	left:50px;
	width: 773px;
	height: 50px;
	background: #ffffff url(../images/vshadows.png) 0px -50px repeat-x;
}

#item_top_title {
	margin-top: 20px;
	width: 735px;
	height: 20px;
	background: url(../images/images.gif) 0px -119px no-repeat;
}

.item_top_title_text {
	margin-left: 60px;
	font-style: italic;
	font-weight: bold;
}

/* ---------- NEWS ---------- */
#notice_area {
	float:left;
	width: 823px;
	height: 30px;
}
.notice_back {
	position:relative;
	width: 823px;
	height: 30px;
	background-color:#000000;
}

.notice_title {
	position:absolute;
	top:0px;
	left:0px;
	padding-right: 20px;
	width: 100px;
	height: 30px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	line-height:30px;
	color: #000000;
	background: url(../images/images.gif) -300px -26px no-repeat;
}

.notice_text {
	position:absolute;
	top:0px;
	left:130px;
	width: 710px;
	height: 30px;
	font-size: 9pt;
	color: #ffffff;
}


#top_link {
	float:left;
	width: 823px;
	height: 20px;
	color: #ffffff;
	text-align: right;
}

#top_link a{
	font-size : 12pt;
	font-weight: bold;
	font-style: italic;
	color: #fcee21;
	margin-right:20px;
	text-decoration : none;
}
#top_link a:hover{
	color: #ff0000;
}

/* ---------- shop_main ---------- */
#main {
	float:left;
	width: 823px;
}


#shop_main {
	float:left;
	width: 823px;
	background: #ffffff url(../images/left_shadow.png) repeat-y left;
	border-right: solid 1px #000000;
}

#main_body {
	position:relative;
	margin-left: 50px;
	width: 735px;
}

.language_button {
	position:absolute;
	top: 10px;
	left: 640px;
	width: 80px;
	font-size: 14pt;
	font-weight: bold;
	font-style:italic;
	text-align:right;

}

.language_button a {
	text-decoration:none;
}

/* ---------- shop detail ---------- */
#item_detail {
	position:relative;
	width: 735px;
	height: 300px;
	border-bottom:solid 5px #000000;
	background-image: url(../images/mesh_back.png);
}

#item_detail_back {
	position:absolute;
	top:0;
	width: 735px;
	height: 100%;
	background-image: url(../images/back_black.png);
}

.item_detail_cancel {
	position:relative;
	padding: 15px;
	top:0;
	width: 705px;
	height: 54;px;
	background-image: url(../images/mesh_back.png);
}
.item_detail_cancel_button {
	height: 24px;
	width: 100px;
	margin: 0px auto;
}

#item_detail_name {
	position:absolute;
	top:15px;
	left:415px;
	width: 320px;
	height: 78px;
}

.item_detail_logo {
	float:left;
	width: 77px;
	height: 77px;
}

.item_detail_name_text {
	float:left;
	margin-left: 10px;
	font-size: 11pt;
	font-weight: bold;
}

.item_detail_name_deco {
	position:absolute;
	top:0px;
	left:259px;
	width: 61px;
	height: 78px;
/*	background: url(../images/images.gif) -500px -25px no-repeat; */
}

#item_detail_text {
	position:absolute;
	top:95px;
	left:415px;
	width: 320px;
	height: 50px;
	font-size: 10pt;
	z-index: 5;
}
.item_detail_photo1 {
	position:absolute;
	top:0px;
	left:0px;
	width: 400px;
	height: 300px;
	z-index:0;
}

.item_detail_photo2 {
	position:absolute;
	top:165px;
	left:415px;
	width: 120px;
	height: 90px;
	z-index:1;
}

.item_detail_photo3 {
	position:absolute;
	top:165px;
	left:550px;
	width: 120px;
	height: 90px;
	z-index:2;
}

.detail_order_button {
	position:absolute;
	top:265px;
	left:480px;
	width: 140px;
	height: 24px;
	cursor:pointer;
	background: url(../images/images.gif) -340px -0px no-repeat;
}

/* ---------- detail size ---------- */
#size_table_area {
	display:none;
	position:absolute;
	top:165px;
	left:410px;
	width: 319px;
	height: 132px;
	font-weight:bold;
	z-index:10;
	background-image: url(../images/mesh_back.png);
	border: solid 3px #000000;
}

.size_table {
	float:left;
	width: 155px;
	margin:2px 2px 0px 2px;
	padding:0px;
	border-collapse: collapse;
	border-color: #231f20;
}

.size_table td{
	height:20px;
	font-size: 9pt;
	border-color: #231f20;
}

.size_table th{
	font-size: 9pt;
	font-style: italic;
	border-color: #231f20;
}

.size_button {
	width:16px;
	cursor:pointer;
}

.size_text {
	width:73px;
	text-align:center;
}

.size_price {
	width:60px;
	text-align:right;
}
.size_caption {
	position:absolute;
	top: 105px;
	left: 10px;
	font-weight: bold;
	font-style: italic;
}

.addtocart {
	position:absolute;
	top: 102px;
	left: 172px;
	height: 24px;
	width : 140px;
	cursor:pointer;
	background: url(../images/images.gif) 0px 0px no-repeat;
}

/* ---------- shop list page ---------- */
#item_list_page {
	margin-top:0px;
	position:relative;
	width: 735px;
	text-align:right;
	height:16px;
	font-size:9pt;
	color:#000000;
}
#item_list_page a{
	text-decoration:none;
	color:#000000;
}
.page_gray {
	color:#aaaaaa;
}
/* ---------- shop list ---------- */
#item_list {
	margin-top:10px;
	position:relative;
	width: 735px;
}

#item_list_title {
	position:relative;
	margin-top: 10px;
	width: 735px;
	height: 15px;
	background: url(../images/images.gif) 0px -104px no-repeat;
	font-size: 11pt;
}

.item_list_title_text {
	margin-left: 60px;
	text-align: right;
	font-style: italic;
	font-weight: bold;
}

#item_list_area_top {
	margin-top:0px;
	position:relative;
	width: 735px;
}

#item_list_area {
	margin-top:0px;
	position:relative;
	width: 735px;
	height: 600px;
}

.list_items {
	float:left;
	position:relative;
	width: 140px;
	height: 190px;
	margin: 5px 7px 0px 0px;
	border-bottom: solid 5px #000000;
	font-size: 9pt;
}

.list_item_logo {
	position:absolute;
	top:0px;
	left:0px;
	width: 38px;
	height: 30px;
	background-image: url(../images/deco_tag.png);
}

.list_item_logo_photo {
	position:absolute;
	top:12px;
	left:11px;
	width: 16px;
	height: 16px;
}

.list_item_id {
	position:absolute;
	padding: 0px 3px;
	top:20px;
	left:0px;
	width: 40px;
	height: 15px;
	color:#fcee21;
	font-size: 8pt;
	font-weight:bold;
	font-style:italic;
	background-image: url(../images/back_black.png);
}

.list_item_name {
	position:absolute;
	top:5px;
	left:5px;
	width: 130px;
	height: 25px;
	font-weight:bold;
	font-style:italic;
}

.list_item_photo {
	position:absolute;
	top:20px;
	left:0px;
	width: 140px;
	height: 105px;
}
.list_item_desc {
	position:absolute;
	top:127px;
	left:5px;
	width: 135px;
	height: 63px;
	line-height: 12px;
	font-size: 8pt;
	background-image: url(../images/mesh_back.png);
}

.list_item_desc_deco {
	position:absolute;
	top:7px;
	left:120px;
	width: 15px;
	height: 19px;
/*	background: url(../images/images.gif) -420px -37px no-repeat; */
}

/* --------- purchase ---------*/
#cart_contents {
	width: 735px;
	background-image: url(../images/mesh_back.png);
	border-bottom:solid 5px #000000;
}

#cart_table {
	position:relative;
	margin:0px;
	width: 735px;
	border-bottom:solid 3px #000000;
}

.cart_list_size {
	text-align:center;
}
.cart_list_price {
	text-align:right;
}
.cart_list_unit {
	font-size:7pt;
}
.cart_list_bar {
	height:1px;
	background-color:#231f20;
}

#cart_total {
	font-weight: bold;
}

.cart_sub_total_line {
	margin-left:470px;
	width: 265px;
	height:30px;
	line-height:30px;
}

.cart_total_area {
	float:left;
	margin-left:10px;
	width: 265px;
}

.cart_price_notice {
	margin: 5px 0px 0px 10px;
	float:left;
	width: 450px;
	color:red;
}

.cart_total_line {
	height:30px;
	line-height:30px;
}
.cart_total_title {
	float:left;
	height:30px;
	width:90px;
}
.cart_total_curr {
	float:left;
	height:30px;
	width:30px;
	font-size:6pt;
}
.cart_total_amount {
	float:left;
	height:30px;
	width:70px;
	text-align:right;
}

/* --------- shop information --------- */
#main_text_area {
	position:relative;
	margin-bottom:5px;
	width: 735px;
	border-bottom:solid 5px #000000;
	background-image: url(../images/mesh_back.png);
	font-size:11pt;
	line-height: 16px;
}

.desc_title {
	margin:5px;
	font-weight:bold;
	font-style:italic;
}

.desc_text {
	margin: 0px 0px 10px 5px;
}

.desc_text a{
	text-decoration:none;
	color : blue;
}

.desc_red {
	color:#ff0000;
	font-weight:bold;
}

.desc_discount {
	margin-top: 3px;
	padding-top: 3px;
	margin-left: 10px;
	padding-left: 15px;
	list-style-type:decimal;
}

.cost_table {
	margin-left:20px;
}
.cost_table td{
	width:120px;
	text-align:center;
}

/* --------- input form --------- */
.form_area {
	margin-top: 10px;
	background-image: url(../images/mesh_back.png);
	width: 400px;
	height: 220px;
	float:left;
}

.form_title {
	margin-left: 20px;
	font-weight:bold;
}

.form_thankyou {
	font-weight:bold;
	margin-left: 100px;
}

.user_table {
	margin: 5px 50px 10px 50px;
}

.user_table td{
	height: 30px;
	font-weight: bold;
}

.form_country_text {
	margin: 30px 0px 0px 20px;
	float:left;
}

.form_country_data {
	margin: 30px 0px 0px 20px;
	float:left;
	font-weight: bold;
	color: blue;
}

.form_country_notice {
	margin: 15px 0px 0px 20px;
	font-size:9pt;
	color: red;
}

.login_area {
	margin: 10px 0px 0px 10px;
	background-image: url(../images/mesh_back.png);
	width: 320px;
	height: 240px;
	border: solid 2px #000000;
	float:left;
}

.login_title {
	text-align:center;
	font-weight:bold;
	font-style:italic;
}


.login_table {
	margin: 5px 10px 0px 10px;
}

.login_table td{
	height: 30px;
	font-weight: bold;
}

.login_input {
	width: 180px;
	height: 20px;
}

.login_notice {
	font-size:9pt;
	margin:5px 10px;
	color: #dd0000;
}

.logoff {
	font-size:9pt;
	text-align: right;
	margin:0px 10px;
}

.logoff a {
	text-decoration:none;
}

.point_text {
	color: #ff0000;
}

#inquiry_body {
	position:relative;
	margin-bottom:5px;
	width: 735px;
	border-bottom:solid 5px #000000;
	background-image: url(../images/mesh_back.png);
	font-size:12px;
	line-height: 16px;
}

#inquiry_input {
	margin-left:20px;
}


.inquiry_input_text {
	width : 200px;
}

.inquiry_title {
	width: 500px;
}

.inquiry_textarea {
	margin-bottom:10px;
	width: 500px;
	height: 150px;
	overflow: auto;
}

/* --------- measurement -------- */
.measure_table {
	margin-bottom:20px;
	width: 700px;
}
.measure_table td{
	width: 140px;
	text-align:center;
}

/* --------- bottom --------- */
#item_bottom {
	float:left;
	position:relative;
	width: 823px;
	height: 50px;
	border-right: solid 1px #000000;
}

#item_bottom_corner {
	position:absolute;
	top:0px;
	left:0px;
	width: 50px;
	height: 50px;
	background: url(../images/images.gif) -561px -54px no-repeat;
}

#item_bottom_title_area {
	position:absolute;
	top:0px;
	left:50px;
	width: 773px;
	height: 50px;
	background: #ffffff url(../images/vshadows.png) 0px 0px repeat-x;
}

#item_bottom_title_area img{
	border:none;
}

#item_bottom_title {
	margin-top: 20px;
	width: 735px;
	height: 20px;
}

.item_bottom_title_text {
	font-size: 10pt;
}

.item_bottom_title_text a {
	font-size: 10pt;
	text-decoration:none;
	color: #000000;
}
.item_bottom_title_text a:hover {
	color: #ffaa00;
}

.item_bottom_cart_button {
	position:absolute;
	top:15px;
	left:630px;
	width: 100px;
	height: 24px;
	background: url(../images/images.gif) -140px 0px no-repeat;
}

#shop_bottom {
	float:left;
	height: 30px;
	font-size: 10pt;
	color: #fcee21;
	margin: 10px 0px 0px 50px;
}

.reveiw_button {
	background: url(../images/images.gif) -300px -56px no-repeat;
}

.back_button {
	background: url(../images/images.gif) -400px -56px no-repeat;
}

.login_button {
	background: url(../images/images.gif) -300px -80px no-repeat;
}

/* --------- footer --------- */
#footer {
	padding-right: 10px;
	text-align:right;
	font-size: 8pt;
	color: #ffffff;
	height: 15px;
	background-color: black;
}

/* general */
.normal_button {
	position:absolute;
	width:100px;
	height:24px;
	cursor:pointer;
}

.error_msg {
	color:#ff0000;
}

.button_area {
	position:relative;
	padding: 10px 0px;
	height: 25px;
}
.clear {
	clear:both;
}