/*
		______________________________________________________________________________________________

		Author:   Gert van Dijk (Fredhopper)
		Date:     July 2007
		______________________________________________________________________________________________

		This is the main CSS file for the ING Internet Top Bar with Horizontal and
		Left Hand Side (LHS) navigation.
		______________________________________________________________________________________________	

*/

/* Common
---------------------------------------------*/
	
a { color:#39C; }
a:hover { text-decoration:underline; }

 

input.groovybutton {
   font-size:11px;
   font-weight:bold;
   color:#FFFFFF;
   /*background-color:#B4C3E2;*/
   background-color:#f60;
   border-style:none;
   margin:10px 0 0 75px;   
}
input.groovybutton2 {
   font-size:11px;
   font-weight:bold;
   color:#?b4c3e2;
   /*background-color:#B4C3E2;*/
   background-color:#fff;
   border-style:none;
   margin:0px 0 0 0px;   
}

/* Page Structure (layout)
---------------------------------------------*/

#pagewrapper {
	margin:0 auto;
	/*max-width:1006px;
	min-width:738px;	*/
	width: 964px;
}

#topbar, #lhs_nav, #content {
	overflow:hidden;
	display:inline-block;
	}
	
#topbar {
	width:100%;
	}
	
#topbar {
	margin:0 0 4px 0;
	height:106px;
	}


#canvas table {
	border-collapse: collapse;
	width: 100%;
}

#canvas table td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#lhscell {
	width: 23%;
}

/*#lhs_nav {
	width:100%;
	}*/
	

	

/*#content cell {
	border: #e5e5e5 1px solid;
	width: 76%;
}*/
#content td.footer {
	border-top:1px solid #CCC;
	padding-bottom:10px;
	padding-top: 3px;
	}

/* Topbar - top
---------------------------------------------*/

#title_logo {
	border-bottom: 5px solid #F60;
	margin:5px 0 3px 0;
	}
#title_logo h1 a { /* ING Logo */
	background:transparent url(images/ing_logo.gif) left  no-repeat;
	float:left;
	height:0;
	margin:0;
	overflow:hidden;
	padding:52px 0 0 0; /* 32px is height of ING logo image */
	text-indent:-9000px;
	width:128px;
	}
#title_logo h1 a:hover { text-decoration: none; }
#title_logo h2 { /* Business Descriptor */
	color: #006;
	float:right;
	font-size:1.83em;
	font-weight:normal;
	padding-top:25px;
	/*text-transform:uppercase;*/
	}
#title_logo h3 { /* click logo */
	background:transparent url(images/logo.gif) right  no-repeat;
	float:right;
	padding-top:15px;
	padding-bottom:1px;
	width:130px;
	height:40px;
	/*text-transform:uppercase;*/
	}

/* Topbar - bottom
---------------------------------------------*/

#function_switches li {	float:left; }
#function_switches li a {
	background:transparent url('images/orange_piper.gif') right 3px no-repeat;
	color:#666;
	font-size:0.92em;
	height:0.92em;
	margin-right:8px;
	padding-right:8px;
	}
#function_switches li.last a {
	background:none;
	margin-right:49px;
	padding-right:0;
	}
#function_switches li.last2 a {
	background:none;
	margin-right:1px;
	padding-right:0;
	font-weight:bold;
	}
#lang_switch li { float: left; }
#lang_switch li a {
	/*background:transparent url(images/orange_piper.gif) right 3px no-repeat;*/
	color:#666;
	font-size:0.92em;
	margin-right:5px;
	padding-right:5px;
	text-transform:uppercase;
	}
#lang_switch li.last a { background:none; padding-left:9px; }
#lang_switch li.selected a { color:#F60; padding-left:9px; }
#lang_switch li.selected a:hover { text-decoration:none; }
#search {
	float:right;
	margin-top: 4px;
	}
#search fieldset { margin:0; padding:0; border:none; text-align: right; }
#search fieldset label { display:none; }
#search_form #searchterm {
	border: 1px solid #CCC;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	padding:1px 0 2px 5px;
	width:163px;
	}
#search_form #searchbutton {
	color:#788CC7;
	font-size:0.92em;
	font-weight:bold;
	padding-left:2px;
	}

/* Left Hand Side (LHS) navigation
---------------------------------------------*/

.lhs_menu {
	border-left:3px solid #f60;
	border-right:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	}

	/* level 1 */
.lhs_menu li {
	border-bottom:1px solid #e5e5e5;
	font-size:1.08em;
	padding-left:10px;
	}
.lhs_menu li.selected {	background:#fbf9f9;	}
.lhs_menu li a, .lhs_menu li span {
	background:transparent url(images/arrow.gif) left 1em no-repeat;
	color: #006;
	display:block;
	font-weight:bold;
	padding:7px 10px 7px 12px;
	}
	
.lhs_menu li.selected a, .lhs_menu li.selected span {
	background:transparent url(images/arrow.gif) left 0.92em no-repeat;
	}
	
.lhs_menu li.selected_nosub, .lhs_menu li.selected_nosub a{
	background: #fbf9f9;            /*สีพื้นหลังจากคลิกแล้วมีเมนูย่อย*/
	color: #006;
	}
	
.lhs_menu li.selected_nosub a {
    background:transparent url(images/arrow.gif) left 0.92em no-repeat;
    padding: 7px 10px 7px 12px;
	}
	
.lhs_menu li.selected_nosub span {
	background:transparent url(images/arrow_down.gif) left 1em no-repeat;
	color:#006;
	}
	
	/* level 2 */
.lhs_menu li.selected ul { margin:0 0 5px 0; }
.lhs_menu li.selected ul li {
	/*border-bottom:1px solid #fbf9f9;*/
	font-size:13px;
	font-weight:normal;
	/*line-height:1.6em;*/
	padding:2px 0 2px 11px;
	border-bottom:none;
	color:#f60;
	/*background:#deeaf6;*/
	}
.lhs_menu li.selected_nosub ul { margin:0 0 5px 0; }
.lhs_menu li.selected_nosub ul li, .lhs_menu li.selected_nosub ul li a { 
	/*border-bottom:1px solid #fbf9f9;*/
	font-size:13px;
	font-weight:normal;
	color:#666;
	padding:3px 0 0 6px;
	/*background:#deeaf6;*/
	}
.lhs_menu li.selected_nosub ul li.selected span {
	font-weight:normal;
	padding:0 0 0 0px;
	color:#f60;
	background:transparent url(images/space.gif) left 1em no-repeat;
	}

	/* level 3 */
.lhs_menu li.selected ul li.selected ul { margin:0 0 4px 0; }
.lhs_menu li.selected ul li.selected ul li {
	/*border-bottom:1px solid #fbf9f9;*/
	font-size:0.92em;
	line-height:1.1em;
	padding:6px 0 0 12px;
	}
	
	/* level 4 */
.lhs_menu li.selected ul li.selected ul li.selected ul { margin:6px 0 0 0; }
.lhs_menu li.selected ul li.selected ul li.selected ul li {
	border-bottom:1px solid #fbf9f9;
	font-size:0.92em;
	line-height:1em;
	padding:3px 0 3px 10px;
	}
	
	/* links for level 2, 3 and 4 */
.lhs_menu li.selected ul a, .lhs_menu li.selected ul span {
	background:none;
	color:#666;
	display:block;
	font-weight:normal;
	padding:0;
	margin:0;
	}	
.lhs_menu li.selected ul span {	color:#f60; }
	
/* Horizontal navigation
---------------------------------------------*/

#horiz_nav {
	background-color: #F60;
	margin-bottom: 10px;
	height:100%;
	width:100%;
	}

#horiz_nav li {
	float: left;
	position: relative;
	}

#horiz_nav li a {
	border-right: 1px solid #FFF;
	color: #FFF;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 5px 7px 4px 8px;
	text-decoration: none;
	}

#horiz_nav li a:hover { background-color: #788CC7; }

/* Level 2 */

#horiz_nav ul {
	background-color: #FFF;
	border: 1px solid #666;	/*Original : #788CC7*/
	display: none;
	position: absolute;
	top: 26px;
	z-index: 200;
	filter: alpha(opacity=95);
	}

#horiz_nav li.over ul { display: block; }

#horiz_nav ul li {
	display: inline;
	float: none;
	margin-bottom: 0;
	white-space: nowrap; /* Prevent wrapping of text inside the items */
	}

#horiz_nav ul li a {
	background: #FFF url(images/horiz_nav_separator.gif) bottom left repeat-x;
	border: none;
	color: #666;
	display: block;
	font-weight: normal;
	width:160px;
	padding: 3px 30px 4px 5px;
	}

#horiz_nav ul li.last a {
	background-color: #FFF;
	background-image: none;
	padding-bottom: 3px;
	}

#horiz_nav ul li a:hover {
	background-color: #788CC7;
	color: #FFF;
	}
#horiz_nav ul li ul {
	position: absolute;
	top: 26px;
	z-index: 200;
	}
	
/* Level 3 */
#horiz_nav ul li ul li {
	display: inline;
	float: none;
	margin-bottom: 0;
	white-space: nowrap; /* Prevent wrapping of text inside the items */
	}
#horiz_nav ul li ul li a {
	background: #FFF url(images/horiz_nav_separator.gif) bottom left repeat-x;
	border: none;
	color: #666;
	display: block;
	font-weight: normal;
	width:160px;
	padding: 0px 30px 4px 5px;
	}

/* Content & Headers
---------------------------------------------*/
#content {
	/*border: #e5e5e5 1px solid;*/
	color: #666;
	
	font-size:13px;
	font-family:Arial;
}

#content table.story {
	border-collapse: collapse;
	width: 100%;
}

#content table.story, #content.story table td {
	/*border: #333 1px solid;*/
	padding: 0;
	margin: 0;
}

#content td.content {
	padding-bottom: 32px;
}

#content td.rhs {
	padding-left: 15px;
	vertical-align: top;
	width: 200px;
}

#content td.rhs .rhs_top_margin {
	margin-top: 7px;
}

#content p {
	line-height: 19px;
	padding:5px 0 0 5px;
	margin-bottom:10px;
}

#content a {
	text-decoration: underline;
}
		
#content h4 {
	/* Header 1 */
	font-size: 1.50em;
	font-weight: normal;
	margin: 26px 0 3px 0;
}
		
#content h3 {
	/* Title */
	border-bottom: #e5e5e5 1px solid;
	font-size: 1.50em;
	font-weight: normal;
	margin: 10px 0 7px 0;
	padding: 0 0 5px 0;
	color:#ff6600;
}
			
#content h5 {
	/* Header 2 */
	color: #333;
	font-size: 1.25em;
	font-weight: bold;
	margin: 16px 0 0 0;
}
		
#content h6 {
	/* Header 3 */
	font-size: 1.0em;
	font-weight: bold;
	margin: 19px 0 1px 0;
}
		
#content span.h7 {
	/* Header 4 */
	color: #333;
	display: block;
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
	margin: 19px 0 3px 0;
}
		
#content ul {
	list-style: none;
	margin: 15px 0 10px 21px;
	padding: 0;
}
		
#content ul li {
	background: transparent url(images/story_bullet.gif) 0 5px no-repeat;
	line-height: 15px;
	margin: 0 0 0 0;
	padding: 0 0 5px 12px;
}
		
#content ul#toc {
	border-bottom: #e5e5e5 1px solid;
	list-style: none;
	margin: 10px 0 28px 0;
	padding: 0 0 3px 11px;
}
		
#content ul#toc li {
	background: transparent url(images/arrow.gif) 0 5px no-repeat;
	line-height: 16px;
	margin: 0 0 3px 0;
	padding: 0 0 0 16px;
}

#content ul#toc li a, #content ul#toc li a:link, #content ul#toc li a:hover, #content ul#toc li a:active, #content ul#toc li a:visited,  {
	color: #39C;
	text-decoration: underline;
}

#content td.footer {
	border-top: #e5e5e5 1px solid;
	color: #666;
	font-size: 0.83em;
	margin-top: 20px;
	padding-top: 6px;
}

#content td.footer.left {
	padding-left: 1px;
}

#content td.footer.right p {
	text-align: right;
}

#content td.footer ul#footer_linklist {
	margin: 0;
}

#content td.footer ul#footer_linklist li {
	background: transparent url(images/blue_piper.gif) 100% 4px no-repeat;
	float: left;
	padding-left: 6px;
	padding-right: 8px;
}

#content td.footer ul#footer_linklist li.last {
	background: none;
	padding-right: 24px;
}

#content td.footer ul#footer_linklist li.first {
	padding-left: 0;
}

#content td.footer ul#footer_linklist li a {
	color: #39C;
	text-decoration: none;
}

#content div.rhs_banner { 
	background-color: #FFF;
	margin: 0 0 10px 10px;
	width: 198px;
}
		
#content div.rhs_banner img { margin: 2px 2px -1px 2px; }

	
#content div.rhs_jumpbox { 
	background-color: #f9f9f9;
	margin: 0 0 10px 10px;
	width: 180px;
	text-align:left;
}

#content div.rhs_jumpbox ul {/*border:1px solid #ccc;*/ padding:0 0 5px 0; margin:0;}

#content div.rhs_jumpbox ul li {
	background: url(images/arrow.gif) 11px 5px no-repeat;
	margin-bottom: 1px;
	margin-top: 5px;
	padding: 0 10px 0 27px;
}
		
#content div.rhs_jumpbox span { /* Headerbar */ 
	background-color: #b4c3e1;
	color: #000066;   
	display: block;
	font-weight: bold;
	padding: 5px 10px 6px 11px;
	
}		
		
#content div.rhs_jumpbox p {
	margin: 10px 10px 12px 10px;
}

.tblsubject {
	padding: 5px 0 5px 0;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	}
.tblsubject_ver {
	padding: 6px  6px 10px;
	font-weight:bold;
	height:20px;
	vertical-align:middle;
	text-align:left;
	line-height:25px;
	}
.tbl_td {
	vertical-align:middle;
	border-bottom:1px solid #b4c3e2;
	padding:2px 2px 2px 6px;
	line-height:25px;
	}

/* Module: LHS Content
---------------------------------------------*/
#lhs_content {
	float:left;
	margin:0 0 10px 0;
	padding-bottom: 19px;
	/*border:1px solid #e5e5e5;
	width: 36%;  - Adjustments made with JS! */
	width:683px;
	height:auto;
	}
	
#lhs_content div.policy {
	/*background: url(../images/bg_policy.gif) 0px 0px no-repeat;*/
	float:left;
	width:682px;
	height:200px;
	/*border:1px solid #B4C3E2;*/
	padding-bottom: 15px;
	margin-bottom:10px;
	}
#lhs_content div.policy div.topline {
	background: url(images/bg_policy_01.gif) 0px 0px no-repeat;*/
	float:left;
	width:683px;
	height:10px;
	/*border-bottom:1px solid #B4C3E2;*/
	}
#lhs_content div.policy div.content {
	border-left:1px solid #b4c3e2;
	border-right:1px solid #b4c3e2;
	float:left;
	width:680px;
	/*border-bottom:1px solid #B4C3E2;*/
	}
#lhs_content div.policy div.bottomline {
	background: url(images/bg_policy_03.gif) 0px 0px no-repeat;*/
	float:left;
	width:683px;
	height:10px;
	/*border-bottom:1px solid #B4C3E2;*/
	}
	
#lhs_content div.policy div.header {
	color:#FFF;
	font-size: 1.30em;
	font-weight:bold;
	padding: 5px 5px 0px 10px;
	margin: 0px 9px 0px 9px;
	height:27px;
	background: url(images/bg_policybar.gif) 0px 0px no-repeat;
	}
#lhs_content div.policy div.table {
	padding: 5px 10px 5px 10px;
	margin: 13px 15px;
	/*background-color:#FBF9F9;*/
	border-bottom:1px dotted #e5e5e5;
	}
#lhs_content div.policy div.table_head {        /* Column name*/
	color: #3399cc;
	font-weight:bold;
	padding: 5px 10px 10px 10px;
	margin: 5px 15px;
	}
	
#lhs_content div.section {
	float:left;
	width:683px;
	/*border-bottom:1px solid #B4C3E2;*/
	padding-bottom: 15px;
	}
#lhs_content div.section a {
	text-decoration:underline;
	}
#lhs_content div.section div.article {
	float:left;
	width:24%;
	border-top:5px solid #b4c3e2;
	margin-right:4px;
	margin-left:2px;
	padding:5px 0px;
	}
#lhs_content div.section div.article span {
	color:#000066;
	font-size:1em;
	padding:2px;
	}

#lhs_content div.col1 {
	float:left;
	width:37%;
	height:260px;
	/*border-bottom:1px solid #B4C3E2;*/
	padding-bottom: 15px;
	}
#lhs_content div.menu {
	/*border-bottom:1px solid #D9E0F0; */
	height:35px; 
	padding:5px 10px 0px 65px;
	margin-top:3px;
	vertical-align:middle;
	background-color:#deeaf6;
	background: url(images/bg_menu.gif) 0px 0px no-repeat;
	}
#lhs_content div.hili {
	border-bottom:1px solid #D9E0F0; 
	height:66px; 
	padding:5px 10px 5px 10px;
	margin-top:3px;
	vertical-align:middle;
	}
#lhs_content div.col2 {
	float:right;
	width:61%;
	height:260px;
	/*border-bottom:1px solid #B4C3E2;*/
	padding-bottom: 15px;
	}
#lhs_content div.header { /* Headerbar */
	background-color: #B4C3E1;
	color: #006;
	display: block;
	font-weight: bold;
	padding: 5px 10px 6px 11px;
}

/* Module: RHS Jumpboxes
---------------------------------------------*/


/*#rhs_content div.rhs_box {
	background-color: #F0F3FA;
	padding: 10px 7px 12px 7px;
	margin-bottom:10px;
	width: 226px;
	border:1px solid #D9E0F0;
}

#rhs_content div.rhs_box ul li {
	background: url(images/arrow.gif) 11px 5px no-repeat;
	margin-bottom: 1px;
	margin-top: 5px;
	padding: 0 10px 0 27px;
}*/


/*#rhs_content div.rhs_jumpbox2 {
	background-color: #F0F3FA;
	padding-bottom: 7px;
	margin-bottom:10px;
	border:1px solid #99CCFF;
	height:40px;
	border:1px solid $f60;
}

#rhs_content div.rhs_jumpbox span { /* Headerbar 
	background-color: #FF6600;
	color: #FFF;   
	display: block;
	font-weight: bold;
	padding: 5px 10px 6px 11px;
}

*/
#rhs_content div.rhs_jumpbox {
    padding:0px;
    margin-bottom: 10px;
    /*border:1px solid #ccc;*/
    width:240px;
    /*font-size:12px;*/
    }

#rhs_content div.rhs_jumpbox div.header {
	color:#000066;
	font-size: 12px;
	font-weight:bold;
	padding: 6px 0 7px 10px;
	background-color: #B4C3E2;
}

/*	border-bottom: #FFFFFF solid 1px;
	color:#FFF;
	font-size: 1em;
	font-weight:bold;
	padding: 4px 10px 4px 10px;
	background-color:#B4C3E2;
}
div.rhs_jumpbox div.onlineService {
	width:231px;
	padding:1px;
	margin:0;
	}

		
#rhs_content div.rhs_jumpbox div.rhs_jumpbox_content {
	margin: 0 5px 11px 10px;
	font-size:11px;
}
*/


#rhs_content div.rhs_jumpbox ul {
	list-style: none;
	margin: 7px 3px 7px 10px;
	padding:0;
}

#rhs_content div.rhs_jumpbox ul li {
	margin:5px 0 3px 0;
	padding: 0 0 3px 0;
	border-bottom:1px solid #eff4fa;
}

#rhs_content div.rhs_jumpbox ul li a {
	color: #3399cc;
	text-decoration: none;
}

#rhs_content div.rhs_jumpbox ul li a:link, #content div.rhs_jumpbox ul li a:active, #content div.rhs_jumpbox ul li a:visited { text-decoration: none; color: #3399cc; }

#rhs_content div.rhs_jumpbox ul li a:hover {
	text-decoration: underline; 
	color: #3399cc;
}

/***********Grid list link********************/
/*
#rhs_content div.rhs_jumpbox a {
	color: #3399cc;
	text-decoration: none;
}
#rhs_content div.rhs_jumpbox a:link, #content div.rhs_jumpbox a:active, #content div.rhs_jumpbox a:visited { text-decoration: none; color: #3399cc; 
}
#rhs_content div.rhs_jumpbox a:hover {
	text-decoration: underline; 
	color: #3399cc;
}
*/
/* Footer
---------------------------------------------*/

#footer_links li { float:left; }
#footer_links li a {
	background:transparent url(images/blue_piper.gif) right 3px no-repeat;
	color:#39C;
	font-size:0.92em;
	height:0.92em;
	margin-right:7px;
	padding-right:7px;
	}
#footer_links li.last a {
	background:none;
	padding-right:0;
	}
#footer_links li.last { margin-right:49px; }
#copyright {
	color: #999;
	float:right;
	font-size:0.92em;
	padding-top: 1px;
	}

/* Index - Login
---------------------------------------------*/
#body_login{
	margin: 10px 0px 10px 0px;
	}
#welcome{
	color:#000066;
	font-size:16px;
	font-weight:bold;
	padding:5px 0px;
	margin:5px 10px 5px 10px;
	width:96%;
	}
#login_left {
	width:600px;
	height:450px;
	float:left;
	background-color:#DEEAF6;
	}
#bar {
	height:auto;
	width:100%;
	background-color:#B4C3E2;
	padding:0px;
	margin: 0px;
	color:#006;
	font-weight:bold;
	}
#bar li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

#bar li a
	{	display: block;
		background: #B4C3E2;
		padding: 5px 15px;
		text-decoration: none;
		border-right: 1px solid white;
		width: auto;
		color: #006;
		white-space: nowrap}

#bar li a:hover
	{ text-decoration:underline;}


#login_left .login_form {
	width:94%;
	height:130px;
	margin:10px;
	padding:13px;
	background-color:#FFF;
	border:1px solid #B4C3E2;
	}
#login_left .login_suggest {
	width:94%;
	height:130px;
	margin:10px;
	padding:13px;
	background-color:#9cf;
	border:1px solid #FFF;
	}
#login_right{
	width:320px;
	height:450px;
	float:right;
	background-color:#DEEAF6;
	}
#footer_left {
	padding-bottom:10px;
	padding-top: 3px;
	color: #666;
	font-size: 0.83em;
	margin-top: 20px;
	padding-top: 6px;
	padding-left:inherit
	}
#footer_right {
	padding-bottom:10px;
	padding-top: 3px;
	color: #666;
	font-size: 0.83em;
	margin-top: 20px;
	padding-top: 6px;
	text-align:right;
	}
	

/* Tabcontents
---------------------------------------------*/
#wrapper { 
		margin:0px auto;
		width:937px;	
}

#body {
	padding:10px 10px 0px 10px;
	background-color:#FFFFFF;
	width:inherit;
}


.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ 
position: relative;
top: 1px;
}

.shadetabs li a.selected{ 
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ 
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


.modernbricksmenu2{
padding: 0;
width: 800px;
border-bottom: 5px solid #FF6600; 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; 
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: #3399cc;
text-decoration: none;
margin: 0 1px 0 0; 
padding: 5px 10px;
background-color: #c2dbf8; 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #FF6600;
color: white;
}

.modernbricksmenu2 a.selected{ 
background-color: #FF6600; 
color: white;
border-color: #FF6600;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}



.indentmenu{
font: bold 13px Arial;
width: 100%; 
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
border-top: 1px solid navy; 
background: black url(images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white;
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; 
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; 
padding-bottom: 4px;
background: black url(images/indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ 
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

#ibanner{
	width:auto;
	vertical-align:top;
}

#icontent{
	width:750px;
	font:"ms Sans Serif";
	font-size:11px;

	padding:5px 5px 5px 5px;
}
#icontent .img{
	width:175px;
	padding:5px 20px 5px 20px;
	vertical-align:top;
	float:left;
}
#icontent .detail{
	width:535px;
	padding:5px 20px 5px 20px;
	vertical-align:top;
	text-align:left;
}
#icontent .header{
	font-size:11px; font-weight:bold;
	color:#3399CC;
	text-align:left;
	float:left;
}
#icontent .detail a{
	color: #FF6600;
	text-decoration: underline;
}
#icontent .detail a:visited{
	color: #FF6600;
	text-decoration: underline;
}

#icontent .detail a:hover{
	color: #3399CC;
	text-decoration: underline;
}
/*............................................................*/
#leftimage
{
float:left;
width: 100px;
border:1px solid #999999;
margin: 2px 2px 2px 2px;
/*padding: 2px 2px 2px 0px;*/
clear:both;   
}

#rightcontent
{
margin-left: 15%;
/*border-left: 1px solid #ff6600;*/
padding: 2px;
max-width: 36em;
}	
#header_bar
{
clear: both;  
padding: 5px;
margin: 5px 0px 10px 0px;
color: #3399cc;
font-size: 16px;
font-weight:bold;
background-color: #ffffff;
border-bottom: 3px solid #ff6600;
}
.title{
color:#000066;
font-weight: bold;
}
.style8 {color: #FF0000}

/*---------------- Chen ----------------------------------*/
/* Main Content & Navigator
---------------------------------------------*/
#mainContent .toptitle {
	font-size:16px;
	font-weight:bold;
	color:#000066;
	background-color:#b4c3e2; 
	height:16px;
	border-top:5px solid #FF6600; 
	padding:8px 10px;
	 }
	 
#leftContent .navbox{
	padding-bottom: 7px;
	margin-bottom:10px;
	}
	
#leftContent .navbox .header{
	color:#000066;
	font-size: 1em;
	font-weight:bold;
	padding: 6px 0 7px 10px;
	background-color:#B4C3E2;
	/*margin:1px 1px 0 1px;*/	
}

#leftContent .navbox .listMenu {
    padding:3px 0 8px 0; 
    margin:0; 
    margin-bottom:10px;
    background-color: #F0F3FA;
}

#leftContent .navbox .listMenu .icon {
    float:left; 
    padding:3px 0 1px 3px; 
}

#leftContent .navbox .listMenu .icon img {width:37px; height:36px;}

#leftContent .navbox .listMenu .textMenu {background:url('/images/bg_leftMenu.gif') top right no-repeat; padding:13px;}

#leftContent .navbox .listMenu .textMenu2 {padding:5px; background:url('/images/bg_leftMenu.gif') top right no-repeat;}


/*#leftContent .navbox ul { margin:7px 3px 7px 10px;}

#leftContent .navbox ul li {
    background: url('/images/bg_leftMenu.gif') top left no-repeat;
    padding:0px 0px 0px 0px; 
    border:1px solid #39c;
    
}

#leftContent .navbox ul li a {text-decoration:none;}

#leftContent .navbox .bar{
	list-style-type: none; 
	margin:1px 0px 0px 0px;
	padding: 12px 0px 6px 60px;
    background-color:#DEEAF6;
	height:26px;
	vertical-align:middle;
	line-height:11px;
}*/



#rhs_content div.rhs_jumpbox ul li a {
	color: #3399cc;
	text-decoration: none;
}



/* Main Content & Rightcontent
---------------------------------------------*/
#rightContent .rhs_box {
	background-color:#FBF9F9;
	padding-bottom:3px;
	padding-top:0px;
	margin-bottom:10px;
	border:1px solid #C2DBF8;
}
#rightContent .rhs_box .header {
	color:#000066;
	font-size: 1em;
	font-weight:bold;
	padding: 6px 0 7px 10px;
	/*background: transparent url(../img/bg_banner_rhs.gif) top left;*/
	background-color:#b4c3e2;
	/*margin:0px;
	margin:1px 1px 0 1px;*/
}
#rightContent .rhs_box .prod1 {
	float:left; 
	width:45%; 
	margin:7px 0px 3px 2px;
	_margin:7px 0px 1px 2px;
}
#rightContent .rhs_box .prod2 {
	float:right; 
	width:45%; 
	margin:7px 13px 5px 0px;
	_margin:7px 2px 5px 0px;
}

.list_underline li {
	list-style-type:none;
	border-bottom:1px solid #e5e5e5;
	padding:3px 10px;
}

/*---------------- Chermsak ----------------------------------*/
/* Extension module
---------------------------------------------*/
#topBanner div.banner {
   overflow: hidden; 
   width: 658px;
   _width: 655px; 
   height: 162px;
}

#topBanner div.bottomBar {
   background-color:#b4c3e2; 
   padding:6px 9px;
   color:#000066;
   font-size:16px;
   font-weight:bold;
   border-bottom:5px solid #f60;
   width:97.2%;
   _width:97.2%;
   }
   
#rightContent .whyInsured {margin-bottom:10px; width:410px; height:100%; overflow:hidden;}

#rightContent .fnTool {margin-bottom:10px; width:410px; height:100%;}

#complaint {padding:5px; color:#666; font-family:12px Arial;}

#complaint h3{
	/* Title */
	border-bottom: #e5e5e5 1px solid;
	font-size: 1.50em;
	font-weight: normal;
	margin: 10px 5px 10px 5px;
	padding: 0 0 5px 0;
	color:#ff6600;
}
#complaint h4
{
	font-size: 1.50 em;
	font-weight:bold;
	color:#666666;
	line-height:20px;
	padding: 1px 10px;
	vertical-align:middle;
	background-color:#deeaf6;
	margin:25px 0px 15px 0px;
	width:97%;
}

.dataFeildLabel {
    display:block; 
    font-weight:bold; 
    text-align:right; 
    width:170px; 
    float:left;
    padding:6px 0 0 0;
}

#complaint input{
    font-size:12px;
    padding:3px 2px;
    margin:2px 0 3px 10px;
}

#complaint input.chkbox1
{
	border:none; 
	padding:0; 
	margin-right:5px; 
	width:20px;
	fload:left;
}

#complaint input.txtbox1
{
	border:solid 1px #aacfe4;
}

#complaint select{
    font-size:12px;
    padding:2px 2px;
    border:solid 1px #aacfe4;
    width:200px;
    margin:2px 0 3px 10px;
}

#complaint br { height:2px;}

/*-------------Kachen------------------*/
/*---------complaint page--------------*/

#complaint_boxlist{
	width:300px; 
	height:100%; 
	margin:5px 0 0 -2px;  
	padding-bottom:10px; 
}
#complaint_boxlist .headerbar{
	background-color:#e5e5e5; 
	color:#666; padding:5px 0 4px 12px; 
	text-align:left;
}
#complaint_boxlist.list{
	margin:-2px; 
	float:left;
}
#complaint_boxlist input.chkbox1
{
	border:none; 
	padding:0; 
	margin-right:5px; 
	width:20px;
	fload:left;
}
#checkbox
{
}
#checkbox ul 
{
	margin-left:162px;
}
#checkbox ul li
{
	vertical-align:middle;
	border:none; 
	padding:0; 
	margin-right:5px; 
	width:300px; 
	margin-left:0px;
}
input.largerCheckbox
{
	border:solid 1px #fff;
	width: 20px;
	height: 20px;

}