@charset "utf-8";

/* 
--------[ B O D Y  -  L a y o u t ]
*/


/* 
--------[ ShoppingCart ]
*/
#ShoppingCart {
	width:720px; height:auto;
}
#ShoppingCart h3 {
	width:720px; height:20px;
	background:url(img/h3-CartOperation.png) 0 0 no-repeat;
}
#ShoppingCart .bgShoppingCart {
	width:700px; height:auto;
	padding:0px 10px;
	overflow:hidden;
	background:url(../img/borderedbg-720.png) center top;
}
#ShoppingCart .bgShoppingCart a {

}
#ShoppingCart .bgShoppingCart table {
	border-collapse:collapse;
}
#ShoppingCart .end {
	width:720px; height:10px;
	background:transparent url(../img/roundedbot-720.png) 0 0 no-repeat;
}


/* 
--------[ itemlist - common settings ]
*/

.item {
 	float:left; clear:none;
	width:180px; height:290px;
	background:url(img/bg-item-180x290.gif) 0 0 no-repeat;
	cursor:pointer;
}
.item h4 {
	display:none;
}
.item table {
	width:160px;
	margin:0 10px;
	border:none; border-collapse:collapse; border-spacing:0;
	color:#c00;
}
.item table a {
	display:block;
	float:right; clear:none;
	width:50px; height:16px;
	background:url(img/btn-detail.gif) right top no-repeat;
}
.item table .dB td { padding:10px 0 0 0; text-align:center; }
.item table .dI td { padding:2px 20px 10px 20px; }
.item table .dN td { height:12px; padding:8px 0px 5px 0px; background:url(img/item-dN.gif) 0 0 no-repeat; }
.item table .new td { background:url(img/item-dN-new.gif) 0 0 no-repeat; }
.item table .dP td { height:12px; padding:8px 5px 5px 15px; background:url(img/item-dP.gif) 0 0 no-repeat; font-weight:bold; }
.item table .dP td span { float:left; }

.itemOn div{
	width:180px; height:290px;
	background:url(img/bg-item-180x290-on.gif) 0 0 no-repeat;
}
.itemOn table a {
	background:url(img/btn-detail-on.gif) right top no-repeat;
}

/* 
--------[ itemlistShort - without brand-name displayed type ]
*/
.NoBrandname .item {
	width:180px; height:260px;
	background:url(img/bg-item-180x260.gif) 0 0 no-repeat;
}
.NoBrandname .item table .dB td { display:none; }
.NoBrandname .item table .dI td { padding:10px 20px 10px 20px; }
.NoBrandname .itemOn div{
	width:180px; height:260px;
	background:url(img/bg-item-180x260-on.gif) 0 0 no-repeat;
}

.NoBrandname .item table caption img { display:none; }


/* 
--------[ itemlist - "no item contents" ]
*/
.Notice_NoContents {
	padding:40px 20px;
	font-weight:bold;
	text-align:center;
}

/*
--------[ itemlistDetail ]
  memo:
	 T for Title row
	   Title columns' background image will be automatically 
	   loaded by jq according to their class names.
	 C for Contents row
*/

.TextCol {
	height:auto;
/*	height:510px;*/
	overflow:hidden;
	background:url(../img/roundedhead-340.png) 0 0 no-repeat;
	padding:10px 0 0 0;
}
.TextCol .end{ width:340px; height:10px; background:url(../img/roundedbot-340.png) 0 0 no-repeat; }
.TextColDL { width:320px; padding:0px 10px 10px 10px; background:url(../img/borderbg-340.png) center top repeat-y; }
.TextColDL dt { color:#938580; padding:0; height:12px; line-height:12px; }
.TextColDL dd { color:#c00; padding:0; margin:3px 0px 15px 10px; }

.TextColDL .PriceC { font-weight:bold; }

.TextColDL .ListT { }
.TextColDL .ListC { padding:10px 0; }
.TextColDL .ListTable { width:300px; border-collapse:collapse; text-align:center; vertical-align:middle; }
.TextColDL .ListTable tbody tr { height:24px; background:url(../img/dotted-line.gif) left bottom repeat-x; }
.TextColDL .ListTable th { color:#938580; border-bottom:1px solid #999; }

.TextColDL .ListTable a  { display:block; width:90px; height:18px; overflow:hidden; }

.TextColDL .ListTable a.cart			 { background:url(img/btn-ask.gif) 0 0 no-repeat; }
.TextColDL .ListTable a.cart:hover { background:url(img/btn-ask.gif) 0 -18px no-repeat; }

.TextColDL .ListTable a.ask			  { background:url(img/btn-ask-only.gif) 0 0 no-repeat; }
.TextColDL .ListTable a.ask:hover { background:url(img/btn-ask-only.gif) 0 -18px no-repeat; }

.TextColDL .ColorT  { width:80px; }
.TextColDL .SizeT   { width:50px; }
.TextColDL .StockT  { width:70px; }
.TextColDL .ButtonT { width:100px; }
.TextColDL .NoteT 	{ display:none; }
.TextColDL .NoteC 	{ padding-left:15px; }
.TextColDL .NoteC span { padding-left:0px; margin-left:-15px; }
.TextColDL address { padding:10px 0; color:#938580; }


.PhotoCol {
	height:510px;
	background:url(img/bg-PhotoCol.png) 0 0 no-repeat;
}
.PhotoCol .PhotoMsg {
	height:20px; line-height:20px;
}
.PhotoCol .Photo {
	padding:0 10px;
}


/* 
   [ P A R T S  -  sidebar > PhotoListDiv ]
*/
#PhotoListDiv {
	width:230px; height:auto;
}
#PhotoListDiv h3 {
	width:230px; height:20px;
	background:transparent url(../img/h3-brandlist.png) 0 0 no-repeat;
}
#PhotoListDiv p {
	width:220px; height:auto;
	padding:0px 0px 0px 10px;
	overflow:hidden;
	background:url(../img/borderedbg-230.png) center top;
}
#PhotoListDiv p a {
	float:left; clear:none;
	width:68px; height:90px;
	margin:0 1px 2px 1px;
}
#PhotoListDiv .end {
	width:230px; height:10px;
	background:transparent url(../img/roundedbot-230.png) 0 0 no-repeat;
}



.SideButtonsBtnDiv {
	width:230px; height:50px;
	background:url(../img/btn-common-230x50.png) 0 0 no-repeat;
	cursor:pointer;
}
.SideButtonsBtnDiv div a {
	display:block;
	width:190px; height:39px;
	padding:11px 20px 0 20px;
	color:#c00;
	text-decoration:none;
}
.SideButtonsBtnDiv div a:hover {
	background:url(../img/btn-common-230x50-on.gif) 0 0 no-repeat;
	text-decoration:underline;
}
.SideButtonsBtnDiv div a span{
	padding-left:10px;
}

/* 
--------[ Payment ]
*/
.PaymentDiv p{
padding-left:10px;
}
.PaymentDiv h4{
padding:2px 0 2px 0;
}
.PaymentDescription{
	padding:2px 0 2px 20px;
}
.sold_out{
	color:#FF0000;
	font-weight:bold;
}
.tableConfirm td { height:20px; }
.tableConfirm .trTitles { background:#aaa; color:#fff; font-weight:bold; }
.tableConfirm .trOdd { background:#eee; }

.tableConfirm .values { color:#390; font-weight:bold; }
.tableConfirm .subtitles { color:#fff; font-weight:bold; }