@charset "utf-8";
body {
	
	font-size: 12px;
	background-color: #F8F8F8;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
	a {text-decoration: none;}
	a:hover{text-decoration: none; border:0}
	img{ border:0;}
	h1{ color:#9f0000; font-size:18px}
	h2{ color:#4c4c4c;font-size:16px}

/***************************************************CSS FOR SHOPPING CART*************************************************************************/
	/*Shopping Cart*/
	#memberinfo,#shoppingcart{  padding:2px; margin-top:5px;}
	 ul#cartbox, ul.memberlogin{ list-style:none; padding:2px 2px 0px 2px;text-align:left}
	 li.firstline,li.firstline{ margin:2px 0; }
	 li.lastline{ border-bottom:1px groove  #9E0000}

	.firstline .nocolumn,.lastline .nocolumn{ width:5%; display:inline-block; color:#363636;  }
	.firstline .namecolumn,.lastline .namecolumn{ width:55%; display:inline-block; padding:5px 0px 5px 0px;  color: #363636;} 
	.firstline .pricecolumn,.lastline .pricecolumn{ width:20%; display:inline-block; padding:5px 0px 5px 0px; color:#9E0000;}
	.firstline .imagecolumn,.lastline .imagecolumn{ width:16%; display:inline-block; padding:5px 0px 5px 0px; color:#9E0000;}
	.textright{ text-align:right;}
	.emptytext{ color: #6E6E6E;}
	.textleft{ text-align:left;}
	.textcenter{ text-align:center;}
	.fontweight{ font-weight:bold;}
	/*.sumary{  border-top:1px solid #282828}*/
	.paddingtop{ padding-top:2px;}
	/*.textdiscount{ }*/
	.textnewtotal,.totlalsumary{}
	.trlast{ border-bottom:0px !important;}
	.shoppingheader{ background:#090; color:#FFF; font-size:18px; padding:2px; margin-bottom:2px;}
	a.checkoutlink  {text-decoration: none; color: #F60}
	a:hover.checkoutlink {text-decoration: none; color: #FC0;}
	.textunderline{ text-decoration:underline}
	.disablebutton{ display:none}
	.closecart{ color: #747474; margin-top:10px;}
	a.alinkstyle { color: #747474;}
	a:hover.alinkstyle{ color:#FFF}
	/***END ShoppingCart */
	
/****************************************************CUSTOMER REGISTER / LOGIN ******************************************************/
	#customerbox{width:600px; padding:3px; background:#FFF; text-align:center}
	#customerbox{ padding-top:15px; padding-bottom:15px;}
	#customerbox .leftside{width:250px; float:left;}
	#customerbox .rightside{ width:350px; float:right; }
	.headerregister{color:#FFF; border-bottom:1px solid #FFF; margin-top:10px; padding-bottom:5px; font-weight:bold; font-size:14px;}
	ul.memdetailbox,ul.memberlogin{ list-style:none; padding:2px;}
	li.inputtext{margin:4px 0;}
	.inputtext .texttitle{ width:80px; display:inline-table;}
	.inputtext .texttitle2{ width:100px; display:inline-table;}
	.inputtext .texttitle3{ width:110px; display:inline-table;}
	.inputtext .texttitle4{ width:140px; display:inline-table; }
	.inputtext .texttitle5{ width:160px; display:inline-table; }
	.inputtext .result{ width:445px; display:inline-table; }
	.inputtext .texttitleshow{ width:200px; display:inline-table; }
	.inputtext .texttitlecontact{ width:150px; display:inline-table; text-align:right ; color:#666}
    .inputtext .catalog-detail{ width:310px;  display:inline-table; }
	.textwhenbgblack{color: #000}
	.inputtext .textform{ width:180px; display:inline-table;}
	.inputtext .textform2{ width:400px; display:inline-table;}
	.textbox{ border:1px solid #DBDBDB; width:170px; height:14px;}
	.textboxforget{ width:150px; height:13px; border:1px solid #990000 ; font-size:11px}
	.textboxregister{ width:250px;border:1px solid #63aac2;}
	.textboxpwd{ border:1px solid #DBDBDB; width:90px;height:14px;}
	.fieldsetlogin{ border:1px solid #CCC;  -moz-border-radius: 5px;  border-radius: 5px; padding:0px 5px 0px 5px; text-align:left;}
	.fieldsetshoppingcart{ border:1px groove  #9E0000;  -moz-border-radius: 8px;  border-radius: 8px; padding:0px 5px 0px 5px; text-align:left; background:#FFF}
	
	.headertext{  color: #9E0000; font-weight:bold; font-size:14px; }
	.textspecial{ color: #FF0}
	.linebottom{ border-bottom:1px dotted #FFAA82; padding-bottom:5px;}
	.bordersp1{ border:1px solid #63aac2;}

	.checkbox{ cursor:pointer; vertical-align: bottom}
	.btn_buttontocart{ background:#333;color: #FFF; cursor:pointer;-moz-border-radius: 3px;  border-radius: 3px; border:1px solid #363636}
	.btn_buttontocart:hover{ background: #FFD8B0; color:#333;  border:1px solid  #FFD8B0}
	.btn_button{ background: #F60; color: #FFF; cursor:pointer;-moz-border-radius: 3px;  border-radius: 3px; border:1px solid #F60 }
	.btn_button:hover{ background: #FFF; color: #F30;border:1px solid #FFF}
	.btn_button2{  cursor:pointer; padding:2px; border:none; background:url(../images/bg-button-center.png) left center repeat-x; color: #FFF;  font-size:12px; vertical-align:middle !important;}
	.btn_button2:hover{ color: #F90;}	
	
	.btn_reset{ background:url(../images/reset-member.png) center top no-repeat;}
	
	
	.selectbox{ border:1px solid  #DBDBDB; }
	.selectboxitem{ border:1px solid #CDCDCD; width:250px;}
	.selectboxcart{ border:1px solid #CCC ;  width:220px; font-size:11px; background:#F0F0F0; }
	.inputextfloat{ float:left;}
	.textareaheight{ height:40px;}
	.captchabg{ background:#000; text-align:center ; color: #666; font-weight:bold; margin-top:5px; padding:2px;}
	.hiddenstate{ display:none;}
	.textmargin{ margin-top:5px;margin-bottom:5px;}
	.liunderline{ border-bottom:1px dotted #E2E2E2; padding-bottom:5px; background: url(../images/warning.png) right bottom no-repeat; }
	.captchabg2{ background:#FF9; color: #F30; font-weight:bold}
	.borderline{ padding:2px 0px 2px 10px;-moz-border-radius: 3px; background:#FFF}
	a.normal  {text-decoration: none; color: #F00}
	a:hover.normal {text-decoration: none; color: #CCC;}
	.contentbg{ background:url(../images/user-group-icon.png) right bottom no-repeat;}
	.textlist{ color:#3F3F3F}
	/*.bglogin{ background:url(../images/secrecy-iconmini.png) 15px 50px  no-repeat; background-attachment: fixed;}*/

/*****************************************************PREVIEW******************************************************************************/
#previewpage{ width:1000px; margin-left:auto; margin-right:auto; text-align:center}
.commentbox{ text-align:left; padding:5px; }
.customercoment{ width:100%; border:1px solid  #666; height:50px;}
.commentbg{ background:#FFC; color: #0C0; }

 /* Quick Login*/
	.quick-login{ background:#FFF; padding:2px 0px 10px 2px; width:165px; margin:0px  0px px 2px; }
	.eml01{font-size:9px; padding:1px;vertical-align:middle;}
	.eml01 .eml{ width:35px; display:inline-table; vertical-align:middle;}
	.eml01 .inputeml{ width:60px; display:inline-table;vertical-align:middle;}
	.textboxeml{ height:13px; width:70px; font-size:9px !important; vertical-align:middle; border:1px solid  #D6D6D6}
	.quickloginheader{ font-size:18px; margin-bottom:2px;}
	.btloginindex{ position:absolute; margin-top:-36px; left:120px;}
	.searchdiv{ padding-left:5px;}
	.searchtextbox{ width:120px; height:13px ; font-size:9px; border:1px solid #666}
	.searchdivbt{ position:absolute; margin-top:-19px; left:135px;}
	
	
	.butt_payment {
		color: #FFFFFF;
		background-color: #FF6600;
		background-image: url(/images/butt_bg.gif);
		background-repeat: repeat-x;
		background-position: top;
		height: 25px;
		width: 200px;
		border: 2px outset #FFFFFF;
		font-weight: bold;
		cursor: hand !important;
		cursor: pointer !important;
	}
			.black_overlay2{
				display:block;
				position: absolute;
				top: 0%;
				left: 0%;
				width: 100%;
				background-color: #000;
				z-index:1002  !important;
				-moz-opacity: 0.65;
				opacity:.65;
				height:602px;
				filter: alpha(opacity=65);
			}	
	
			.black_overlay{
				display: none;
				position: absolute;
				top: 0%;
				left: 0%;
				width: 100%;
				background-color: #000;
				z-index:999  !important;
				-moz-opacity: 0.65;
				opacity:.65;
				filter: alpha(opacity=65);
			}
			.white_content {
				display: none;
				z-index:1002 !important;
				position: absolute;
			}
				.white_content2 {
				display: block;
				z-index:1002 !important;
				width:95%;
				left:2%;
				position: absolute;
			}
			
/*Page */			
div.pagination {
	padding: 5px;
	margin:0px;
	background:#000;
	-moz-border-radius: 2px;
	display:inline-table
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	color: #6A6A6A;
	-moz-border-radius: 2px;
	text-decoration: none; /* no underline */
}
div.pagination a:hover, div.pagination a:active {
	color: #FFF;
	padding: 2px 5px 2px 5px;
	background:#3E3E3E;
	-moz-border-radius: 2px;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: 400;
	-moz-border-radius: 2px;
	background-color: #3E3E3E;
	color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
	}