/****************** Mobilux 4 *********************
Version: 1.717
Date Created: 10-8-07
Date Modified: 18-8-08
By: Erwan
Description: 

/************************ BODY ************************/
BODY {
	Margin: 0px; FONT-SIZE: 12px; FONT-FAMILY: verdana; LETTER-SPACING: normal;
	background: #e6e6e6; text-align: center; color: #ffffff;
	
}
.bodyTable {
	CLEAR: both; WIDTH: 900px; HEIGHT: 100%; margin-left: auto; margin-right: auto;
	margin-top: 0px; background: transparent url("bg.jpg") repeat-y top;
}
.bodyInTable{
	width: 880px; border-collapse: collapse;
}




/************************ HEADER ************************/
.header {
	width: 900px; height: 141px; background: transparent url("headerBg.jpg") no-repeat top;
}
#compL {}
#compN {
	position: absolute; width: 470px; height: 110px; z-index: 2;
	TOP: 2px; MARGIN-left: 250px; background-color: transparent;
}
#welMsg {
	Font: bold 11px verdana; POSITION: absolute; top: 115px; margin-left: 20px;
	color: #000000;	width: 860px; height: 14px; text-align: right; 
}
#log {
	font:  9px verdana; POSITION: absolute; top: 128px; margin-left: -185px;
}
#log A {
	font:   9px verdana; COLOR: #000000; TEXT-DECORATION: none
}
#log A:Hover {
	font:   9px verdana; COLOR: #3399ff; TEXT-DECORATION: none
}
/************************ HEAD LINK ************************/
#hTable td{ color: #ffcc00; font: bold 13px Verdana }
.hLeft{
}
.hRight{
}
.hMiddle{
}

#hLinks A {
	font: bold 13px verdana; TEXT-DECORATION: none; color: #000000; 
}
#hLinks A:hover {
	font: bold 13px verdana; TEXT-DECORATION: none; color: #ffffff;
}
#hLinks {
	POSITION: absolute; top: 117px; width: 800px; margin-left: -815px;
}
/************************ TAB LINK ************************/
#tLinks {
	position: absolute; z-index: 0; margin-top: -5px; margin-left: 25px; white-space: nowrap;
	width: 674px; height: 13px; text-align: left; background: transaprent;
}
#tLinks A {}
#tLinks A:hover{}
.tabTbl{}
.tabTblLeft{}
.tabTblMiddle{}
.tabTblRight{}
.InnerTabTbl{}
.InnerTabTbl A{
	padding-right: 4px; padding-left: 4px; padding-top: 1px; padding-bottom: 3px; text-decoration: none;
	display: block; text-align:center; font: bold 13px Verdana; COLOR: #000000; white-space: nowrap;
}
.InnerTabTbl A:hover{
	TEXT-DECORATION: none; color: #ffffff;
}
.leftInTabTbl{
	
}
.midInTabTbl{
	
}
.rightInTabTbl{
	width: 10px
}
.selectedInnerTabTbl{}
.leftSlctInTabTbl{
	
}
.midSlctInTabTbl {
	padding-right: 1px; padding-left: 1px; padding-top: 1px; padding-bottom: 3px; TEXT-DECORATION: none; 
	display: block; text-align: center;	font: bold 13px Verdana; COLOR: #ffffff; white-space: nowrap;
	background: transparent;
}
.rightSlctInTabTbl{
	width: 10px
}





/************************ MIDDLE ************************/
.htop{
	height: 100%; width: 100%; background: transparent url("bodyBg.jpg") no-repeat top; 
}
.lpLine{}
.lpWidth { /*Left Panel*/
	width: 180px;
}
.cpWidth { /*Middle Panel*/

}
.rpWidth { /*Right Panel*/

}

/************************ LOGIN PAGE ************************/
.ForgotPass, .ResendAct{
	color: #ffcc00
}
.ForgotPass:Hover, .ResendAct:Hover{
	color: #ffcc00; font-weight: bold
}

/************************ LOGIN BOX ************************/
.boxModule{
	font: bold 11px Verdana; padding-bottom: 1px; 
}
.lgbody{
	width: 174px; color: #cca300;
}
.errMsg{ font: 10px Verdana }
.emailBox{
	width: 90px; border: solid 1px #ffcc00; font: 10px Verdana;
	position: relative; margin-top: -18px; margin-left: 75px; background: #fff3c5
}
.errEmail{ font: 10px verdana }
.pwBox{
	width: 90px; border: solid 1px #ffcc00; font: 10px Verdana;
	position: relative; margin-top: -18px; margin-left: 75px; background: #fff3c5
}
.errPass{ font: 10px verdana }
.lgBoxTopLeft{}
.lgBoxTop
{
	height: 4px; background: #ffcc00
}
.lgBoxTopRight{}
.lgBoxLeft{}
.lgBoxMid{
	width: 174px; padding-left: 10px; padding-top: 7px;
	background: transparent;
}
.lgBoxRight{}
.lgBoxBottomLeft{}
.lgBoxBottom{}
.lgBoxBottomRight{}



/************************ SEARCH PAGE ************************/
.searchFooter td{
	font: bold 12px Verdana; text-decoration: none; color: #ffffff;
	background: transparent; height: 16px; padding-bottom: 1px; text-align: left;
	border-top: solid 1px #ffffff
}
.searchFooter A{
	font: 12px Verdana; text-decoration: none; color: #ffffff;
}
.searchFooter A:Visited{
	font: 12px Verdana; text-decoration: none; color: #57d9db;
}
/************************ SEARCH BOX ************************/
.scbody{
	background: transparent; width: 174px; height: 80px;
	position: absolute; top: 20px; margin-left: 700px
}
.srchBox{
	width: 150px; border: solid 1px #000000; font: 12px Verdana; margin-top: 18px; margin-left: 10px;
}
#searBox_msg{
	font: 12px Verdana; position: absolute; margin-top: -3px; margin-left: -10px; color: #ffcc00
}
#searBox_lbtnsearch{
	font: 12px verdana; color: #ffffff; text-decoration: none; position: absolute; margin-top: -42px;
	margin-left: 35px; 
}
#searBox_lbtnsearch:Hover{
	color: #ffffff; text-decoration: none
}





/************************ CART BOX ************************/
.cartbody{
	width: 174px; height: 95px; background: transparent url("cartBg.gif") repeat-x top;
	margin-left: 5px
}
.cartboxModule{
	text-align: center; width: 174px; height: 35px; margin-left: 0px; margin-top: 20px;
	font: normal 10px Verdana; padding-top: 15px; text-align: center;
}





/************************ DIVISION BOX & SUB DIVISON BOX ************************/
#dMenu{
	width: 174px; 
}
.menuTitle{
	font: 1px Verdana; color:#1f69c8; text-align: center; 
	background: transparent
}
.menuTL{}
.menuT{
	width: 174px; height: 32px; background: transparent url("prodTop.gif") repeat-x;
}
.menuTR{}
.menuL{}
.menuR{}
.menuBL{}
.menuB{}
.menuBR{}
.menuC{
	width: 172px; 
}
.menuI{
	width: 172px; height: 22px; padding-top: 5px; padding-bottom: 0px; padding-left: 18px;
	font: 12px verdana; text-decoration: none; color: #ffffff; 
	background: transparent url("tabBg.jpg") no-repeat 5px;
}
.menuI:Hover{
	width: 172px; height: 22px; padding-top: 5px; padding-bottom: 0px; padding-left: 18px;
	font: bold 12px verdana; text-decoration: none; color: #ffffff; 
	background: transparent url("tabBg.jpg") no-repeat 5px; 
}
#sMenu{
	width: 174px;
}
.smenuTL{}
.smenuT{
	height: 4px; background: transparent url("sMenuBg.jpg") repeat-x;
}
.smenuTR{}
.smenuL{}
.smenuR{}
.smenuTitle{
	width: 172px; height: 29px;  
	text-align: center;	font: bold 11px Tahoma; text-decoration: none; color: #4dadff; 
}
.smenuC{
	width: 172px;
}
.smenuI{
	width: 176px; height: 27px; padding-top: 6px; padding-bottom: 4px; padding-left: 18px;
	font: 12px verdana; text-decoration: none; color: #ffffff; 
	background: transparent url("tabBg.jpg") no-repeat left;
}
.smenuI:Hover{
	width: 172px; height: 27px; padding-top: 6px; padding-bottom: 4px; padding-left: 18px;
	font: bold 12px verdana; text-decoration: none; color: #ffffff; 
	background: transparent url("tabBg.jpg") no-repeat left;
}



/************************ VISITOR ************************/
.vismenuT{
	font: 11px verdana; padding-left: 15px; position:absolute; Margin-Top : -28;
}
.lblvisitor{
	font: 11px verdana; color: #000000;/*padding-left: 110px; position:absolute; Margin-Top : -6;*/
}
.lbldesc{
	font: 11px verdana; color: #000000;/*visibility: hidden;*/
}



/************************ DEPARTMENT PAGE ************************/
.pathLinkContent{
	width: 100%;
}
.pathLinksFont A{
	text-decoration: none; font: bold 11px tahoma; color: #ffffff;
}
.pathLinksFont A:visited{
	text-decoration: none; font: bold 11px tahoma; color: #ffffff;
}
.pathLinksFont A:hover{
	text-decoration: underline; font: bold 11px tahoma; color: #ffff;
}
.mainDeptsCtn{
	background: white; height: 100%
}
.mainDeptsBox{
	display: block; width: 150px; height: 140px; 
	padding: 4px; background: transparent;
}
.mainDeptsBox td{
	vertical-align: bottom
}
.mainDeptsBox A{
	font: 11px verdana; text-decoration: none; color: #000000
}
.mainDeptsBox A:Hover{
	font: 11px verdana; text-decoration: none; color: #4dadff
}
/************************ SUB DEPARTMENT PAGE ************************/
.hrLine{
	color: #a4a4a4; height: 1px
}
.boldTextFont{
	font: bold 12px Verdana; color: #ffffff
}
.subDepts{
	
}
.subDeptList{
	width: 100%;
}
.subDeptsBl{
	width: 9px; height: 9px; background: transparent url("depBg.jpg") no-repeat center;
	padding-left: 3px;
}
.subDeptBox A{
	font: 11px Verdana; text-decoration: none; color: #000000
}
.subDeptBox A:Hover{
	font: 11px Verdana; text-decoration: none; color: #4dadff
}
/************************ PRODUCT PAGE ************************/
.prodDeptCtn{
	width: 100%;
}
.prodBox{
	display:block; width: 250px; 
}
.prodBox A{
	font: 11px Verdana; text-decoration: none; color: #ffcc00; white-space: nowrap
}
.prodBox A:Hover{
	font: 11px Verdana; text-decoration: underline; color: #ffcc00; white-space: nowrap
}
.prodPic{
	width: 50px;
}
/************************ ITEM PAGE ************************/
.itemHeaderLbl{
	font: bold 18px Arial; color: #ffffff
}
.textFont{
	font: normal 11px Verdana
}
.tableHeader{
	font: bold 11px Arial; color: #ffffff;
	border-bottom: solid 1px #ffffff; text-align: center;
}
.tableHeader td{
	font: bold 11px Verdana; color: #ffffff;
	border-bottom: solid 1px #ffffff; text-align: center;
}
.tableAlt{
	font: 11px Verdana; background: transparent; color: #ffffff;
	border-top: solid 1px #ffcc00
}
.itemDeptCtn td{
	vertical-align: bottom; width: 175px; color: #ffffff
}
.imageCel{ cursor: hand; width: 80px }
.codeClm{ width: 100px;}
.nameClm{ width: 140px;}
.priceClm{ width: 70px; visibility: hidden}
.buyClm{ width: 60px;}
.gridFooter td{
	font: bold 12px Verdana; text-decoration: none; color: #ffffff;
	background: transparent; height: 16px; padding-bottom: 1px; text-align: left;
}
.gridFooter A{
	font: 12px Verdana; text-decoration: none; color: #ffffff;
}
.gridFooter A:Visited{
	font: 12px Verdana; text-decoration: none; color: #57d9db;
}
.gridFooter A:Active{
	font: bold 13px Verdana; text-decoration: none; color: #ffcc00;
}
.gridFooter A:Hover{
	font: 12px Verdana; text-decoration: underline; color: #ffffff;
}
/************************ ITEM DETAILS ************************/
.itemDetailsLbl{
	font: bold 18px Arial; color: #ffffff
}


/************************ CART PAGE ************************/
.shopCartTbl{
	width: 550px; border: solid 1px #ffffff
}
.shopCartInfo, .DateCreatedLbl, .DateChangedLbl{
	font: bold 12px Verdana; color: #ff0000
}
.shopCartDate{
	font: normal 12px Verdana
}





/************************ PAYMENT PAGE ************************/
.moduleTitle{
	font: bold 12px Verdana
}
.paymentTbl{
	font: 12px Verdana; width: 460px;
}






/************************ ADDRESS PAGE ************************/
.addressGrid{ /*Address.ascx*/
	width: 310px;
}





/************************ CHECKOUT PAGE ************************/
.chckOutTbl{
	width: 550px; height: 238px	;
}
.chckOutBillTbl{
	width: 272px; height:100%; font: normal normal normal 11px Verdana;
	border: solid 1px #ffffff; background-color: transparent
}
.chckOutShipTbl{
	width: 272px; height: 100%; font: normal normal normal 11px Verdana;
	border: solid 1px #ffffff; background-color: transparent
}
.chckOutDeliveryTbl{
	width: 550px; font: normal normal normal 12px Verdana;
	border: solid 1px #ffffff; background-color: transparent
}
.TotalChargeLbl{
	font: normal normal bold 12px Verdana; color: #ff0000
}
.TotalLbl{
	background: transparent
}
.chckIFrame{
	width: 550px; background: #ffffff
}
.chckOutTerms{
	background: #ffffff; width: 529px;
}




/************************ CHECKOUT DETAILS PAGE ************************/
.chckOutDetails{
	width: 550px;
}
.chckOutDetailsModel{
	visibility: hidden
}



/************************ PROMOTION HOME PAGE ************************/
.promoHomePanel{
	background: transparent url("promoBg.jpg") repeat-x bottom; border: solid 1px #a4a4a4;
	padding-top: 10px; padding-left: 5px; margin-left: 2px; width: 480px; 
	height: 101px; font: normal 12px Verdana;
}
.promoHomeTitle{
	visibility: hidden
}
.promoHomeInTbl{
	position:relative; width: 450px; font: normal 12px Verdana;
}
.promoHomeInfo{
	vertical-align: top
}
.promoHomeImg{
	cursor: hand; padding: 4px
}
.promoHomeCode{
	font: normal normal bold 12px Verdana
}
.promoHomeDisc{
	font: normal normal bold 14px Verdana; color: #ff0000;
}
.discTxt{
	visibility: hidden;
}
/************************ PROMOTION PAGE ************************/
.promotionItemPanel{
	
}
.promoTablePanel{
	background: transparent url("promoBg.jpg") repeat-x bottom; border: solid 1px #a4a4a4;
	padding-top: 5px; padding-left: 5px; width: 480px; position: relative; margin-left: 4px;
}
.promoTitle{
	visibility: visible
}
.promoTable{
	position:relative; width: 450px; font: normal 12px Verdana;
}
.promoImg{
	cursor: hand; padding-left: 15px
}
.promoCode{
	font: normal normal bold 12px Verdana
}
.promoDisc{
	font: normal normal bold 14px Verdana; color: #ff0000
}





/************************ FOOTER ************************/
.fAlign{
	height: 40px;
}
.footerTbl{
	height: 40px; width: 880px; background: #ffffff
}
.footerCellLinks{
	text-align: center; padding-top: 14px; position: relative; color: #000000
}
#footer A {
	COLOR: #000000; font: bold 11px arial; text-decoration: none;
}
#footer A:hover {
	COLOR: #000000; font: bold 11px arial; text-decoration: underline;
}
.footer2{
	font: 11px Arial; color: #000000; text-align: left; position: absolute; padding-top: 25px; padding-left: 10px;
}
.footer3{
	text-align: right; height: 100%; font: 11px Arial; color: #000000;
	vertical-align: bottom; padding-bottom: 0px; padding-right: 10px
}





/************************ Button ************************/
.addAddBtn{ /* Add New Address */
	width: 109px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(addAddBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.addCartBtn{
	width: 113px; height: 20px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(addCartBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand;
}
.attachBtn{
	width: 66px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(attachBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.backBtn{
	width: 82px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(Back.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.backBtn:Hover{
	width: 82px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(Back.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.cartBtn{
	width: 91px; height: 25px; border: 0px; position: absolute;
	background: transparent url("checkListBtn.jpg") no-repeat center top;
	overflow: hidden; cursor: hand; margin-left: 75px; margin-top: 15px;
}
.checkOutBtn{ /* Checkout button */
	width: 79px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(checkOutBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.continueBtn{
	width: 109px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(continueBtn.gif) no-repeat center top;
	overflow: hidden; cursor: hand
}
.completeBtn{
	width: 93px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(completeBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.delCartBoxBtn{
	position: absolute; white-space: nowrap; margin-top: 20px; margin-left: 2px;
	color: #ffffff
}
.detailsBtn{ /* Details Button */
	width: 79px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(detailsBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.hideBtn{ /* Hide Button */
	width: 79px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(hideBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.invoiceBtn{ /* invoice Button */
	width: 100px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(invoiceBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand; visibility: hidden
}
.loginBoxBtn{ /* Login Button */
	width: 73px; height: 25px; padding: 0px;
	background: transparent url(loginBoxBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand; border: 0px;
}
.loginBtn{ /* Login Button */
	width: 73px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(loginBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.newAddBtn{ /* Show New Address form */
	width: 140px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(newAddBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.orderBtn{ /* Order Button */
	width: 55px; height: 16px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(orderBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand; visibility: hidden
}
.quoBtn{ /* Quotation Button */
	width: 79px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(quoBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.registerBoxBtn{ /* Register Button */
	width: 73px; height: 25px; padding: 0px;
	background: transparent url(registerBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand;
}
.registerBtn{ /* Register Button */
	width: 73px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(registerBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.resetBtn{ /* Reset Button */
	width: 62px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(resetBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.rqstRtnBtn{
	width: 74px; height: 24px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(rqstRtnBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand; visibility: hidden
}
.rtnBtn{ /* Return Button */
	width: 66px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(rtnBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.saveBtn{ /* Save Button */
	width: 66px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(saveBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.searchBoxBtn{ /* Search Button */
	width: 73px; height: 25px; border: 0px; margin-top: 0px; margin-left: -75px;
	background: transparent url("searchBoxBtn.jpg") no-repeat center top;
	overflow: hidden; cursor: hand; position: absolute; 
}
.searchBtn{ /* Search Button */
	width: 73px; height: 25px; padding: 0px; margin-top: 3px; border: 0px; 
	background: transparent url("searchBtn.jpg") no-repeat center top;
	overflow: hidden; cursor: hand
}
.submitBtn{ /* Submit Button */
	width: 79px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(submitBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.transBtn{
	width: 93px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(transBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.updateBtn{ /* Update Button */
	width: 79px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(updateBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.useAddBtn{ /* Use the Current Address */
	width: 105px; height: 25px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(useAddBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}


/*HTML*/
.oLink{
	font: 12px Verdana; color: #ffffff; text-decoration: none
}
.oLink:Hover {
	font: bold 12px Verdana; color: #ffffff; text-decoration: none
}

/*************errormsg******************/
.errortextFont{
	font: normal 11px Verdana;color: #ffcc00;
}