/****************** Smart *********************
Version 2.0 TG COMMERCE Inventory Version: 1.807
Date Created: 12-05-2008
Date Modified: 13-05-2008
Modified By: kl
Description: left : 220 px; right : 220 px
Middle width: 562 px


/************************ Class for Left Navi Module  ********************************/
.leftNavi_dot { background-image: url(left_navi03.jpg); background-repeat: no-repeat;
background-position: left center;}

.leftNavi_title { line-height:21px; padding-left:5px; vertical-align:bottom; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #333333;
text-decoration: none;}

.leftNavi_content { width:190px; padding-left:10px; font-family: Arial, Helvetica, sans-serif;font-size: 11px;
font-style: normal; line-height: 24px; font-weight: normal; font-variant: normal; text-transform: none;
color: #666666; text-decoration: none;}

.leftNavi_content:Hover {width:190px; background-color:#1081d1; padding-left:10px; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; font-style: normal; line-height: 24px; font-weight: normal; font-variant: normal; text-transform: none;
color: #ffffff; text-decoration: none;}


/************************ Class for HTML Module  ********************************/
.htmlTitle {font-family: Arial; font-size: 14px; color: #003556; font-weight: bold; text-decoration: none; line-height:32px;}
.htmlContent {font-family: Arial; font-size: 12px; text-align: justify; color: #111111;text-decoration: none}
.htmlSideTitle {font-family: Arial; font-size: 13px; color: #25a6ee; font-weight: bold; text-decoration: none;}
.htmlSideContent {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
.htmlContent1 {font-family: Arial; font-size: 11px;  color: #111111;}

.htmlI{
	background-color:#ffffff; font-family: Arial; font-size: 11px; color: #6b6b6b;
    text-decoration: none; text-align: left; padding-left: 5px;
}
.htmlI:Hover{
    background-color:#ffffff; font-family: Arial; font-size: 11px; color: #25a6ee;
    text-decoration: none; text-align: left; padding-left: 5px;
}

.htmlII{
	background-color:#ffffff; font-family: Arial; font-size: 11px; color: #25a6ee;
    text-decoration: none; text-align: left; padding-left: 5px;
}
.htmlII:Hover{
    background-color:#ffffff; font-family: Arial; font-size: 11px; color: #9bdafd;
    text-decoration: none; text-align: left; padding-left: 5px;
}

/****************** Donation Page  *******************/

.DFont{
	font-size: 12px; font-family: Arial; text-decoration: none;
}
.DFontB{
	font-size: 12px; font-family: Arial; font-Weight: bold; text-decoration: none;
}
.DFontU{
	font-size: 12px; font-family: Arial; text-decoration: underline;
}
.DFont1{
	font-size: 16px; font-family: Arial; vertical-align: center; text-decoration: none; 
	height: 40px; padding-top: 8px; padding-bottom: 8px; text-align: center;
}
.DFont2{
	font-size: 24px; font-weight: bold; font-family: Arial; text-decoration: none;
}
.DFont3{
	font-size: 10px; font-family: Arial; text-decoration: none; color: #f90707;
}
.DFont4{
	font-size: 12px; font-family: Arial; text-align:center; text-decoration: none; width:170px;
}
.DFont5{
	font-size: 12px; font-family: Arial; text-align:center; text-decoration: none; width:562px;
}
.DFont6{
	font-size: 12px; font-family: Arial; text-indent:20px; text-decoration: none; text-align:left;
}
.Dframe{
	padding: 0px; font-size: 11px; text-align: justify; border: solid 1px #CCCCCC;
	background-color: #FFFFFF; width: 710px; vertical-align: top; 
}
.DLine{
	padding-bottom: 0px; font-size: 12px; font-family: Arial; text-align: justify; border-bottom: solid 3px #CCCCCC;
	background-color: #FFFFFF; height: 3px; vertical-align: top; width: 562px;
}
.DLine1{
	padding-bottom: 2px; padding-top: 2px; font-size: 12px; font-family: Arial; text-align: justify; border-bottom: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC; text-align: left;
	background-color: #FFFFFF; height: 1px; vertical-align: top; width: 562px;
}
.DLine2{
	padding-bottom: 2px; padding-top: 2px; font-size: 12px; font-family: Arial; text-align: justify; 
	background-color: #FFFFFF; height: 1px; vertical-align: top; width: 562px;
}
/************************ BODY ************************/
BODY {
	Margin: 0px; FONT-SIZE: 12px; FONT-FAMILY: Arial; LETTER-SPACING: normal;
	background: #ced9d5 url("bg.jpg") repeat-x; text-align: center;
}
.bodyTable {
	height: 100%; width: 1002px; text-align: center; background: #ffffff;
	margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto;
}
.bodyInTable{
	margin-top: -17px; width: 1002px; height: 100%; border-collapse: collapse; background: #ffffff; 
}


/************************ HEADER ************************/

.header { width: 1002px; height:100px; background: url("top.jpg") no-repeat; }
#compL {}
#compN {}
#welMsg {
	Font: bold 11px Verdana; POSITION: absolute; top: 25px; margin-left: 850px;
	color: #ffffff;	width: 200px; height: 14px; text-align: left;
}
#log { font: 11px Verdana; POSITION: absolute; top: 40px; margin-left: 650px; }
#log A { font: 11px Verdana; COLOR: #ffffff; TEXT-DECORATION: none }
#log A:Hover { font: 11px Verdana; COLOR: #ffffff; TEXT-DECORATION: none }

/************************ HEAD LINK ************************/
#hTable td{ color: #ffffff; font: 10px Verdana; }
.hLeft{}
.hRight{}
.hMiddle{}

#hLinks A { font: normal 11px  Arial; TEXT-DECORATION: none; color: #ffffff;}
#hLinks A:hover { font: normal 11px Arial; TEXT-DECORATION: none; color: #d8f4ff }
#hLinks {  margin-top: 10px; width: 800px; margin-left: -810px;}

/************************ TAB LINK ************************/
#tLinks { margin-top: 56px;  padding-right: 10px; height: 28; background: transparent url(tab.jpg)}
#tLinks A { COLOR: #000000; font:  bold 11px Arial; text-decoration: none; }
/*#tLinks A:hover{}*/
#tLinks A:link { COLOR: #000000; font: bold 11px Arial; text-decoration: none; } /* Fixed 001c82*/
#tLinks A:hover { COLOR: #000000; font: bold 11px Arial; text-decoration: none; } /* Fixed */
#tLinks A:active { 
COLOR: #000000; font: bold 11px Arial; text-decoration: none;
/*COLOR: #fff4e0; font: bold 11px Arial; text-decoration: none; */}

.tabTbl{}
.tabTblLeft{}
.tabTblMiddle{}
.tabTblRight{}
.InnerTabTbl{color: #000000 }
.InnerTabTbl A{padding-top: 8px; padding-bottom: 0px;font: bold 11px Arial; COLOR: #001c82; white-space: nowrap;
				TEXT-DECORATION: none; }
.InnerTabTbl A:hover{ TEXT-DECORATION: none; color: #000000;}

/* Tab Button */
.leftInTabTbl{}    
.midInTabTbl{ text-align: center; width: 150px; height: 28px; background: transparent url(btn1.jpg)}
.rightInTabTbl{ }

/* Selected Tab Button */
.selectedInnerTabTbl{}
.leftSlctInTabTbl{ }
.midSlctInTabTbl {
	 text-align: center; font: bold 11px Arial; COLOR: #000000; 
	TEXT-DECORATION: none; width: 120px; height: 28px;  background:  transparent url("btn1.jpg");
}
.rightSlctInTabTbl{ width: 3px;  height: 28px; }



/************************ Left,MIDDLE and Right ************************/
.htop{ height: 100%; width: 100%; background: transparent; }
.lpLine {width: 10px;} /* Left Panel - Left Line */
.lpWidth { width: 220px;} /*Left Panel*/
.lcLine { width: 1px; background : url("pline.jpg") repeat-y; } /* Left Panel - Right Line */
.crLine { width: 1px; background : url("pline.jpg") repeat-y;} /* Middle Panel - Right Line */
.cpWidth { width: 562px; } /*Middle Panel*/
.rpWidth { width: 220px;} /*Right Panel*/
.rpLine{} /* Right Panel - Right Line */


/************************ LOGIN BOX ************************/

.grey_loginframe {
	padding: 0px; font-size: 11px; text-align: justify; border: solid 1px #CCCCCC;
	background-color: #FFFFFF; height: 300px; vertical-align: top; /*width: 300px;*/
	}
.error_handling { 
	border: 1px dotted #FF0000; text-align: left; color: #FF0000; padding: 5px;
	background-color: #FFFFFF; font-size: 12px;
	}
	
.align_logintbl { vertical-align: top; text-align: left; font-size: 11px; }
.login_header1 { height: 42px; background:url(login_header_r4_c2.jpg) left no-repeat; border-bottom: 1px solid #CCCCCC; }
.login_header2 { height: 42px; background:url(login_header_r2_c2.jpg) left no-repeat; border-bottom: 1px solid #CCCCCC; }
.login_td { text-align: justify; font-size: 11px; /*width:300px;*/ }






/************************ SEARCH BOX ************************/
.scbody{
	position: absolute; top: 18px; background: transparent url("scBox1.jpg") no-repeat;
	margin-left: 0px; height: 48px; margin-top: 100px;
}
.srchBox{
	width: 120px; border: solid 1px #a99595; font: 11px Verdana; margin-top: 88px; margin-right: 20px;
	margin-bottom: 10px; z-index: 99; position: absolute; left: 25px; 
}
#searBox_msg{
	font: 11px Verdana; position: absolute; margin-top: -18px; margin-left: -100px; background: red
}
#searBox_lbtnsearch{
	font: bold 11px Arial; color: #001c82; text-decoration: none; position: absolute; margin-top: 82px;
	margin-left: -75px;
}
#searBox_lbtnsearch:Hover{
	color: #43a014; text-decoration: underline
}





/************************ CART BOX ************************/
.cartbody{
	
	width: 138px; height: 90px; background: transparent url("sideDivider.jpg") no-repeat bottom;
}
.cartboxModule{
	text-align: center; width: 129px; height: 35px; margin-left: 10px; margin-top: 0px;
	font: normal 10px Verdana; padding-top: 0px; text-align: center;
}





/************************ DIVISION BOX & SUB DIVISON BOX ************************/
#dMenu{ width: 190px; margin-top: 10px; }

.menuTitle{ /*font: 1px Arial; color:#ffffff; text-align: center; background: transparent;*/
width:190px; font: bold 0px verdana; color: #ffffff; text-align: right; background: #ffffff; height: 23px; background: transparent url("our_products.jpg") no-repeat; visibilty: hidden; }

.menuTL{width:5px}
.menuT{ width:140px; visibilty: hidden; }
.menuTR{width:5px}
.menuL{width: 1px; background: transparent url("Lmenu_line.jpg") repeat-y; }
.menu{width: 190px; }
.menuR{width: 1px;}
.menuBL{width: 1px; padding: 1px; background: transparent url("Lmenu_line.jpg") repeat-y; }
.menuB{height: 5px; width: 1px; padding: 1px; background:transparent url("menuB_line.jpg") no-repeat;} /*border-bottom: 1px dotted;*/
.menuBR{width: 1px; padding: 1px;}
.menuC{width: 15px; padding-left: 0px; padding-bottom: 0px; background: #ffffff; }

/* Department */
.menuI{
	width: 190px; background: transparent url("menu_line.jpg") no-repeat; background-color:#ffffff; font: 11px Arial; text-decoration: none; color: #3043a5 ; text-align: left; padding-left: 28px; 
	 height: 18px;/*  3c640c  transparent url(left_bg111.gif); height: 18px;*/
}
.menuI:Hover{
	width: 190px; padding-top: 0px;  
	font: 11px Arial; text-decoration: none; color: #f4f1fa; text-align: left;
	background: transparent url("menu_line.jpg") no-repeat; background-color:#3043a5; height: 18px;
}


/* Sub department */
#sMenu{
	width: 190px; 
}
.smenuTL{}
.smenuT{}
.smenuTR{}
.smenuL{}
.smenuR{}
.smenuTitle{
	width: 190px; height: 22px; text-align: right; padding-right: 26px;
	font: bold 11px Arial; text-decoration: none; color: #bffdf9; 
	background: transparent url("sMenuI.jpg") no-repeat center right;
}
.smenuC{
	width: 190px;
}
.smenuI{
	width: 190px; padding-top: 3px; padding-bottom: 3px; padding-right: 3px;
	font: 11px Arial; text-decoration: none; color: #001c82; text-align: right;
	border-bottom: solid 1px #a4a4a4;
}
.smenuI:Hover{
	width: 132px; padding-top: 3px; padding-bottom: 3px; padding-right: 3px;
	font: 11px Arial; text-decoration: none; color: #1e9815; text-align: right;
	border-bottom: solid 1px #a4a4a4;
}

/************************ CATEGORY SEARCH ************************/
.prodCatmenuT{ background: transparent url("divTop.jpg") no-repeat; height: 24px; width: 175px;	}
.prodCatmenuB{ background: #ffffff; height:1px; }
.prodCatmenuTitle{ width:190px; font: bold 0px verdana; color: #ffffff; text-align: right; background: #ffffff; height: 23px; background: transparent url("category_search.jpg") no-repeat; visibilty: hidden; /*height: 20px; font: bold 11px verdana;*/ }
.prodCatmenuC{ width: 139px; }
.prodCatmenuC{}
.prodCatmenuI{}
.prodCatmenuI:Hover{}

/************************ BRAND SEARCH ************************/
.prodBramenuT{}
.prodBramenuB{ background: #ffffff; height:1px; }
.prodBramenuTitle{ width:190px; font: bold 0px verdana; color: #ffffff; text-align: right; background: #ffffff; height: 23px; background: transparent url("brand_search.jpg") no-repeat; visibilty: hidden;/*padding-left: 5px; width:139px; font:  11 Verdana; color: #3b5899; background: #becbe7;*/ }
.prodBramenuC{ width: 139px; }
.prodBramenuC A:Hover{ width: 139px; height: 14px; background: #f19f9f }
.prodBramenuI{}
.prodBramenuI:Hover{}

/************************ COLOR SEARCH ************************/
.prodColmenuT{}
.prodColmenuB{ background: #ffffff; height:1px; }
.prodColmenuTitle{ width:190px; font: bold 0px verdana; color: #ffffff; text-align: right; background: #ffffff; height: 23px; background: transparent url("color_search.jpg") no-repeat; visibilty: hidden;/*padding-left: 5px; width:139px; font:  11 Verdana; color: #3b5899; background: #becbe7;*/ }
.prodColmenuC{ width: 139px; }
.prodColmenuC A:Hover{ width: 139px; height: 14px; background: #f19f9f }
.prodColmenuI{}
.prodColmenuI:Hover{}

/************************ GROUP SEARCH ************************/
.prodGrpmenuT{}
.prodGrpmenuB{ background: #ffffff; height:1px; }
.prodGrpmenuTitle{ width:190px; font: bold 0px verdana; color: #ffffff; text-align: right; background: #ffffff; height: 23px; background: transparent url("group_search.jpg") no-repeat; visibilty: hidden; /*padding-left: 5px; width:139x; font:  11 Verdana; color: #3b5899; background: #becbe7;*/}
.prodGrpmenuC{ width: 139px; }
.prodGrpmenuC A:Hover{
	 width: 139px; height: 14px; background: #f19f9f
}
.prodGrpmenuI{}
.prodGrpmenuI:Hover{}

/************************ ISBN SEARCH ************************/
.prodIsbnmenuT{}
.prodIsbnmenuB{ background: #ffffff; height:1px; }
.prodIsbnmenuTitle{	width:190px; font: bold 0px verdana; color: #ffffff; text-align: right; background: #ffffff; height: 23px; background: transparent url("isbn_search.jpg") no-repeat; visibilty: hidden;/*padding-left: 5px; width:139px; font:  11 Verdana; color: #3b5899; background: #becbe7;*/ }
.prodIsbnmenuC{	width: 139px; }
.prodIsbnmenuC A:Hover{
	 width: 139px; height: 14px; background: #f19f9f
}
.prodIsbnmenuI{}
.prodIsbnmenuI:Hover{}

/************************ SIZE SEARCH ************************/
.prodSizemenuT{
	
}
.prodSizemenuB{
	background: #ffffff; height:1px;
}
.prodSizemenuTitle{width:190px; font: bold 0px verdana; color: #ffffff; text-align: right; background: #ffffff; height: 23px; background: transparent url("size_search.jpg") no-repeat; visibilty: hidden;
	/*padding-left: 5px; width:139px; font:  11 Verdana; color: #3b5899; background: #becbe7;*/
}
.prodSizemenuC{
	width: 139px; 
}
.prodSizemenuC A:Hover{
	 width: 139px; height: 14px; background: #f19f9f
}
.prodSizemenuI{}
.prodSizemenuI:Hover{}


/************************ VISITOR ************************/
.lblvisitor{ font: 11px Arial }
.lbldesc{ font: 11px Arial }



/************************ DEPARTMENT PAGE ************************/
.pathLinkContent{}
.pathLinksFont A{ text-decoration: none; font: 10px verdana; color: #001c82; }
.pathLinksFont A:visited{ text-decoration: none; font: 10px verdana; color: #1e9815; }
.pathLinksFont A:hover{ text-decoration: underline; font: 10px verdana; color: #1e9815; }
.mainDeptsBox{ display: block; width: 175px; height: 140px; padding: 4px; background: transparent; }
.mainDeptsBox td{ vertical-align: bottom }
.mainDeptsBox A{ font: 11px verdana; text-decoration: none; color: #001c82 }
.mainDeptsBox A:Hover{ font: 11px verdana; text-decoration: underline; color: #1e9815 }


/************************ SUB DEPARTMENT PAGE ************************/
.hrLine{ color: #a4a4a4; height: 1px }
.boldTextFont{ font: normal normal bold 12px Verdana }
.subDeptList{ width: 100%; }
.subDeptsBl{ width: 12px; height: 14px; background: transparent url("arrow.jpg") no-repeat center; padding-left: 3px; }
.subDeptBox A{ font: 11px Verdana; text-decoration: none; color: #001c82 }
.subDeptBox A:Hover{ font: 11px Verdana; text-decoration: underline; color: #1e9815 }


/************************ PRODUCT PAGE ************************/
.prodDeptCtn{
	width: 99%;
}
.prodBox{
	display: block; width: 100%;
}
.prodBox A{
	font: 11px Verdana; text-decoration: none; color: #001c82
}
.prodBox A:Hover{
	font: 11px Verdana; text-decoration: underline; color: #1e9815
}
.prodPic{
	width: 50px;
}
/************************ ITEM PAGE ************************/
.textFont{
	font: normal 11px Verdana
}
.tableHeader{
	font: bold 11px Arial; color: #000000;
	border-bottom: solid 1px #000000; text-align: center;
}
.tableHeader td{
	font: bold 11px Verdana; color: #000000;
	border-bottom: solid 1px #000000; text-align: center;
}
.tableAlt{
	font: 11px Verdana; background: #ffffff url("tableAlt.jpg") repeat-x top;
}
.imageCel{ cursor: hand; width: 80px }
.codeClm{ width: 115px;}
.nameClm{ width: 150px;}
.priceClm{ width: 70px;}
.buyClm{ width: 60px;}
.gridFooter td{
	font: 12px Verdana; text-decoration: none; color: #2676b4;
	background: #ffffff; height: 16px; padding-bottom: 1px;
}
.gridFooter A{
	font: 12px Verdana; text-decoration: none; color: #001c82;
}
.gridFooter A:Hover{
	font: 12px Verdana; text-decoration: underline; color: #1e9815;
}
.gridFooter A:Visited{
	font: 12px Verdana; text-decoration: none; color: #225ec1;
}



/************************ CART PAGE ************************/
.shopCartTbl{ width: 480px }
.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: 480px; height: 238px	;
}
.chckOutBillTbl{
	width: 235px; height:100%; font: normal normal normal 11px Verdana;
	border: solid 1px #818181; background-color: #ffffff
}
.chckOutShipTbl{
	width: 235px; height: 100%; font: normal normal normal 11px Verdana;
	border: solid 1px #818181; background-color: #ffffff
}
.chckOutDeliveryTbl{
	width: 480px; font: normal normal normal 12px Verdana;
	border: solid 1px #818181; background-color: #ffffff
}
.TotalChargeLbl{
	font: normal normal bold 12px Verdana; color: #ff0000
}
.chckIFrame{
	width: 480px; background-color: #ffffff
}
.chckOutTerms{
	background: #ffffff; width: 455px;
}




/************************ CHECKOUT DETAILS PAGE ************************/
.chckOutDetails{ width: 475px; }
.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 }


/************************ NEW RELEASE PAGE ************************/
.NewReleaseTxt{
	font:  bold 16px Verdana; text-align: Center; color: #ffffff; 
	background: #bdcbe8; 
	width: 695px; padding-top: 3px; padding-bottom: 3px;
}
.NewReleaseData{
	width: 690px;
}
.newReleaseItemPanel{
	width: 690px; 
}
.newReleaseTablePanel{
	background: #ffffff; 
	padding-top: 5px; padding-left: 5px; padding-bottom: 5px;
	height: 150px; position: relative; margin-left: 4px;
	text-align: center;
}
.promoTitle{
	visibility: visible
}
.newReleaseTable{
	position:relative; font: normal 12px Verdana; height: 200px; display: block
}
.promoImg{
	cursor: hand; padding-left: 15px
}
.promoDisc{
	font:  13px Verdana; color: #ff0000
}
/************************ COMING SOON PAGE ************************/
.comingSoonTxt{
	font: bold 16px Verdana; text-align: Center; color: #ffffff; 
	background: #bdcbe8; 
	width: 695px; padding-top: 3px; padding-bottom: 3px;

	/*font:  18px Verdana; text-align: left; color: #ffffff; 
	background: #ffffff url("newBg.jpg") repeat-x top; 
	width: 666px; padding-top: 3px; padding-bottom: 3px;*/
}
.ComingSoonData{
	width: 690px;
}
.comingSoonItemPanel{
	width: 690px;
}
.comingSoonTablePanel{
	padding-top: 5px; padding-left: 5px; padding-bottom: 5px;
	height: 10px; position: relative; margin-left: 4px;
	text-align: center;
}
.promoTitle{
	visibility: visible
}
.comingSoonTable{
	font: normal 10px Verdana; height: 200px; display: block; vertical-align: bottom
	
}
.releaseDate{
	color: #0066cc
}

/************************ FORUM INDEX ************************/
.forumIndex Table{
	font: 11px Verdana;
}
.forumText{
	font: bold 11px Verdana;
}
.forumIndexHeader{
	background: #bdcbe8; font: bold 12px Verdana
}
.forumIndexHeader A{
	text-decoration: none; color: #000000
}
.forumIndexHeader A:Hover{
	text-decoration: underline
}
/************************ FORUM TOPIC ************************/
.forumTopicTitle{
	font: bold 14px Verdana; padding-top: 5px;
}
.forumTopicTitle A{
	font: bold 14px Verdana; color: #000000; text-decoration:none
}
.forumTopicTitle A:Hover{
	font: bold 14px Verdana; color: #000000; text-decoration:underline
}
.ForumTopic{
	font: 11px Verdana; color: #000000; background: #bdcbe8
}
.forumTopicTbl{
	border: solid 2px #3b5899; font: 11px Verdana; width: 580px;
}
/************************ FORUM MESSAGE ************************/
.forumMessageTitle{
	font: bold 14px Verdana; padding-top: 5px;
}
.forumMessageTitle A{
	font: bold 14px Verdana; color: #000000; text-decoration:none
}
.forumMessageTitle A:Hover{
	font: bold 14px Verdana; color: #000000; text-decoration:underline
}
.ForumMessage{
	font: 11px Verdana; color: #000000; background: #bdcbe8
}
.forumMsgTbl{
	border: solid 2px #3b5899; font: 11px Verdana; width: 580px;
}
/************************ FORUM POST MESSAGE ************************/
.forumPstMsgTitle{
	font: bold 14px Verdana; padding-top: 5px;
}
.forumPstMsgTitle A{
	font: bold 14px Verdana; color: #000000; text-decoration:none
}
.forumPstMsgTitle A:Hover{
	font: bold 14px Verdana; color: #000000; text-decoration:underline
}
.forumPstMsgTbl{
	font: 11px Verdana; width: 580px;
}
/************************ FORUM POST TOPIC ************************/
.forumPstTpcTitle{
	font: bold 14px Verdana; padding-top: 5px;
}
.forumPstTpcTitle A{
	font: bold 14px Verdana; color: #000000; text-decoration:none
}
.forumPstTpcTitle A:Hover{
	font: bold 14px Verdana; color: #000000; text-decoration:underline
}
.forumPstTpcTbl{
	font: 11px Verdana; width: 580px;
}





/************************ FOOTER ************************/
.fAlign{
	height: 50px;
}
#footer{ text-align: center;  font: 11px Arial; color: #929192; /*position: relative; margin-top: 0px */}
.footerTbl{ height: 80px; width: 1002px; background: transparent url("footer.jpg") repeat-x; } /** Fixed **/

.footerCellLinks{ width: 1002px; padding-top: 3px; padding-bottom: 0px; vertical-align: middle; text-align: center;}

/* Footer link component */
#footer A { COLOR: #565553; font: bold 11px Arial; text-decoration: none; } /** Fixed **/
#footer A:link { COLOR: #565553; font: bold 11px Arial; text-decoration: none; } /** Fixed **/
#footer A:hover { COLOR: #eeeded; font: bold 11px Arial; text-decoration: underline; } /** Fixed **/
#footer A:active { COLOR: #eeeded; font: bold 11px Arial; text-decoration: none; } /** Fixed **/

/* Brand word "Powered by" */
#ctl02_PoweredByLabel { color: #000000; font: 11px; text-decoration: none; } /** Fixed **/
.footer1 {
	text-align: center;  font: 11px Arial; color: #565553; 
}	
.footer2 {
	text-align: right; font: 11px Arial; color: #565553;  
}
.footer3 {
	 font-size: 9px; font-family: Arial; color: #565553; 
}
/* Left Frame footer */
.footerMenuL{ width: 220px; } /** Fixed **/
/* Right Frame footer */
.footerMenuR { width: 782px; } /** Fixed **/


/*.fAlign{
	height: 50px;
}
.footerTbl{
	height: 80px; width: 1002px; background: transparent url("footer.jpg") repeat-x;
}
.footerCellLinks{
	text-align: center; padding-top: 10px; padding-bottom: 4px;
}
#footer A {
	COLOR: #565553; font: 11px Arial; text-decoration: none;
}
#footer A:hover {
	COLOR: #ffffff; font: 11px Arial; text-decoration: none;
}
.footer2{
	font: 10px Arial; color: #565553; text-align: center; 
}
.footer3{
	text-align: Center; height: 100%; font: 10px Arial; color: #006882;

}
.footerRightP{ width: 150px; text-align: Center;
}*/

/***** Standard class for HTML text and other text fond  *********/
.htmSmall{
	text-align: top; width: 160px; font: 12px Verdana; color: #000000; text-decoration:none; 
}
.htmMedium{
	width: 100px; border: solid 1px #a4a4a4; font: 11px Verdana; margin-top: 12px; margin-left: 1px;
	margin-bottom: 10px; z-index: 99
}
.htmLarge{}
.htmTextBox1{
	width: 350px;
}
.htmTextBox2{
	width: 350px; height: 100px;
}
.textFont{
	font: 12px verdana; text-decoration: none;; 
}

/************************ Button ************************/
.addAddBtn{ /* Add New Address */
	width: 66px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(addAddBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.addCartBtn{
	width: 46px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(buy_btn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand; /*visibility: hidden;*/
}
.attachBtn{
	width: 98px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(attachBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.backBtn{
	width: 47px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(backBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.cartBtn{
	width: 80px; height: 22px; border: 0px; position: absolute;
	background: transparent url(viewCart_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand; margin-left: 45px; margin-top: 15px;
}
.checkOutBtn{ /* Checkout button */
	width: 80px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(checkOut_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.completeBtn{
	width: 81px; height: 19px; 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;
}
.detailsBtn{ /* Details Button */
	width: 66px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(detailsBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.hideBtn{ /* Hide Button */
	width: 55px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(hideBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.invoiceBtn{ /* invoice Button */
	width: 66px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(invoiceBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.loginBoxBtn{ /* Login Button */
	width: 56px; height: 19px; padding: 0px; position: relative;
	background: transparent url(loginBoxBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand; border: 0px; margin-right: -4px;
}
.loginBtn{ /* Login Button */ 
	display: block; background: transparent url(login_button.jpg) no-repeat center top; 
	width: 80px; height: 22px; padding: 0px; margin: 0px; border: 0px; overflow: hidden; cursor: hand; 
}
.newAddBtn{ /* Show New Address form */
	width: 100px; height: 22px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(newAdd_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.orderBtn{ /* Order Button */
	width: 66px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(order_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.quoBtn{ /* Quotation Button */
	width: 90px; height: 22px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(quotation_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.registerBoxBtn{ /* Register Button */
	width: 56px; height: 19px; padding: 0px; position: relative; 
	background: transparent url(registerBoxBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand; margin-left: -120px
}
.registerBtn{ /* Register Button */
	width: 80px; height: 22px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(register_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.resetBtn{ /* Reset Button */
	width: 80px; height: 22px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(reset_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand; margin-left: 10px
}
.rqstRtnBtn{
	width: 90px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(rqstRtnBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.rtnBtn{ /* Return Button */
	width: 66px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(rtnBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.saveBtn{ /* Save Button */
	width: 65px; height: 22px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(save_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.searchBoxBtn{ /* Search Button */
	width: 80px; height: 22px; border: 0px; margin-top: -32px; margin-left: 5px;
	background: transparent url("searchBoxBtn.jpg") no-repeat center top;
	overflow: hidden; cursor: hand; position: absolute; 
}
.searchBtn{ /* Search Button */
	width: 80px; height: 22px; padding: 0px; margin-top: 3px; border: 0px; 
	background: transparent url(search_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.submitBtn{ /* Submit Button */
	width: 80px; height: 22px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(submit_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.transBtn{
	width: 90px; height: 19px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(transBtn.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.updateBtn{ /* Update Button */
	width: 80px; height: 22px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(update_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}
.useAddBtn{ /* Use the Current Address */
	width: 100px; height: 22px; padding: 0px; margin: 0px; border: 0px; 
	background: transparent url(useAdd_button.jpg) no-repeat center top;
	overflow: hidden; cursor: hand
}