@charset "utf-8";
/* CSS Document */

/**** UI:>> ****/


/* new ver2>> */
a.link_topsmall
{
	text-decoration:none;
	color:gray;
	font-size:11px;
}
a.link_topsmall:hover
{
	color:black;
}

div.link_header1, div.link_header2, div.link_header3/*, div.link_header4, div.link_header5, div.link_header6*/
{
	float:left;
	width:113px;
	height:25px;
	padding-top:5px;
	background-repeat:no-repeat;
}
div.link_header1
{
	background-image:url('images/topnav_left_blue.png');
}
div.link_header2/*, div.link_header3, div.link_header4, div.link_header6*/
{
	background-image:url('images/topnav_ctr_blue.png');
}
/*div.link_header5*/
div.link_header3
{
	background-image:url('images/topnav_right_blue.png');
}
div.link_header1 a, div.link_header2 a, div.link_header3 a/*, div.link_header4 a, div.link_header5 a, div.link_header6 a*/
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
div.link_header1:hover
{
	background-image:url('images/topnav_left_black.png');
}
div.link_header2:hover/*, div.link_header3:hover, div.link_header4:hover, div.link_header6:hover*/
{
	background-image:url('images/topnav_ctr_black.png');
}
/*div.link_header5:hover*/
div.link_header3:hover
{
	background-image:url('images/topnav_right_black.png');
}
/* new ver2<< */

/** buttons, box and panels>> **/

/* new>> */
.crumpLeft
{
	float:left;
	padding-left:20px;
	text-align:left;
	color:blue;
	font-weight:bold;
}
.crumpRight
{
	float:right;
	padding-right:20px;
	text-align:left;
	color:blue;
	font-weight:bold;
}

.mainPanel
{
	width:100%;
	/*margin-top:5px;*/
}
.mainPanel div.top 
{
	background: url("images/panels/pnl03_1top_w970.png") top no-repeat;
	height:13px;
	/*padding:15px 0 0 20px;*/
}
.mainPanel div.content
{
	background: url("images/panels/pnl03_2ctr_w970.png") top repeat-y;
	overflow: hidden;
	padding: 15px 0 0 15px;
	/*padding: 15px 30px 0 20px;*/
	margin: -10px 0 0 0;
	
	
	/*border: 1px solid blue;*/
}
.mainPanel div.bott
{
	background: url("images/panels/pnl03_3bot_w970.png") top no-repeat;
	height:11px;
}

.pnl4_w940
{
	width:940px;
	/*width:100%;*/
}
.pnl4_w940 div.top
{	
	background: url("images/panels/pnl04_1top_w940.png") top no-repeat;
	height:14px;
	/*padding:14px 0 0 20px;
	padding:10px 0 0 20px;*/
	
	/*padding-bottom:10px;*/
	margin-bottom:7px;
	
	overflow:hidden;
	
	/*border: 1px solid red;*/
}
.pnl4_w940 div.content
{	
	background: url("images/panels/pnl04_2ctr_w940.png") top repeat-y;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
}
.pnl4_w940 div.bott
{
	background: url("images/panels/pnl04_3bot_w940.png") top no-repeat;
	height:12px;
}

.pnl5_wh_w630
{
	width:630px;
}
.pnl5_wh_w630 div.top
{	
	background: url("images/panels/pnl05_1top_wh_w630.png") top no-repeat;
	height:45px;
	/*padding:14px 0 0 20px;
	padding:10px 0 0 20px;*/
	/*margin-bottom:10px;*/
	
	/*border: 1px solid red;*/
}
.pnl5_wh_w630 div.content
{	
	background: url("images/panels/pnl05_2ctr_wh_w630.png") top repeat-y;
	overflow: hidden;
	padding: 10px 0px 10px 0px;
}
.pnl5_wh_w630 div.bott
{
	background: url("images/panels/pnl05_3bot_wh_w630.png") top no-repeat;
	height:21px;
}


.pnl06_wh_w260
{
	width:260px;
}
.pnl06_wh_w260 div.top
{	
	background: url("images/panels/pnl06_1top_wh_w260.png") top no-repeat;
	height:47px;
}
.pnl06_wh_w260 div.content
{	
	background: url("images/panels/pnl06_2ctr_wh_w260.png") top repeat-y;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
}
.pnl06_wh_w260 div.bott
{
	background: url("images/panels/pnl06_3bot_wh_w260.png") top no-repeat;
	height:24px;
}

.pnl07_w740
{
	width:740px;
}
.pnl07_w740 div.top
{	
	background: url("images/panels/pnl07_1top_w740.png") top no-repeat;
	height:17px;
}
.pnl07_w740 div.content
{	
	background: url("images/panels/pnl07_2ctr_w740.png") top repeat-y;
	overflow: hidden;
}
.pnl07_w740 div.bott
{
	background: url("images/panels/pnl07_3bot_w740.png") top no-repeat;
	height:17px;
}


.btn_chi_pkg_w410, .btn_chi_pkg_w140, .btn_mth_pkg_w410, .btn_mth_pkg_w140, .btn_eng_pkg_w410, .btn_eng_pkg_w140, .btn_sci_pkg_w410, .btn_sci_pkg_w140, .btn_0_pkg_w410, .btn_1_pkg_w410, .btn_2_pkg_w410, .btn_3_pkg_w410, .btn_0_pkg_w140, .btn_1_pkg_w140, .btn_2_pkg_w140, .btn_3_pkg_w140
{
	height:40px;
	text-align:left;
	/*padding-top:12px;*/
	
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;				
}
.btn_chi_pkg_w410, .btn_0_pkg_w410
{
	background: url("images/btns/btn06_green_w410.png") top no-repeat;
	width:410px;
	
	/*border: 1px solid red;*/
}
.btn_chi_pkg_w140, .btn_0_pkg_w140
{
	background: url("images/btns/btn10_green_w140.png") top no-repeat;
	width:140px;
	
	/*border: 1px solid gray;*/
}
.btn_mth_pkg_w410, .btn_2_pkg_w410
{
	background: url("images/btns/btn04_orange_w410.png") top no-repeat;
	width:410px;
}
.btn_mth_pkg_w140, .btn_2_pkg_w140
{
	background: url("images/btns/btn08_orange_w140.png") top no-repeat;
	width:140px;
}
.btn_eng_pkg_w410, .btn_1_pkg_w410
{
	background: url("images/btns/btn03_blue_w410.png") top no-repeat;
	width:410px;
}
.btn_eng_pkg_w140, .btn_1_pkg_w140
{
	background: url("images/btns/btn07_blue_w140.png") top no-repeat;
	width:140px;
}
.btn_sci_pkg_w410, .btn_3_pkg_w410
{
	background: url("images/btns/btn05_purple_w410.png") top no-repeat;
	width:410px;
}
.btn_sci_pkg_w140, .btn_3_pkg_w140
{
	background: url("images/btns/btn09_purple_w140.png") top no-repeat;
	width:140px;
}

.btn11_blue_w140
{
	background: url("images/btns/btn11_blue_w140.png") top no-repeat;
	width:140px;
	height:35px;
	
	color:white;
	font-size:14px;
	font-weight:bold;	
}



.btn2:link
{
	text-decoration:none;
	color:white;
}
.btn2:visited
{
	text-decoration:none;
	color:white;
}
.btn2:hover
{
	text-decoration:none;
	color:#FFFF00;
}
.btn2:active
{
	text-decoration:none;
	color:white;
}

/* new<< */









.mainbox
{
	width:100%;
	/*margin: 5px auto;*/
}
.mainbox div.top 
{
	/*display:block;
	
	background: url("images/main_1top.gif") top no-repeat;*/
	/*background: url("images/boxes/mainbox_1top.gif") top no-repeat;*/
	background: url("images/boxes/mainbox_1top.png") top no-repeat;
	height:35px;
	padding:15px 0 0 20px;
	
	font-weight:bold;
	color:blue;
	
	/*border: 1px solid red;*/
}
.mainbox div.top div.topLeft
{
	text-align:left;
	width:60%;
	float:left;
	/*border:1px solid red;*/
}
.mainbox div.top div.topRight
{
	width:70px;
	text-align:left;
	float:right;
	/*border:1px solid green;*/
}
.mainbox div.content
{
	/*display:block;
	
	background: url("images/main_2ctr.gif") top repeat-y;*/
	/*background: url("images/boxes/mainbox_2ctr.gif") top repeat-y;*/
	background: url("images/boxes/mainbox_2ctr.png") top repeat-y;
	overflow: hidden;
	height: 100%; /* to eliminate overflow:hidden problem with IE6. */
	padding: 15px 0 0 20px;
	/*padding: 15px 30px 0 20px;*/
	margin: -10px 0 0 0;
	
	
	/*border: 1px solid blue;*/
}
.mainbox div.bott
{
	/*display:block;
	
	background: url("images/main_3bott.gif") top no-repeat;*/
	/*background: url("images/boxes/mainbox_3bott.gif") top no-repeat;*/
	background: url("images/boxes/mainbox_3bott.png") top no-repeat;
	height:50px;
	/*margin: -20px 0 0 0;*/
	
	/*border: 1px solid green;*/
}


.mainbox2
{
	width:740px;
	/*margin: 5px auto;*/
}
.mainbox2 div.top 
{
	
	background: url("images/boxes/mainbox2_1top.gif") top no-repeat;
	height:35px;
	padding:15px 0 0 20px;
	
	font-weight:bold;
	color:blue;
	
	/*border: 1px solid red;*/
}
.mainbox2 div.top_tab
{
	
	/*background: url("images/boxes/mainbox2_1top.gif") top no-repeat;*/
	height:35px;
	padding:15px 0 0 50px;
	
	font-weight:bold;
	color:blue;
	
	/*border: 1px solid red;*/
}
.mainbox2 div.content
{
	background: url("images/boxes/mainbox2_2ctr.gif") top repeat-y;
	overflow: hidden;
	padding: 15px 0 0 0px;
	/*padding: 15px 30px 0 0px;*/
	margin: -10px 0 0 0;
	
	/*border: 1px solid blue;*/
}
.mainbox2 div.bott
{
	background: url("images/boxes/mainbox2_3bott.gif") top no-repeat;
	height:50px;
	/*margin: -20px 0 0 0;*/
	
	/*border: 1px solid green;*/
}


.top_w965_solo
{
	background: url("images/boxes/mainbox_1top_w965_solo.gif") top no-repeat;
	height:35px;
	padding:15px 0 0 20px;
	
	font-weight:bold;
	color:blue;	
}
.top_w965_solo div.topLeft
{
	text-align:left;
	width:60%;
	float:left;
}
.top_w965_solo div.topRight
{
	width:70px;
	text-align:left;
	float:right;
}


.box1
{
	width:277px;
	/*margin: 0 20px 10px 20px;*/
}
.box1 div.top1
{	
	background: url("images/boxes/box1_1top.gif") top no-repeat;
	height:30px;
	padding:14px 0 0 20px;
	/*padding:10px 0 0 20px;*/
	/*margin-bottom:10px;*/
	
	/*border: 1px solid red;*/
}
.box1 div.top1_withlogo
{
	/*Note: This is box with logo (standard height 27px) at top bar. */
	background: url("images/boxes/box1_1top.gif") top no-repeat;
	height:30px;
	/*padding:15px 0 0 20px;*/
	padding:10px 0 0 20px;
	/*margin-bottom:10px;*/
	
	/*border: 1px solid red;*/
}
.box1 div.content1
{	
	background: url("images/boxes/box1_2ctr.gif") top repeat-y;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	/*margin: -15px 0 0 0;
	
	border: 1px solid blue;*/
}
.box1 div.bott1
{
	background: url("images/boxes/box1_3bott.gif") top no-repeat;
	height:17px;
	/*margin: -20px 0 0 0;*/
	
	/*border: 1px solid green;*/
}


.box2_tp
{
	width:220px;
	/*margin: 0 20px 10px 20px;*/
}
.box2_tp div.top1
{	
	background: url("images/boxes/box2_tp1_1top.png") top no-repeat;
	height:30px;
	padding:14px 0 0 20px;
	/*padding:10px 0 0 20px;*/
	/*margin-bottom:10px;*/
	
	/*border: 1px solid red;*/
}
.box2_tp div.top1_withlogo
{
	/*Note: This is box with logo (standard height 27px) at top bar. */
	background: url("images/boxes/box2_tp1_1top.png") top no-repeat;
	height:30px;
	/*padding:15px 0 0 20px;*/
	padding:10px 0 0 20px;
	/*margin-bottom:10px;*/
	
	/*border: 1px solid red;*/
}
.box2_tp div.content1
{
	background: url("images/boxes/box2_tp1_2ctr.png") top repeat-y;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	/*margin: -15px 0 0 0;
	
	border: 1px solid blue;*/
}
.box2_tp div.bott1
{
	background: url("images/boxes/box2_tp1_3bott.png") top no-repeat;
	height:17px;
	/*margin: -20px 0 0 0;*/
	
	/*border: 1px solid green;*/
}

.box3_w500
{
	width:500px;
}
.box3_w500 div.top1
{	
	background: url("images/boxes/box3_1top_w500.png") top no-repeat;
	height:30px;
	padding:14px 0 0 20px;
	/*padding:10px 0 0 20px;*/
	/*margin-bottom:10px;*/
	
	/*border: 1px solid red;*/
}
.box3_w500 div.top1_withlogo
{
	/*Note: This is box with logo (standard height 27px) at top bar. */
	background: url("images/boxes/box3_1top_w500.png") top no-repeat;
	height:30px;
	padding:10px 0 0 20px;
}
.box3_w500 div.content1
{
	background: url("images/boxes/box3_2ctr_w500.png") top repeat-y;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
}
.box3_w500 div.bott1
{
	background: url("images/boxes/box3_3bott_w500.png") top no-repeat;
	height:17px;
}

.box3_w300
{
	width:300px;
}
.box3_w300 div.top1
{	
	background: url("images/boxes/box3_1top_w300.png") top no-repeat;
	height:30px;
	padding:14px 0 0 20px;
	/*padding:10px 0 0 20px;*/
	/*margin-bottom:10px;*/
	
	/*border: 1px solid red;*/
}
.box3_w300 div.top1_withlogo
{
	/*Note: This is box with logo (standard height 27px) at top bar. */
	background: url("images/boxes/box3_1top_w300.png") top no-repeat;
	height:30px;
	padding:10px 0 0 20px;
}
.box3_w300 div.content1
{
	background: url("images/boxes/box3_2ctr_w300.png") top repeat-y;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
}
.box3_w300 div.bott1
{
	background: url("images/boxes/box3_3bott_w300.png") top no-repeat;
	height:17px;
}


.box3_w250
{
	width:250px;
}
.box3_w250 div.top1
{	
	background: url("images/boxes/box3_1top_w250.png") top no-repeat;
	height:30px;
	padding:14px 0 0 20px;
	/*padding:10px 0 0 20px;*/
	/*margin-bottom:10px;*/
	
	/*border: 1px solid red;*/
}
.box3_w250 div.top1_withlogo
{
	/*Note: This is box with logo (standard height 27px) at top bar. */
	background: url("images/boxes/box3_1top_w250.png") top no-repeat;
	height:30px;
	padding:10px 0 0 20px;
}
.box3_w250 div.content1
{
	background: url("images/boxes/box3_2ctr_w250.png") top repeat-y;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
}
.box3_w250 div.bott1
{
	background: url("images/boxes/box3_3bott_w250.png") top no-repeat;
	height:17px;
}


.prdtholder
{
	background: url("images/panel_pkg.png") top no-repeat;
	height:132px;
	padding:5px 0 0 40px;
	
	/*border: 1px solid green;*/
}
.pdtimg
{
	width:90px;
	float:left;
}
.pdttext
{
	width:400px;
	float:left;
	margin-left:20px;
	
	/*border: 1px solid green;*/
}
.pdtbtns
{
	width:150px;
	float:left;
	margin-left:20px;
	
	/*border: 1px solid blue;*/
}


.btn1_sm1
{
	background: url("images/btns/btn1_sm1.png") top no-repeat;
	height:28px;
	text-align:center;
	padding-top:6px;
	
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;				
}


.btn2_long1_w250, .btn2_long1_w160
{
	height:30px;
	text-align:center;
	padding-top:12px;
	
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;				
}
.btn2_long1_w250
{
	background: url("images/btns/btn2_long1_w250.png") top no-repeat;
	width:250px;
}
.btn2_long1_w160
{
	background: url("images/btns/btn2_long1_w160.png") top no-repeat;
	width:160px;
}


.btn1_tp1, .btn1_tp2
{
	height:38px;
	width:150px;
	text-align:center;
	padding-top:10px;
	
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;				
}
.btn1_tp1
{
	background: url("images/btns/btn1_tp1.png") top no-repeat;
}
.btn1_tp2
{
	background: url("images/btns/btn1_tp2.png") top no-repeat;			
}

.btn1, .btn1_b
{
	/*background: url("images/btn1.gif") top no-repeat;*/
	height:49px;
	text-align:center;
	padding-top:15px;
	
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;				
}
.btn1
{
	background: url("images/btns/btn1.gif") top no-repeat;
}
.btn1_b
{
	background: url("images/btns/btn1_b.gif") top no-repeat;
}

.btn:link
{
	text-decoration:none;
	color:white;
}
.btn:visited
{
	text-decoration:none;
	color:white;
}
.btn:hover
{
	text-decoration:none;
	color:#66FFFF;
}
.btn:active
{
	text-decoration:none;
	color:white;
}





.pnl1_w925
{
	width:925px;
	/*margin: 0 20px 10px 20px;*/
}
.pnl1_w925 div.top
{	
	background: url("images/panels/pnl1_1top_w925.png") top no-repeat;
	height:13px;
	/*padding:14px 0 0 20px;
	margin-bottom:10px;
	
	border: 1px solid red;*/
	
	position:relative;
	top:2px;
}
.pnl1_w925 div.content
{	
	background: url("images/panels/pnl1_2ctr_w925.png") top repeat-y;
	overflow: hidden;
	/*padding: 10px 10px 10px 10px;
	margin: -15px 0 0 0;
	
	border: 1px solid blue;*/
	padding-bottom:20px;
	
	/*position:relative;
	top:-1px;*/
}
.pnl1_w925 div.bott
{
	background: url("images/panels/pnl1_3bott_w925.png") top no-repeat;
	height:17px;
	/*margin: -20px 0 0 0;
	
	border: 1px solid green;*/
}

.pnl2_w675
{
	width:875px;
}
.pnl2_w675 div.top
{	
	background: url("images/panels/pnl2_1top_w675.png") top no-repeat;
	height:13px;
}
.pnl2_w675 div.content
{	
	background: url("images/panels/pnl2_2ctr_w675.png") top repeat-y;
	overflow: hidden;
}
.pnl2_w675 div.bott
{
	background: url("images/panels/pnl2_3bott_w675.png") top no-repeat;
	height:17px;
}

.pnl2_w750
{
	width:875px;
}
.pnl2_w750 div.top
{	
	background: url("images/panels/pnl2_1top_w750.png") top no-repeat;
	height:13px;
}
.pnl2_w750 div.content
{	
	background: url("images/panels/pnl2_2ctr_w750.png") top repeat-y;
	overflow: hidden;
}
.pnl2_w750 div.bott
{
	background: url("images/panels/pnl2_3bott_w750.png") top no-repeat;
	height:17px;
}

/** buttons, box and panels<< **/

.pdtDetailLeft
{
	width:250px;
	float:left;
	margin-left:40px;
	/*padding:0 5px 0 5px;*/
	
	
	/*border:1px solid #FF0000;*/
}
.pdtDetailLeft div.imgMain
{
	width:230px;
	height:230px;
	text-align:center;
}
.pdtDetailLeft div.imgScreenShots
{
	width:230px;
	text-align:center;
	margin-top:20px;
}
.pdtDetailLeft div.imgScreenShots img.screenShotSmall
{
	width:67px;
	height:67px;
	text-align:center;
	padding:0 0 0 7px ;
	
	border:0;
}
.pdtDetailCentre
{
	width:450px;
	float:left;
	padding:20px 5px 0 5px;
	
	
	/*border:1px solid #00FF00;*/
}
.pdtDetailRight
{
	/*width:150px;
	float:right;*/
	float:left;
	
	
	/*border:1px solid #000000;*/
}


table#hoverTable tr:hover
{
	background-color:#66FFFF;
}


.resultTable
{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
.resultTable th, .resultTable td
{
	border:1px solid #CCCCCC;
	vertical-align:top;
	padding-bottom:3px;
	text-align:center;
}
.resultTable td
{
	vertical-align:top;
}
.resultTable td.shwLeft
{
	text-align:left;
	padding-left: 5px;
}
.resultTable th 
{
	font-variant: small-caps;
	color: #666666;
	letter-spacing: 0.2em;
	height:40px;
	vertical-align:middle;
	
	background-color:#EEEEEE;
} 
.resultTable tr:hover
{
	background:#FFFFCC;
	/*background:#66FFFF;*/
	/* margin: 0; */
}

.resultName
{
	font-weight:bold;
	font-size:16px;
}


a.numberedLink
{
	font-weight:bold;
	font-size:16px;
}
a.numberedLink:link
{ 
	text-decoration: none;
	color:#0000FF;
}
a.numberedLink:visited
{ 
	text-decoration: none;
	color:#0000FF;
}
a.numberedLink:hover
{ 
	text-decoration: none;
	color:#00FF00;
}
a.numberedLink:active
{ 
	text-decoration: none;
	color:#0000FF;
}


.shopPdtName
{
	/*color:#666666;*/
	font-weight:bold;
	font-size:16px;
	margin-bottom:2px;
}
.shopPdtTitle
{
	/*color:#666666;*/
	font-weight:bold;
}

.cartItems
{
	border-bottom:1px solid #FFFFFF;
	margin-bottom:5px;
	padding-bottom:5px;
}
.cartEType
{
	border-top:1px solid #FFFFFF;
	margin-top:5px;
	padding-top:5px;
	margin-bottom:10px;
	
	font-weight:bold;
	font-size:14px;
	color:#0000FF;
}
.cartPdtPrice
{
	color:#3300FF;
	float:left;
}
.cartRemove
{
	/*float:right;*/
	text-align:right;
}

.menu, .menuR 
{
	width:120px;
	float:left;
	padding-top:2px;
	vertical-align:middle;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
.menuR
{
	 border-right:#EEEEEE 1px solid;
}

.menuR a:link, .menu a:link 
{ 
	text-decoration: none;
	color:#666666;
}
.menuR a:visited, .menu a:visited
{ 
	text-decoration: none;
	color:#666666;
}
.menuR a:hover, .menu a:hover
{ 
	text-decoration: none;
	color:#0000FF;
}
.menuR a:active, .menu a:active
{ 
	text-decoration: none;
	color:#666666;
}


a.breadcrump:link 
{ 
	/*text-decoration: underline;*/
	color:blue;
}
a.breadcrump:visited
{ 
	/*text-decoration: none;*/
	color:blue;
}
a.breadcrump:hover
{ 
	/*text-decoration: none;*/
	color:gray;
}
a.breadcrump:active
{ 
	/*text-decoration: none;*/
	color:blue;
}


a.footerlink:link 
{ 
	/*text-decoration: underline;*/
	color:#666666;
}
a.footerlink:visited
{ 
	/*text-decoration: none;*/
	color:#666666;
}
a.footerlink:hover
{ 
	/*text-decoration: none;*/
	color:#999999;
}
a.footerlink:active
{ 
	/*text-decoration: none;*/
	color:#666666;
}


.topbar
{
	/*border:1px solid purple;*/
	overflow:hidden;
}
div.topnav
{
	float:right;
	width:605px;
	/*height:72px;*/
	height:50px;
	background-image:url('images/top_navbar.gif');
	background-repeat:no-repeat;
	padding-top:25px;
	
	/*border:1px solid red;*/
}


.chkoutProcess, .chkoutPending
{
	font-size:14px;
	font-weight:bold;
}
.chkoutProcess
{
	color:#0000FF;
}
.chkoutPending
{
	color:#FFFFFF;
}



/**** UI:<< ****/


body
{
	/*font-family: Century gothic, Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
}

.pageIndicator
{
	font-size:16px;
	text-align:left;
	padding: 5px 0px 0px 0px;
	color:#CC0000;
}

div.mainContainer
{
	width:970px;
	text-align:left;
	margin: 0px auto;
	padding: 5px 0px 20px 0px;
}


div.contentContainer
{
	padding: 10px 0px 0px 0px;
}


.fLabel
{
	float:left;
	text-align:right;
	width:130px;	
	/*width:125px;	*/
	/*padding: 2px 0px;*/
}
.fField
{
	float: left;
	/*padding: 0px 0px 0px 15px;*/
}

.fLowerLink
{
	text-align:right;
	padding-right:20px;
}

.smallInfoGray
{
	font-size:11px;
	color:#666666;
}


.buttonSmall
{
	height:20px;
	font-size:10px;
}


div.logLeftContainer
{
	width:45%;
	/*width:460px;*/
	float:left;
	/*background-color:#CCFFFF;*/
	/*ker padding:5px;*/
}
div.logRightContainer
{
	width:45%;
	/*width:400px;*/
	float:left;
	/*background-color:#CCFFFF;*/
	/*padding:5px 5px 5px 45px;*/
	padding: 0 0px 5px 45px;
}

div.shopLeftContainer
{
	width:25%;
	float:left;
	/*background-color:#CCFFFF;*/
	padding:5px;
}
div.shopRightContainer
{
	width:70%;
	float:left;
	background-color:#FFCCFF;
	padding:5px;
}
div.shopTopicContainer
{
	width:45%;
	float:left;
	border:1px solid #FFFFFF;
	/*border:1px solid #666666;*/
	padding:5px;margin:5px;
}




.shopCentral
{
	background-image: url('images/shop_eduscore.jpg');
	background-repeat: no-repeat;
	/*background-attachment:fixed;*/
	background-position: 10px 0px; 
	/*background-position:100% 50%;*/
	width:700px;
	height:300px;
	
	
	padding:20px 0 0 10px;
}






div.resultTopLeft
{
	width:50%;
	/*background-color:#CCCCCC;*/
	text-align:left;
	float:left;
}

div.resultTopRight
{
	width:50%;
	/*background-color:#FFFFCC;*/
	text-align:left;
	float:right;
}


.resultLabel
{
	float:left;
	text-align:right;
	width:300px;	
}
.resultSelect
{
	float:left;
	text-align:left;
	/*width:300px;*/
}
.resultSelect select
{
	width:170px;
}


.clearboth
{
	clear:both;
}


table.result, table.subscription
{
	margin:0px;
	padding:0px;
	width:960px;
	/*border: 1px solid #CCCCCC;*/
}
table tr.resultHeader, table tr.subscriptionHeader
{
	background-color:#FFCCFF;
}
table tr.subscriptionHeader
{
	text-align:center;
	font-weight:bold;
}
table.result td, table.subscription td
{
	/*border: 1px solid #CCCCCC;*/
	border:1px solid #FFCCFF;
}
.resultLeftText
{
	text-align:left;
	font-weight:bold;
	width:30%;
}
.resultLeftTextSub
{
	text-align:left;
	font-weight:normal;
	/*width:30%;*/
}
.resultRightHeader
{
	text-align:center;
	font-weight:bold;
}
.resultRightText
{
	text-align:center;
	font-weight:normal;
}
.resultSummaryLeftContainer
{
	width:74%;
	/*background-color:#FFCCFF;*/
	float:left;
	padding-bottom:5px;
	border:1px solid #FFCCFF;
}
.resultSummaryRightContainer
{
	width:25%;
	/*background-color:#FFCCFF;*/
	float:right;
	padding-bottom:5px;
	/*border:1px solid #FFCCFF;*/
}
.resultSummaryItem
{
	width:215px;
	background-color:#FFCCFF;
	float:left;
	margin:5px;
	padding:5px;
}
.resultSummaryItemCASA
{
	width:215px;
	background-color:#CCFFFF;
	float:left;
	margin:5px;
	padding:5px;
}
.resultSummaryItemHeader
{
	/*font-size:14px;*/
	font-weight:bold;
	background-color:#FF99FF;
	text-align:center;
}
.resultSummaryDataBlue
{
	color:#0000FF;
	font-size:18px;
	font-weight:bold;
}
.resultSummaryDataRed
{
	color:#FF0000;
	font-size:18px;
	font-weight:bold;
}
/*
.resultSummaryItemText
{
	font-size:14px;
	font-weight:bold;
}
*/

.faqTOC, .faqContent
{
	padding-bottom:10px;
}
.faqTopicTOC
{
	font-weight: bold;
}
.faqTopicContent
{
	font-size:16px;
	color: #0000FF;
	font-weight:bold;
}
.faqQnsContent
{
	font-weight:bold;
	color:#0000FF;
}
.faqAns
{
	padding-bottom:35px;
}



div.footer
{
	text-align:center;
	color:#666666;
	padding: 30px 0px 0px 0px;
}


/*For preloading images*/
.hiddenImg
{
	display:none;
}


/**** Date Picker >> ****/

/* the div that holds the date picker calendar */
.dpDiv 
{
}


/* the table (within the div) that holds the date picker calendar */
.dpTable 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR 
{
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR 
{
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR 
{
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR 
{
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD 
{
	border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD 
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover 
{
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD 
{
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD 
{
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD 
{
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD 
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText 
{
	font-size: 12px;
	color: gray;
	font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight 
{
	color: 4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton 
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton 
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}

/**** Date Picker << ****/



/**** Drop-down menu >> ****/

#nav 
{
	padding:0; 
	margin:0; 
	list-style:none; 
}

#nav li.top 
{
	display:block;
	float:left;
}

a.top_link 
{
	display:block; 
	float:left; 
	padding: 0px;
	cursor:pointer;
	color:#FF0000;
}


a.top_link:link 
{ 
	color:#333333;
}
a.top_link:visited 
{ 
	color: #333333;
}
a.top_link:hover 
{ 
	color:#999999;
	/*background-color: #F0F0F0;*/
}
a.top_link:active 
{ 
	color: #333333;
}


#nav li:hover 
{
	position:relative; 
	z-index:200;
}

#nav a:hover 
{
	position:relative; 
	white-space:normal; 
	z-index:200;
}

#nav :hover ul.sub
{
	left:1px; 
	top: 16px;/*ker 20px; 38px;*/
	/*ker background: #50b5d0; */
	background:#FFFFFF;
	/*ker padding:3px; */
	padding:0px;
	
	/*ker border:1px solid #0b4d97; */
	white-space:nowrap; 
	width:175px;/*ker 90px; */
	height:auto; 
	z-index:300;
	
}

#nav :hover ul.sub li
{
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	/*ker width:90px;*/
	width:175px;
	font-weight:normal;	
	
	
	text-align:left;
}

#nav :hover ul.sub li a
{
	display:block; 
	font-size:11px; 
	height:18px; 
	/*ker width:88px; */
	width:173px; 
	line-height:18px; 
	text-indent:5px; 
	color:#000; 
	text-decoration:none;
	border:1px solid #50b5d0;
	
	/*ker >>*/
	white-space:nowrap; 
}

#nav :hover ul.sub li a:hover 
{
	background:#3f96a9;
	color:#fff; 
	/*ker border-color:#fff;*/
}

#nav a:hover a:hover ul, #nav a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover a:hover ul
{
	left:89px; 
	top:-4px; 
	background: #50b5d0; 
	padding:3px; 
	border:1px solid #0b4d97;
	white-space:nowrap; 
	width:90px; 
	z-index:400; 
	height:auto;
}

#nav ul, #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul
{
	position:absolute; 
	left:-9999px; 
	top:-9999px;
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

#nav li:hover li:hover > ul
{
	left:90px; 
	top:-4px; 
	background: #50b5d0; 
	padding:3px; 
	border:1px solid #0b4d97;
	white-space:nowrap; 
	width:90px;
	z-index:400;
	height:auto;
}

#nav li:hover > ul ul 
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

/**** Drop-down menu << ****/

/*test*/