@charset "utf-8";
/* CSS Document */

table#bodyLayout { border:none;}
table#bodyLayout td { padding:2px; border:none; vertical-align:top;}

/*-------------------------------- product --------------------------------*/

table#productLayout {border:none; width:100%}
table#productLayout td { padding:2px; border:none; vertical-align:top;}
table#productLayout td#railLeft { width:20%}
table#productLayout td#railLeft a { font-weight:normal}
table#productLayout td#railLeft a:hover { text-decoration:underline}
table#productLayout td#railRight { width:80%}

table#productLayout div#catTitle { font-size:30px; font-weight:bold; padding-bottom:10px}
table#productLayout div#searchTitle { font-size:18px; font-style:italic; padding-bottom:10px}
table#productLayout div#browsingCtrl { padding:5px; border: 1px solid #CCCCCC}
table#productLayout div#result { padding:5px}
table#productLayout div#result { padding:5px}
table#productLayout div#result a { font-size:14px}
table#productLayout div#result a img { border:none}

div#categoryList { font-size:14px}

/*-------------------------------- product info --------------------------------*/

table#productInfoLayout {border:none; width:100%}
table#productInfoLayout td { padding:2px; border:none; vertical-align:top;}
table#productInfoLayout td#railLeft { width:20%}
table#productInfoLayout td#railMiddle { width:50%}
table#productInfoLayout td#railright { width:30%} 

table#productInfoLayout div#orderCustom { font-size:14px}
table#productInfoLayout div#orderCustom div#orderTotal { font-size:36px; text-align:center; padding:15px 0px 15px 0px}

table#productInfoLayout div#productDisp { text-align:center;}
table#productInfoLayout div#productDisp img { margin-right:5px}
table#productInfoLayout div#productName { font-size:36px; font-weight:bold}
table#productInfoLayout div#productDetail { padding:5px 5px 5px 10px; border: 1px solid #999999}

div#addToCartAction {
	position:absolute; 
	top:30px; 
	border:1px solid #999999; 
	background-color:#FFFFFF; 
	width:278px;
	display:none;
}
div#addToCartAction div#closeBtn { text-align:right; padding:5px 5px 0px 0px}

/*-------------------------------- cart --------------------------------*/

table#cartLayout {border:none; width:100%}
table#cartLayout td { padding-left:10px; border:none; vertical-align:top;}
table#cartLayout td#railLeft { width:70%}
table#cartLayout td#railLeft a { font-weight:normal}
table#cartLayout td#railLeft a:hover { text-decoration:underline}
table#cartLayout td#railRight { width:30%}

div#checkOutHolder { position:relative; top:-130px; left:220px; display:none; z-index:51}
div#checkOutContainer { 
	padding:10px; 
	position:absolute;
	background-color:#FFFFFF;
	border:3px solid #99CCFF;
	width:530px;
}
div#checkOutContainer div#btnClose { text-align:right; width:100%; position:absolute; top:-20px; left:20px}
div#checkOutContainer div#btnClose img { cursor:pointer}
div#checkOutContainer div#checkOutContainerSub { 
	background-image:url(../img/logo.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

div#checkOutStepContainer { padding:0px 5px 5px 20px; width:500px}
div#checkOutStepContainer div#stepTitle { width:480px; height:46px; margin-bottom:20px} 
div#checkOutStepContainer div#stepTitle table { width:100%;}
div#checkOutStepContainer div#stepTitle table td { width:25%; padding:5px 0px 5px 15px;}
div#checkOutStepContainer div#stepTitle table td.current { color:#FFFFFF}
div#checkOutStepContainer div#stepTitle table td.next { color:#CCCCCC}
div#checkOutStepContainer div#stepTitle table td a.past { color:#FFFFFF; font-weight:normal}
div#checkOutStepContainer div#stepTitle table td a.past:hover { text-decoration:underline}
div#checkOutStepContainer ul { padding:0px 0 0 0px; margin:0px; list-style:none; height:130px; position:relative; display:block}
div#checkOutStepContainer ul li { float:left; padding:5px 5px 0 0px; font-size:10; color:#999999; display:block}

div#checkOutStepContainer .activeAddress { padding:10px 0px 10px 10px; border:1px solid #EEEEEE; background-color:#F2F2F2}
div#checkOutStepContainer .inactiveAddress { padding:10px 0px 10px 10px; border:1px solid #EEEEEE}

/*-------------------------------- etc --------------------------------*/

div.topicContainer { border-style:solid; border-width:1px; border-color:#CCCCCC;}
div.topicHeader { background-image:url(../img/topic_bg.jpg); height:28px;}
div.topicBody { padding:5px;}

.errorScope { background-color:#FFDFE0; border: 1px solid #FF0000}
.errorMsg { color:#FF0000; padding:0px 0px 0px 10px; display:none}

.selectionTab { padding:0px; margin:0px; list-style:none; height:30px; position:relative; display:block}
.selectionTab li { float:left; padding:5px 10px 5px 10px; margin-right:5px; font-size:12px; font-weight:bold; color:#666666; border:1px solid #999999; cursor:pointer}
.selectionTab li:hover { background-color:#CCCCCC; color:#000000}
.selectionTab li.current { background-color:#0066CC; color:#FFFFFF}

.selectionList { padding:10px 0px 5px 0px; margin:0px; list-style:none; position:relative; display:block; height:110px}
.selectionList li { float:left; padding:5px 10px 5px 10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#666666; border:1px solid #999999; cursor:pointer; width:100px; height:17px}
.selectionList li:hover { background-color:#CCCCCC; color:#000000}
.selectionList li.current { background-color:#0066CC; color:#FFFFFF}
.selectionList li.label { float:left; border:none; color:#FF0000; width:80px}
.selectionList li.label:hover { background-color:#FFFFFF; cursor:default}

ul.balloon1 { list-style:none; display:block; height:33px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul.balloon1 li.left{ background-image:url(../img/balloon1_left.jpg); float:left; height:33px; width:16}
ul.balloon1 li.mid{ background-image:url(../img/balloon1_mid.jpg); float:left; padding:5px 0px 11px 0px}
ul.balloon1 li.right{ background-image:url(../img/balloon1_right.jpg); float:left; height:33px; width:15}

div.helpBalloonContainer { position:absolute; display:none}
div.helpBalloonContainer div.helpBalloon { 
	position:relative; 
	text-align:left; 
	padding:5px 8px 5px 8px; 
	background-color:#FFFFCC; 
	border:2px solid #C0C09F; 
	color:#333333; 
	font-size:11px;
}
div.helpBalloonContainer div.pointerUp { 
	position:absolute; 
	top:-16px; 
	left:5px; 
	background-image:url(../img/balloon_pointer_up.png); 
	width:28px; 
	height:17px;
}
div.helpBalloonContainer div.pointerDown { 
	position:absolute;
	bottom:-16px; 
	left:10px; 
	background-image:url(../img/balloon_pointer_down.png); 
	width:28px; 
	height:17px;
}
div.helpBalloonContainer div.pointerRight { 
	position:absolute; 
	top:10px; 
	right:-16px; 
	background-image:url(../img/balloon_pointer_right.png); 
	width:17px; 
	height:28px;
}
div.helpBalloonContainer div.pointerLeft { 
	position:absolute; 
	top:10px; 
	left:-16px; 
	background-image:url(../img/balloon_pointer_left.png); 
	width:17px; 
	height:28px;
}