@charset "iso-8859-1";
/* This is the style of your browser text */


/* Override
==============================================================================*/

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: 12px;
	padding: 0;
	margin: 0;
	text-align: center;
	color:#666666;
}

img {border: 0;}

* {padding: 0;margin: 0;}

a {color: #333333;}
a:hover {color:#FF6600;}

select, input, textarea{
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

code{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style:italic;
}


/* layout setup
==============================================================================*/

#frontpage_background{
	background: url(/images/main/main_bg.gif);
	background-repeat: repeat-x;
	background-position:100px 100px;
}

#main_text{background:url(/images/main/luckydraw/main_3.jpg) no-repeat; height:235px;}
#main_text1{padding-top:26px; padding-left:450px;}

#subpage_background{
	background: url(../images/template/section_bg.gif);
	background-repeat: repeat-x;
	background-position:100px 100px;
}

#canada_background{
	background: url(../images/template/section_canada_bg.gif);
	background-repeat: repeat-x;
	background-position:100px 100px;
}


#interface_background{
	background: url(../images/template/interface_section_bg.gif);
	background-repeat: repeat-x;
	background-position:100px 100px;
}

#container{
	position: relative;
	margin: 0 auto;
	width: 770px;
	text-align: left;
}


#header{
	background: url(/images/template/header_bg.jpg);
	height: 100px;
}



/*
#signin{
	position:absolute;
	z-index:999;
	left: 570px;
	top: 35px;
	width: 180px;
	height: 50px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	background: #fff;
}
*/
div#signin{
	left: 570px;
	top: 35px;
	width: 180px;
	height: 50px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	background: #ffffff;
	/*filter: Alpha(Opacity=50, Style=0);*/
	
	position:absolute;
	z-index: 999;
	display:none;
}

div#signin p{ font-size: 11px;}

div#signin_interface{display: none;}
	
div#signin_interface input{width: 100px;}
div#signin_interface p{ font-size: 11px;}
div#signin_interface td{ font-size: 11px;}

#main{
height:246px;
margin-top:0px;
}

/*
#col{
	margin-top: 0px;
	height:178px;
}
	.c1
	{
		background:url(/images/main/c1_bg.jpg) no-repeat; 
		width: 498px;
		height: 178px;
		padding: 0px 0px 0px 0px;
		vertical-align:top;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
	}
	.tvc{float: left; padding: 16px 10px 10px 12px;}
	.c1_text
	{
		float: left;
		padding: 55px 15px 0px 3px;
		width: 270px;
	}
	.c1 #link{font-size:12px; margin-top:8px; }
	.c2 #link{font-size:12px; margin-top:8px; }
	.c3 #link{font-size:12px; margin-top:8px; }
	
	.c2, .c3
	{
		text-align: left;
		vertical-align:top;
		float:left;
		height: 178px;
		font-family:Arial, Helvetica, sans-serif;
	}
	.c2{background:url(/images/main/c2_bg.jpg) no-repeat; width:163px;}
	.c3{background:url(/images/main/c3_bg.jpg) no-repeat; width:272px;}
		.c3_text
		{
			float: left;
			padding: 55px 30px 10px 28px;
			width: 210px;
		}
*/	
#ncol{margin-top: 0px;height:174px; margin-top:5px; margin-bottom:25px;}
	#n1, #n2, #n3{float:left;}	
	#n1{width:543px; height:174px;}
	#n2{width:227px; height:174px;}
	#n3{width:227px; height:174px;}

#footer{
	background: url(/images/template/footer_bg.jpg) repeat-x;
	padding: 20px 0 20px 0;
	height: 50px;
	font-size: 10px;
	color:#999999;
	clear:both;
}
	#footer ul{list-style:none;}
	#footer li{float: left; margin-right: 20px; font-size:11px;}
	
	#footer a{text-decoration: none;font-size: 10px; color:#666666;}
	#footer a:hover{text-decoration: underline; color:#666666;}

img.logo{
	position: absolute;
	top: 10px;
}

#menu{
	text-align: right;
	padding-right: 9px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 61px;
	width: 770px;
}
	#menu ul{
		list-style:none;
		height: 39px;
		overflow: hidden;
		
	}
	#menu li
	{
		float:right;
		display:block;
		width: auto;
		
	}
	#menu li img
	{
		border: none;
	}

#welcome{
	position: absolute;
	top: 15px;
	right: 0px;
}

#sectionhead{
	height: 136px;
	background-image: url(/images/template/section_bg.jpg);
	background-repeat: repeat-x;
}

#sectionhead_plain{
	 height:22px; 
	 background-image: url(/images/template/interface_section_bg.gif);	
	 background-repeat: repeat-x;
}

#sectionhead #container{

	height: 136px;
	width: 770px;
	background-repeat: no-repeat;
	}

#submenu, #content{
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}

#submenu{
	width: 200px;
}
#submenu ul{
	list-style: none;
}
#submenu ul.menu li{
	background-image:url(/images/template/submenu_bg.gif);
	background-repeat: no-repeat; 
	width: 175px;
	height: 30px;
	padding-top: 9px;
	padding-left: 15px;
}

#submenu ul.menu li p.menuitem a{color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;}

#submenu ul.menu li p.menuitem a:hover{color:#e77a01; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;}

#submenu ul.menu li p.menuitem_on a{color:#e77a01; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;}

#submenu ul.menu li p.menuitem_on a:hover{color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;}

#sidebox{
	width: 188px;
	border: 1px #e7e9eb solid;
	margin-top: 15px;
}
	#sidebox_content ul{
		list-style:disc;
	}
	#sidebox_content li{
		font-size: 11px;
		background:none;
		line-height: auto;
		height: auto;
		width: 120px;
		margin-left: 15px;
		padding: 0px;
	}

	#sidebox_header{
		background:url(../images/template/box_header.gif);
		width: 178px;
		height: 20px;
		background-repeat: no-repeat;
		padding-left: 10px; 
		padding-right:0px;
		padding-top: 6px;
		overflow: hidden;
	}
	
	#sidebox_header_long{
		background:url(../images/template/box_header_long.gif);
		width: 168px;
		height: 35px;
		background-repeat: no-repeat;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 6px;
	}
		#sidebox_header h1 {font-size: 12px; color:#FFFFFF;}
	
	#sidebox_pic{
		margin-top: 1px;
		margin-bottom: 1px;
	}
	
	#sidebox_content{
		padding: 10px;
		font-size: 11px;
	}
		#sidebox_content p{margin-bottom: 5px;}
	
	#sidebox_shadow{
		background:url(../images/template/sidebox_shadow.gif);
		background-repeat: repeat-x;
		height: 7px;
		width: 190px;
	}
	

#content{
	width: 528px;
	border-left: 1px #e7e9eb solid;
	border-right: 1px #e7e9eb solid;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 50px;
}

	#content h1{
		font-size: 20px;
		margin-bottom: 20px;
		color: #ec4e00;
	}
	
	#content p{
		margin-bottom: 20px;
		line-height: 16px;
		font-size: 12px;
	}
	
	#content h2{
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 13px;
		width: 100%;
	}
	
	#content h3{
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 11px;
		font-weight: bold;
		border-bottom: 1px solid #e7e9eb;
		width: auto;
		padding-left: 5px;
	}
	
	#content h4{
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 11px;
		font-weight: bold;
	}
	
	#content h5{
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 13px;
		width: 100%;
	}
	
	#content ul{
		margin-left: 20px;
		margin-top: 10px;
	}
	
	#content ol{
			margin-left: 20px;
	}
	
#luckydraw_faq{display:none; }


#luckydraw_faq td{font-size:12px; padding-top:3px;} 

/* Style
==============================================================================*/
.small{
	font-size: 11px;
	}
.extrasmall, #content p.extrasmall{
	font-size: 10px;
}
.lightgrey, #content p.lightgrey{
	color:#999999;
}

.table_address{
	margin-bottom: 20px;
}
.table_address td{
	padding: 5px;
	vertical-align: top;
}

.table_bottom_border td{border-bottom: 1px solid #e7e9eb;}
.table_padding td{padding-top: 5px; padding-bottom: 5px;}
.table_border td{padding-left: 20px; padding-right: 20px; border: 1px solid #e7e9eb; vertical-align:top;}


.table_sidebox
{
	border: 0;
	padding: 0px;
	margin: 0px;
}

.table_sidebox th{
	font-weight: bold;
	border-bottom: #CCCCCC 1px solid;
}

.table_testi td {border-bottom: 1px solid #e7e9eb;}
	.table_testi td.person {width: 120px; text-align:center;}
	#content .table_testi td p.person{ font-size: 11px; color:#333333;}
	#content .table_testi td p.saying{ margin-top: 10px;}

.table_ld_rate{ width: 520px; }

.table_ld_rate td{
	border-bottom: 1px solid #e7e9eb;
	padding: 5px;
	font-size: 11px;
	color:#333333;
	padding-left: 10px;
	text-align:left;
}
.table_ld_rate td.rate{text-align: center;}

.table_ld_rate th{ padding: 5px; 	padding-left: 10px; border-top: 1px solid #e7e9eb;border-bottom: 1px solid #e7e9eb;}
.table_ld_rate th.highlight_header{ background:#ec4e00; color: #FFFFFF;}
.table_ld_rate th.rate{	text-align: center; width: 200px;}

#table_rate_country{ margin-top:20px; background:url(../images/template/rate_header.gif); width: 520px; height: 34px;}
#table_rate_country td.char_header{ width: 30px; font-weight:bold; text-align: center;}
#table_rate_country td.char_selector a{ margin-right:5px; }



.italic
{
	font-style:italic;
}

hr.hr1
{
    background-color: #e7e9eb;
	color: #e7e9eb;
	border: 0;
    height: 1px;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
}
#content p.top
{
	text-align: right;
	font-size: 10px;
}

ul.list_press li{
	margin-top: 20px;
	margin-bottom: 20px;
}



.highlight{
	color: #ec4e00;
}

.emphasis, #content.emphasis { font-weight:bold; color:#ec4e00;}

.width_hcol {width: 80%}

.p_width_col p{width: 95%; text-align:justify;}



/* Form
==============================================================================*/
.field_normal{width: 200px;}
.field_short{width: 120px;}
.field_shorter{ width: 80px;}
.field_digit{ width: 40px;}
.field_full{width: 100%;}
.field_auto{width: auto;}

input.submit
{
	border-style: double; 
	border-color: rgb(204, 204, 204) rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);
	border-width: 3px;
	padding: 3px;
	width: auto;
	background-color: rgb(238, 238, 238);
	background-image: url(/images/btn/button_bg.gif);
	background-repeat: repeat-x;
	color: rgb(51, 51, 51);
	font-size: 11px;
	font-weight: bold; 
	font-family: Verdana,Helvetica,Arial,sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
}


/* Specific
=============================================================================*/
.box_da_dial_Bottom {
	background: url(/images/da/dialbox_bottom.gif) bottom left no-repeat;
	padding-bottom: 10px;
	top: 5px;
	right: 33px;
	width: 520px;
}
.box_da_dial_Top {
	background: url(/images/da/dialbox_top.gif) top left no-repeat;
	padding: 1px 10px 10px 15px;
}

.box_da_testi_Bottom {
	background: url(/images/da/testibox_bottom.gif) bottom left no-repeat;
	right: 33px;
	width: 400px;
}
.box_da_testi_Top {
	background: url(/images/da/testibox_top.gif) top left no-repeat;
	padding: 12px 10px 1px 15px;
}
#content .box_da_testi_Top p.person{ font-size: 11px; color:#333333;}
#content .box_da_testi_Top p.saying{ font-size: 11px; color:#000;}

#box_greyborder{
	padding: 10px;
	border: 1px solid #e7e9eb;
}

#box_greyborder p.action{margin:0px;}
#box_greyborder h2{margin:0px; }
#box_greyborder ol{margin-left:30px; }



/* Specific
=============================================================================*/
#codoc h2{
	margin-top: 30px;
}


#codoc p{
	padding-left: 25px;
	width: 90%;
	text-indent: -25px;
}

#codoc p.none{
	padding-left: 0px;
	width: 93%;
	text-indent: 0px;
}


#codoc #one p{
	padding-left: 35px;
	width: 90%;
	text-indent: -35px;
}
#codoc blockquote{ width:90%}


#codoc blockquote p{
	margin-left: 20px;
	padding-left: 35px;
	text-indent: -35px;
}

#codoc #one blockquote p{
	margin-left: 20px;
	padding-left: 45px;
	text-indent: -45px;
}

#codoc #one span.second p{
	margin-left: 45px;
	padding-left: 55px;
	text-indent: -55px;
 width:86%
}

#codoc p#nospacing{
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	
}

#codoc p.3{
margin-left: 25px;
text-indent: -25px;
}

#codoc p.2{
margin-left: 18px;
text-indent: -18px;
}


#codoc p.null{
	text-indent: 0px;
	margin-left: 22px;
}

#codoc p.left{
	margin-left: 0px;
	text-indent: 0px;
}



#codoc blockquote blockquote{
	margin-top: -2px;
	margin-bottom: 7px;
}

#codoc blockquote blockquote p{
	margin:0px;
	margin-left:5px;
}






/* FAQ Menu 
=================================================================================*/
ul#faq_menu{list-style-image:url(../images/support/faq_bullet_q.gif); padding-left: 20px;}

	ul#faq_menu li{font-size: 14px; font-weight: bold; vertical-align:middle; margin-top: 5px; margin-bottom: 5px; padding-left:5px;}

	ul#faq_menu ol{display: none; list-style-type: none; font-size: 12px;}
		ul#faq_menu ol li {list-style-image: none; font-size: 12px; font-weight:normal; line-height:20px; margin-left: -20px;}
			ul#faq_menu ol li a {text-decoration: underline;}
			ul#faq_menu ol li a:visited{color: #666666;}
			ul#faq_menu ol li a:link{color: #333333;}
			ul#faq_menu ol li a:hover {color: #F78A18}
			ul#faq_menu ol li a:active {color: #F78A18}
			
#faq h3{padding-left:0; color:#333333;}

#faq p{padding-bottom:10px;}