/* CSS Document */

body{
background-color:#fff;
padding:0;
margin:0;
text-align:top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
}

td, tr{
vertical-align:top
}

 h1{
 font-size:16px;
 font-weight:bold;
 color:#000033;
 }
 
 h2{
 font-size:14px;
 font-weight:bold;
 color:#000033;
 }
 h3{
 font-size:12px;
 font-weight:bold;
 color:#000033;
 }
 
a{
font-size:12px;
color:#000000;
text-decoration:none;
}

a:hover{
font-size:12px;
color:#666666;
text-decoration:underline;
}


td, tr{
/*text-align:left;*/
vertical-align:top;
}

.header_bg{
background:url(../images/header_bg.gif);
background-repeat:repeat-x;
height:129px;
background-position:left;
border-bottom:4px solid #FFFFFF;
}

.header_name{
background:url(../images/header_title.gif);
height:60px;
width:255px;
background-repeat:no-repeat;
background-position:left;
vertical-align:top;
}

.toplink{
padding-right:5px;
color:#FFFFFF;
text-align:right;
}

.toplink a{
font-size:12px;
color:#FFFFFF;

text-decoration:none;
}

.toplink a:hover{
font-size:12px;
color:#FFFFFF;
text-decoration:underline;
}


.leftcol_bg{
background:url(../images/showcase_bg.gif);
height:30px;
background-repeat:repeat-x;
}

 

.middlecol_bg{
background:url(../images/showcase_bg.gif);
height:30px;
width:592px;
background-repeat:repeat-x;
}


.subhead{
background-color:#F0EFE3;
font-size:12px;
font-weight:bold;
color:#000000;
line-height:25px;
padding-left:12px;
}

.subhead a{
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:underline;
}

.subhead a:hover{
font-size:12px;
font-weight:bold;
color:#808040;
text-decoration:none;
}

.subhead a:visited{
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:none;
} 

.subhead_bg{
background:url(../images/subhead_bg.gif) #FFFFFF;
background-repeat:repeat-x;
}

.upclose{
font-size:15px;
color:#336666;
padding-left:5px;
}

.upclose a{
font-size:15px;
color:#336666;
text-decoration:none;
}

.upclose a:hover{
font-size:15px;
color:#4B4B25;
text-decoration:underline;
}


.suitshowcase{
border-left:1px solid #CCCCCC;
}

.colborder{
border-left:1px solid #B6B69E;
border-right:1px solid #B6B69E;
border-top:1px solid #B6B69E;
vertical-align:top;
}

.feedback{
font-weight:bold;
text-decoration:none;
border-top:1px solid #B5B59D;
}
.price_border{
border:1px solid #B5B59D;
}

.price{
padding-left:5px;
font-weight:bold;
color:#3C3B74;
}

.made_of{
padding-left:5px;
color:#4A4A1E;
}
.says{
font-weight:bold;
}

.welcome{
background:url(../images/welcome.gif) #092955;
background-repeat:no-repeat;
height:34px;
width:274px;
}
.welcome_text{
padding:5px;
line-height:18px;
text-align:justify;
}

.qlink{
background:url(../images/quicklink_bg.gif);
background-repeat:repeat-x;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
height:31px;
padding-left:5px;
line-height:30px;
}
.qlinktext{
color:#336666;
padding-left:5px;
}

.qlinktext a{
font-size:12px;
color:#336666;
text-decoration:none;
}

.qlinktext a:hover{
font-size:12px;
color:#999999;
text-decoration:none;
}



.item{
font-weight:bold;
color:#336666;
padding-left:10px;
}

.item a{
font-size:12px;
font-weight:bold;
color:#336666;
text-decoration:none;
}

.item a:hover{
font-size:12px;
color:#000000;
text-decoration:none;
}


.schedule{
background:#FFFFEF;
color:#233467;
padding-top:10px;
padding-left:5px;
padding-bottom:10px;
}

.city{
border-right:1px solid #999999;
border-left:1px solid #999999;
}

.schedule a{
font-size:12px;
color:#233467;
text-decoration:underline;
}

.schedule a:hover{
font-size:12px;
color:#808040;
text-decoration:none;
}

.schedule a:visited{
font-size:12px;
color:#233467;
text-decoration:none;
} 

.click_city{
border-bottom:1px solid #999999;
font-weight:bold;
font-size:14;
color:#000000;
}

.appointment{
font-weight:bold;
color:#000000;
border-top:1px solid #999999;
}

.footer_link{
border-top:4px solid #75684C;
font-size:11px;
text-align:center;
}

.footer_link a{
font-size:11px;
color:#000;
text-decoration:none;
}

.footer_link a:hover{
font-size:11px;
color:#666666;
text-decoration:underline;
}


.copyright{
font-size:11px;
text-align:center;
color:#666666;
}
/*------------------------------------pop up css-----------------------*/
.popuphead1{
padding-left:5px;
font-size:16px;
font-weight:bold;
color:#003871;
}

.popuphead2{
padding-left:5px;
font-size:13px;
font-weight:bold;
color:#003871;
}
.popuphead3{
padding-left:5px;
font-size:12px;
font-weight:bold;
color:#003871;
}
.popuptext{
font-size:12px;
color:#000000;
text-align:justify;
padding-left:5px;
margin:5px;
}
.popuptext h1{
padding-left:5px;
font-size:12px;
font-weight:bold;
color:#003871;
}

.popupheader{
background-color:#60789a;
font-size:20px;
font-weight:bold;
text-align:left;
padding-left:5px;
color:#FFFFFF;
height:50px;
line-height:50px;
}

/*=============================================== help css ==================================*/

#helpwrap{
margin-left:5px;
margin-right:5px;
border:1px solid #60789a;

}

.help{
background-color:#60789a;
font-size:20px;
font-weight:bold;
padding-left:5px;
color:#ffffff;
vertical-align:midddle;
line-height:50px;
}

.helpheading{
font-size:16px;
font-weight:bold;
padding:5px;
color:#003871;
vertical-align:middle;
}

.helpsubhead{
font-size:12px;
font-weight:bold;
color:#003871;
padding-left:5px;
}

.helptext{
font-size:12px;
color:#000000;
padding:5px;
}

.helptext a{
font-size:12px;
text-decoration:underline;
color:#004891;
}

.helptext a:hover{
font-size:12px;
text-decoration:none;
color:#000000;
}


.helpsmalltext{
font-size:11px;
color:#535300;
padding-left:5px;
}

.help_head_bg{
background-image:url(../help/images/help_head_bg.jpg);
background-position:left;
background-repeat:no-repeat;
padding-left:5px;
height:27px;
width:300px;
background-color:#FFFFFF;
font-size:14px;
font-weight:bold;
line-height:25px;
color:#000000;
}
/*=================================== (Main Pop Up) Styles popup pages ==========================*/

.styles_text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-left:5px;
}

.styles_text h1{
font-size:17px;
font-weight:bold;
color:#000033;
padding:5px;
line-height:40px;
}

.styles_text h2{
font-size:13px;
font-weight:bold;
color:#000033;
padding:5px;

}

.highlighted{
font-size:11px;
font-weight:bold;
color:#5C5C2E;
}

.tbl_heading{
line-height:25px;
padding:3px;
font-size:12px;
font-weight:bold;
color:#626231;
vertical-align:middle;
background-color:#EFEFEF;
}

.tbl_text{
line-height:20px;
padding-left:3px;
font-size:12px;
font-weight:bold;
color:#00376F;
vertical-align:middle;

}



/*========================================help default page======================*/

.browse{
font-size:12px;
color:#003366;
}

.browse a{
font-size:12px;
text-decoration:none;
color:#003366;

}

.browse a:hover{
font-size:12px;
text-decoration:underline;
color:#003366;

}

.priceTag{
font-size:11px;
color:#626200;
}

.browse a:link{
font-size:12px;
text-decoration:none;
}


/* =================================== Sitemap CSS ============================*/

.sitemap_table_border{
border:1px solid #60789a;
padding:5px;
}

.tblborder{border-left:1px solid #264870;border-right:1px solid #264870;border-bottom:1px solid #264870; padding:10px 0px 10px 0px; }
.tblborder dl {padding:0px; text-indent:0px; margin:0px; }
.tblborder dl dt {padding:0px 0px 0px 20px;  text-indent:0px; margin:0px; background:url(../images/bullet_orange.gif ) no-repeat 2% center; font-weight:bold;}
.tblborder dl dt a{text-decoration:none; color:#004284;}
.tblborder dl dt a:hover{text-decoration:underline;}

.tblborder dl dd{padding:0px;  margin-left:15px; background:url(../images/bullet_brown.gif) no-repeat 4% center; padding:4px 0px 4px 30px;}
.tblborder dl dd a{text-decoration:none; color:#004284;}
.tblborder dl dd a:hover{text-decoration:underline;}

.sitemaptitle{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-left:5px;
line-height:30px;
color:#FFFFFF;
}

.sitemaptitle a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-left:5px;
color:#FFFFFF;
}

.sitemaptitle a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-left:5px;
color:#FFFFFF;
text-decoration:underline;
}

#sitemapContent{clear:both; width:100%;position:relative; text-transform:capitalize;}
#subTopic{ margin-left:10px; font-weight:bold; background:none; }
.introText{text-align:justify;text-transform:none;}
.verticalLine{border-left:1px dotted #000000;}



/*=============================== Customer Service CSS =================================*/

/* layout style*/
 #customerServiceMaster{position:relative; left:0px;top:10px;} 
#navBar{display:block;  height:31px;}
#mytailorAddress{display:block;background-color:#FFFFFF; }

#changeAddress{	display:block;background-color:#FFFFFF;}
#makeAppointment{	display:block;background-color:#FFFFFF;}
#mailingList{	display:block;background-color:#FFFFFF;}
#customerFeedback{display:block;background-color:#FFFFFF;}
#customerInformation{display:block;background-color:#FFFFFF;}

#footerContent{padding-top:50px;}
#formMaster{ margin-left:3%; float:left; padding:0px; width:50%; background:#ffffff; z-index:2; }

.US_salesOff{padding:0px 0px 0px 0px;  margin:0px; height:139px; background:url(../images/us_bg.jpg) no-repeat left top; }
.HK_Factory{padding:0px 0px 0px 0px;  margin:0px; height:139px; background:url(../images/hk_bg.jpg) no-repeat left top;}
/* end of layout design*/


/* Information */
#customerInformation #infMsg{font-size:16px; font-family:georgia; height:365px;line-height:24px; padding:50px 0px 0px 0px;}
#customerInformation #infMsg a,#infMsg a:hover{font-size:16px; font-family:georgia; color:Blue;}
 

.oddrow{
	background-color:#F5F5F5;
	padding:2px 5px 2px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
}
.evenrow{
	background-color:#F0F0F0;
	padding:1px 5px 1px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
.spacer{
	padding-bottom:5px;	width:50px;	display:inline;
}
#msg {
	background:#F3F3F3;	padding-left:11px;text-align:justify;vertical-align:top; font-size:11px; line-height:16px; padding-right:8px;
}
#msg a{
	color:#000062; text-decoration:underline; font-size:11px;
}
#msg a:hover{
	color:#676734; text-decoration:none; font-size:11px; 
}

#homepageHelp{margin:50px 0px 0px 0px;padding:10px 0px 10px 0px;font-size:11px;line-height:14px; }
#homepageHelp table{ width:90%;font-size:11px;line-height:14px; text-align:left;}

#CustmerFeedbackHelp{margin:0px;padding:10px 0px 10px 0px;font-size:11px;line }
#CustmerFeedbackHelp table{ width:90%;font-size:11px;line-height:14px; text-align:left;}

#mailingListHelp{margin:0px;padding:10px 0px 10px 0px;font-size:11px;line-height:14px; }
#mailingListHelp table{width:90%;font-size:11px;line-height:14px; text-align:left;}

#makeAppointmentHelp{margin:0px;padding:10px 0px 10px 0px;font-size:11px;line-height:14px;}
#makeAppointmentHelp table{ width:90%;font-size:11px;line-height:14px; text-align:left;}
#makeAppointmentHelp table a{font-size:10px; text-decoration:none; color:#074198;}
#makeAppointmentHelp table a:hover{ font-size:10px;text-decoration:underline; color:#074198;}

#changeMyAddressHelp{margin:0px;padding:10px 0px 10px 0px;font-size:11px;line-height:14px;}
#changeMyAddressHelp table{ width:90%;font-size:11px;line-height:14px; text-align:left;}

#changeMyOrderHelp{margin:0px;	padding:10px 0px 10px 0px;	font-size:11px;	line-height:14px; }
#changeMyOrderHelp table{width:90%;font-size:11px;line-height:14px; text-align:left;}

#mytailorAddressHelp{clear:right;float:right;margin:0px;padding:0px;width:22%;position:absolute;right:6px; top:155px;font-size:12px;color:#FFFFFF;line-height:14px; text-align:left;height:10px; color:#000000; background-color:White;}


#USsalesAddTitle {border-top:1px solid #666666;border-right:1px solid #666666;border-left:1px solid #004165;border-bottom:1px solid #004165; padding:5px;background:#0079b9;font-size:12px;font-weight:bold; color:#FFFFFF;}
#USsalesAdd{padding:0px 0px 5px 5px; line-height:16px; border-left:1px solid #004165;border-right:1px solid #004165;border-bottom:1px solid #004165;background-color:#f3f3f3;}
#HKsalesAddTitle{font-weight:bold; margin:20px 0px 0px 0px; border-top:1px solid #ffffff; color:#FFFFFF;border-right:1px solid #666666;border-left:1px solid #004165;border-bottom:1px solid #004165; padding:5px; background:#0079b9;}
#HKsalesAdd{padding:0px 0px 5px 5px; line-height:16px; border-left:1px solid #004165;border-right:1px solid #004165;border-bottom:1px solid #004165;background-color:#f3f3f3;}


/* but style*/
.activeStatelt{
	background:url(../images/ordertodaylt_on.gif) no-repeat left bottom;
	height:33px;width:5px;
}
.activeStatert{
	background:url(../images/ordertodayrt_on.gif) no-repeat right bottom;
	height:33px;width:5px;
}
.activeStatebg{
	background:url(../images/ordertodaybg_on.gif) repeat-x left bottom;
	height:33px;color:#ffffff;padding-top:2px;
}
.normalStatelt{

	background:url(../images/ordertodaylt.gif) no-repeat left bottom;
	height:33px;width:5px; 
}
.normalStatert{
 background:url(../images/ordertodayrt.gif) no-repeat right bottom; 
	height:33px;width:5px;
}
.normalStatebg{
	background:url(../images/ordertodaybg.gif) repeat-x left bottom;
	height:33px;
}
/* end of but style */

#customerServiceMaster{
	margin:0px;
	padding:0px 0px 10px 10px;
	height:550px;
	width:75%;
}
#navBar{width:100%;margin:0px;padding:0px;height:33px;float:right;vertical-align:bottom; line-height:33px;}
#navBar a{	color:#000000; font-size:12px; font-weight:bold; text-decoration:none;}

#navBar a:hover{	color:#333333; font-size:12px; font-weight:bold; text-decoration:none;}


div#mytailorAddress{clear:both;	margin:0px;	height:450px;padding:6px 10px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}
div#mytailorAddress  p{	margin:0px;	margin:15px 10px 8px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}

#changeAddress{
	margin:0px;
	padding:4px 0px 0px 0px;
	height:700px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#makeAppointment{
	margin:0px;
	padding:4px 0px 0px 0px;
	height:720px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#mailingList{
	margin:0px;
	padding:4px 0px 0px 0px;
	height:663px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#customerFeedback{
	margin:0px;
	padding:10px 0px 0px 0px;
	height:550px;
	line-height:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#changeYourOrder{
	margin:0px;
	padding:4px 0px 0px 0px;
	height:540px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
/* style definition */
.outerBorder{
	background:url(../images/tabBut_hbar.gif) top left repeat-x;
	border-bottom:1px solid #A07047;
	border-left:1px solid #A07047 ;
	border-right: 1px solid #A07047;
	padding-top:6px;
	margin-left:0px;
	margin-right:0px;
}

.bgGray{
	background:#f9f9f9;border:1px solid #cccccc;
}