@charset "utf-8";
/* MIPortal Form */
/* Eng Version*/
/* Latest Update: 03/08/2012*/
/* Added codeShownDisclaminer */
/* Clear both for comment-post */
/* Font Size for Payment Method changed from 18pt to 13pt */
/* add style for #onlineform ul, #comment-post change to #comment-post c*/


 .content_black_middle_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	line-height: normal;
}


 .content_black_middle_bold_search {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	
}




.content_black_small {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: normal;

	color: #333333;

	line-height: normal;

}



.content_black_small_bold {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: bold;

	color: #333333;

	line-height: normal;

}



.content_black_middle {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

line-height: normal;

}

.content_black_middle12 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	line-height: normal;

}
.content_grey_middle22{

font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:22px;
 color:#cecbce;
	line-height: normal;

}
 .content_black_middle_bold12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: normal;
}


.content_black_middle14 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #333333;

	line-height: normal;

}

 .content_black_middle_bold14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: normal;
}


 .padding_left_5px {

	padding-left: 5px;

}
  .padding_left_10px {

	padding-left: 10px;

}

  .padding_left_15px {

	padding-left: 15px;

} 

.padding_top_15px {

	padding-top: 15px;

}
 .padding_bottom_5px {
	padding-bottom:5px;
}
  .padding_bottom_10px {
	padding-bottom:10px;
}

 .padding_bottom_15px {
	padding-bottom:15px;
}

  .padding_right_15px {
	padding-right: 15px;
}


  .padding_right_10px {
	padding-right: 10px;
}

 .padding_right_5px {
	padding-right: 5px;
}

 .padding_right_25px {
	padding-right: 25px;
}

 .padding_top_5px {

	padding-top: 5px;

}

 .padding_top_10px {

	padding-top:10px;

}


.content_red_middle_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cc3300;
	line-height: normal;
}




 .button_orange_up {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #333333;
	background-image: url(../../images/common/bt_orangeBackground.gif);
	padding: 5px;
	cursor:pointer;
	border:1px;
	border-color:#c8c8c8;
	border-style:solid;
	line-height: normal;
	text-decoration:none;

}


 a.button_orange_down:hover{
  color:#FFFFFF;                     
 }
 

 .button_orange_up_2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bolder;

	color: #333333;

	background-image: url(../../images/common/bt_orangeBackground.gif);

	padding: 4px;

	cursor:pointer;

	border:1px;

	border-color:#c8c8c8;

	border-style:solid;

	line-height: normal;

	text-decoration:none;

}



  .button_orange_down {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFFFFF;
	background-image: url(../../images/common/bt_orangeBackground_d.gif);
	padding: 5px;
	cursor:pointer;
	border:1px;
	border-color:#c8c8c8;
	border-style:solid;
	line-height: normal;
	text-decoration:none;
}

  .button_orange_down a:link {
  	color: #FFFFFF;
  }

  .button_orange_down_2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

	background-image: url(../../images/common/bt_orangeBackground_d.gif);

	padding: 4px;

	cursor:pointer;

	border:1px;

	border-color:#c8c8c8;

	border-style:solid;

	line-height: normal;

	text-decoration:none;

}







 .background_lightGray {background-color:#F5F5F5;}
 .sidebox_frame_white {background-color: #FFFFFF;padding: 3px;}


 .sidebox_frame_gray {background-color: #CCCCCC; padding: 3px;}

.title_white_GradientBackground,  .errorPageHeading  {	
	background-image: url(../../images/common/title_gradientBackground.gif);
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}
 .title_black_lightGrayBackground {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #333333;
	background-color: #f5f5f5;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	line-height: normal;
}


#onlineform h1 {
	
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#onlineform ul {
padding-left:15px;
}




/* Form Reply */



fieldset { border: 0; }



.replyTitles {

	clear: both;

	padding: 10px 0 25px 0;

	border-bottom: 1px #eee solid;

	}

	

p.leftTitle { float: left; font-weight: bold; color: #333333; padding: 0 0 0 25px; }

p.rightTitle { float: right; padding: 0 20px 0 0; }



.replyForm {

	text-align: left;

	}

.replyForm td { padding: 0px; vertical-align: top; }

.replyForm .replyFormLeft {

	text-align: center;

	font-weight: bold;

	width: 100px;

	vertical-align: top;

	}



.hiddenForm { padding: 4px !important; }

span.translateButton { padding: 0 0 0 470px; }



.replyForm .replyFormRight {

	font-weight: bold;

	text-align: center;

	vertical-align: top;

	}

	

.replyForm  .replyFormMidField {

	width: 110px;

	}

.replyForm .textfield, #onlineform .textfield  {

	width: 160px;

	border: 1px #999 solid;

	padding: 3px;

	}



.replyForm .textfield2, #onlineform .textfield2  {

	width: 360px;

	border: 1px #999 solid;

	padding: 3px;

	}



.replyForm .psotTopicField {

	border: 1px #999 solid;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	padding: 3px;

	width: 300px;

	}



.replyForm .replyFormTextarea {

	border: 1px #999 solid;

	width: 742px;

	height: 150px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding: 3px;

	}



.replyFormButtons {  text-align:center;}



.time-reply { clear: both; margin: 10px 0 0 0; }



.bottomPostReply { float: right; margin: 0px 10px 10px 0; }
















#onlineform input[type='text']:focus, #onlineform input.text:focus, #onlineform textarea:focus{

background-color: #ffc49a;
}


#onlineform input, #onlineform select {
margin-bottom:5px;
}

#comment-post{
	padding-top:10px;
	clear:both;
	
}


#comment-post .font-blue, #comment-post .font-blue:link, #comment-post .font-blue:visited {
    color: #0000CC;
}


#comment-post .font-blue:hover, #comment-post .font-blue:active {
color:#f47920;
}

#comment-post .mce { padding-bottom:20px;

}
#comment-post .padding10px {
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}

.airmail {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	font-weight:normal;

}



.font10 {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;

}

.font9 {
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;

}

.htdclink, a.htdclink:link, a.htdclink:visited, a.htdclink:hover, a.htdclink:active  {

color:#f47920;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; font-style:italic;
}

#onlineform .message-box {
	width:400px;
	text-align:center;
	margin: 80px auto;}
	
	
#onlineform .message-box .smallfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.message-box a:link, .message-box a:visited {
	color:#000000;
	text-decoration:underline;
}

.message-box a:hover, .message-box  a:active {
	color:#f47920;
	
}


.popupLayout_frame {

	background-color: #666666; padding: 3px;

}

.title_black_lightOrangeBackground {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #333333;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: #f4d5b7;
	line-height: normal;
}



.background_Gray {background-color: #666666;}

.background_mediumGray {background-color: #c4c4c4;}

.background_lightGray_middle {
	background-color: #F5F5F5;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;}



.background_mediumGray_padding_middle {
	background-color: #c4c4c4;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}



.background_lightGray_padding_middle_bold {
	background-color: #F5F5F5;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;

}

.background_lightGray_padding_middle {

	background-color: #F5F5F5;

	padding-top: 3px;

	padding-right: 10px;

	padding-bottom: 4px;

	padding-left: 10px;

}


.background_mediumGray_padding_middle_bold {
	background-color: #c4c4c4;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight: bold;

}



.background_white_padding_middle {

	background-color: #FFFFFF;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

}
.background_white {

	background-color: #FFFFFF;

}




.background_lightGray_padding1px {
	background-color: #CCCCCC;
	padding: 1px;

}



#onlineform ol {

	padding-left:20px;
}


#onlineform .font8 {
	font-size:8px;
	line-height:1.2em;

}

#onlineform .loginin {
	text-decoration:underline;
	color:#f47920;


}

#onlineform .formHyperlink {
	text-decoration:underline;
}

.fontlightgrey {
	color:#999999;
}

.font18 {
	font-size:18px;
	}
	.font11 {
font-size:11px;

	}
.font14 {
font-size:14px;

	}
	
.underline {
text-decoration:underline;
}
	
#onlineform img {
	vertical-align:top;
}

a.underlineBlue:link { 
	text-decoration:underline;
	color:#0000FF;
 }
 
a.underlineOrange:link { 
	text-decoration:underline;
	color:#f47920;
 }
 
 .editform a:link,  .editform a:hover,  .editform a:visited, .editform a:active {

	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	float:right;
 }
 
 #need-help
 {padding-top:15px; padding-bottom:10px;}
 
 .sub-des-bullet {
	*margin-left:5px; /* IE7 and below */ 
	
 }
  .sub-des-bullet li{
  margin-left:-20px;
  padding-left:15px;
  padding-bottom:2px;
	background-image: url(../../images/common/tick.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	padding-bottom:5px;
 }
 

 
  .subbutton_up {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #333333;
	background-image: url(../../images/common/bt_orangeBackground.gif);
	padding: 5px;
	cursor:pointer;
	border:1px;
	border-color:#c8c8c8;
	border-style:solid;
	line-height: normal;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;

}


   a.subbutton_down:hover{
  	color:#FFFFFF;                     
 }
 
 
   .subbutton_down {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFFFFF;
	background-image: url(../../images/common/bt_orangeBackground_d.gif);
	padding: 5px;
	cursor:pointer;
	border:1px;
	border-color:#c8c8c8;
	border-style:solid;
	line-height: normal;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
}
 .popuptableborder td{
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	padding:2px;
 }
  .popuptableborder {
	border: 1px solid #666666; 
	border-top: 0px solid #666666; 
	border-right: 0px solid #666666; 
	margin-top:2px;
	margin-bottom:2px;
 }
 
 .popupsub {
 width:640px;
 }
 
 .popupsubOuter{
   width:640px;
 }
 .popupsubInner{
  width:640px;
 }
 
 .paymentType {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #333333;
	line-height: normal;
	font-weight:bold;
	
 }
 
 .paymentList {
 padding-left:25px;
 }
.paymentmethod {
	font-size: 13px;
	font-weight:normal;

}

#comment_UserType td , #comment_GuestLabel, #comment-post td{
	font-size: 12px;
	color: #000000;
}

.expandCollapseBtn {
    cursor: pointer;
}

/* NEW */
 .errorPageContent {
	padding-left:20px;
	padding-right:20px;
	background-color: #FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
	font-size: 12px;
	line-height:18px;
	font-family: 	Verdana,Arial,Helvetica,sans-serif;
 }
 
 
.errorPageContent p {
  padding-top:5px;
  padding-bottom:5px;
  }
 
 
#errorPage690 {
	margin-left:120px; margin-right:120px;
	Padding-top:15px;
	width:690px;
}

 
#errorPage490 {
	margin-left:220px; margin-right:220px;
	Padding-top:20px;
	width:490px;
}

#errorPage690  .content_black_large,  #errorPage490  .content_black_large {
	font-size:13px;
	line-height:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

#errorPage690 ul, #errorPage490 ul {
	padding-top:5px;
}

#errorPage690  li, #errorPage490  li {
	font-size:13px;
	line-height:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding-bottom:5px;

}



#errorPage690 .bottomDisclaimer a, #errorPage690 .bottomDisclaimer a:link, £errorPage690 .bottomDisclaimer a:visited, #errorPage690 .bottomDisclaimer a:active, #errorPage490 .bottomDisclaimer a, #errorPage490 .bottomDisclaimer a:link,   #errorPage490 .bottomDisclaimer a:visited, #errorPage490 .bottomDisclaimer a:active{
	font-size: 11px;
	line-height:15px;
	font-family: 	Verdana,Arial,Helvetica,sans-serif;
	text-decoration:underline;
	color:#f47920;
}







 



/* Payment Popup Box */
.popupHeading
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #333333;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;
	background-color: #f4d5b7;
	line-height: normal;
	padding-left:20px;
}

.popupHeadingCloseBtn
 {
    cursor: pointer;
	padding-right: 4px;
	*+padding-right: 1px; /* IE7支持 */
}

.popupSubBox {
	padding-top:20px;
	padding-bottom:20px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;
}

.popupDescription {
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom:10px;
	text-align:left;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	background-color: #FFFFFF;
}

.popupDescription img {
	vertical-align:text-top;
	
}

.alertIcon {
	width:20px;
}


.subMainDetail
{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
.subBox{
	width:275px;
 }

#onlineform .heading {
	font-size:16px;
	font-weight:bold;
	line-height:normal;
	padding-bottom:20px;
	
}

#onlineform .subPrice {
	font-size:16px;
	color:#f47920;
	line-height:normal;
	font-weight:bold;
	font-weight:800;
	padding-bottom:20px;
}

#onlineform .bookPDFOption {
	font-size:16px;
	text-decoration:underline;
	font-weight:bold;
	font-style:oblique;
	padding-bottom:20px;
}

#onlineform .bookHardOption {
	font-size:16px;
	text-decoration:underline;
	font-weight:bold;
	font-style:oblique;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.payAsGOBox {
	width:275px;
 }
 
.subBottonSection {
	padding-left:20px;
	padding-right:20px;
 }
 
.subBottonSection
 {
	padding-top:10px;
 	padding-left:20px;
	padding-right:20px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	text-align:left;
 }
 
 .sub-des-bullet li,  .payAsGOBox p, .subBox p {

 	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
 }
 
 .vertical-dotted {
	background-image: url(../../images/common/popupbox_dotted_bg.gif);
	background-repeat: repeat-y;
	
	background-position: center top;

}
 
#deliveryDetails {
 	padding-top:10px;
 }

.paymentradio {
	vertical-align:text-top;
}

.cheque-statment{
	padding-left:27px; 
	padding-left:25px\9;     
	padding-left:24px\0;    
    +padding-left:26px;     
    _padding-left:26px;      
	padding-bottom:5px;
	padding-right:95px;

}

.cheque-statment2{
     
	padding-bottom:5px;
	padding-right:95px;
}

.weAccept{
	padding-left:8px; 
	padding-left:6px\9;     
	padding-left:5px\0;    
    +padding-left:7px;     
    _padding-left:7px;      


}




.discountRate {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color: #FF0000;
	margin-left:10px;
}

 .button_refresh_up {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #333333;
	background-image: url(../../images/common/bt_orangeBackground.gif);
	padding: 5px;
	cursor:pointer;
	border:1px;
	border-color:#c8c8c8;
	border-style:solid;
	line-height: normal;
	text-decoration:none;
	
}


  .button_refresh_down {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFFFFF;
	background-image: url(../../images/common/bt_orangeBackground_d.gif);
	padding: 5px;
	cursor:pointer;
	border:1px;
	border-color:#c8c8c8;
	border-style:solid;
	line-height: normal;
	text-decoration:none;

}

.tel-des {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	line-height: normal;
}

.subFormFirstCol {
	padding-right:5px; 
	padding-right:5px\9;      /*all ie*/
	padding-right:5px\0;    /*ie8*/
	+padding-right:5px;       /*ie7*/
	_padding-right:5px;       /*ie6*/
	
}

.captchaLabel {
	padding-top:15px;
}

.bottomDisclaimer {
	background-color:#F5F5F5;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #333333;
	line-height: 1.5em;
}

.bottomDisclaimer2 {
	background-color:#FFFFFF;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #333333;
	line-height: 1.5em;
}


.disCheckBox {
	padding-top:10px;
}

#checkDetail {
	padding-left:30px;
}

.totalLine {
	padding-left:20px;
}

.phoneSpacing{
	padding-top:3px;
}

#checkDetail {
	padding-bottom:20px;
}

.unionPay {
	_padding-top:2px;
}

.deliveryDetialsIndent {
	padding-left:28px;
}

.reviewPageAccept {
padding-top:8px;
}

.subReviewPageLabel{
	width:360px;
}

.thankyouPageLogo {
	padding-left:8px;
	padding-bottom:5px;
}

.printOrderFromPrintBtn {
width:130px;
}

.printOrderFromSaveBtn {
width:130px;
}

.printOrderFromBrowsingBtn {
text-align:right;
}

.printOrderForm {
	padding-left:15px;
	padding-right:15px;
}

.printOrderFormAmouthCol {
width:120px;
}

.formTotalLine {
_padding-top:4px;
}

 .errorRefNo {
	text-align:center;
	font-weight:bold;
 }
 
 .errorButton {
  padding-top:10px;
  padding-bottom:10px;
 
 }
 
 .subscriptionDisclaimer {
	 font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    line-height: 1.3em;
 }
 
 .codeShownDisclaminer {
 	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    line-height: 1.3em;
 }
 
 /* PCR4003  */
 .eu-1 {
  font-style: italic;
  font-size: 15px;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
 .eu-2 {
  font-style: italic;
  font-size: 15px;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
 .eu-3 {
  font-style: italic;
  font-size: 13px;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}