/*
 for: 自助卡
 anchor:hyx
 date:2007/12/5
 version:0.3
 */
 
 


/*-------------------------------------------------------------------------------------------------------*/
/*----------------->>                 general format                   <<--------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

/*------>>global<<-------*/
* {margin:0;padding:0;}
body {background-color: #fff;text-align:center;}
body,td,th {font-family:"宋体", Verdana, Lucida, Arial, Helvetica, sans-serif; font-size: 12px;color: #666;}
ul{list-style:none;}
h1{color: #FF3000;font-family: Arial, Helvetica, sans-serif;font-size: 26px;line-height: 30px;}
h2,h3 {color: #FF3000;font-weight:bold;}
h2{font-size:14px; }
h3{font-size:12px; }
p {line-height:18px;}
img { border:none;}
a img { vertical-align:middle;}

/*------>>custom link style<<------*/
body a {text-decoration:none;}

select,input{ font-size:12px; color:#666;}

a:link,a:visited {color: #666;}
a:hover,a:active {color: #ff3000;}

.red a {text-decoration: underline;}

.red a:link,.red a:visited{color: #ff3c00;text-decoration: underline;}
.red a:hover,.red a:active  {color: #ff0000;text-decoration: underline;}

a.link_red:link,a.link_red:visited,a.link_rtn:link,a.link_rtn:visited{color:#FF3c00;text-decoration:underline;}
a.link_red:hover,a.link_red:active,a.link_rtn:hover,a.link_rtn:active{color:#F00;text-decoration:underline;}
a.linkred:link,a.linkred:visited{color:#FF3c00;text-decoration:none;}
a.linkred:hover,a.linkred:active{color:#F00;text-decoration:none;}

.foot {font-size:11px;font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;}
.fontlineheight{line-height:22px;}
.padding{padding:8px 0;}
.hidden { display:none;}

.clear {clear:both;}

.color_red{color:#FF3000;}

.fontsize14 {font-size:14px;}

#container,#infocontainer{margin-left:auto;margin-right:auto;text-align:left;}
#container{width:994px;}
#infocontainer{width:800px;}
#header{width:100%;}

/*------>>top nav<<------*/
#head_nav {padding-top:5px;height:22px;background:url(../images/automobile_bg_print01.gif) repeat-x top;}
#head_nav ul{float:right;padding-right:10px;}
#head_nav ul li{float:left;height:17px;padding:0 2px;}
#head_nav ul li.seg{padding:0 5px;background:url(../images/automobile_bg_print15.gif) no-repeat 2px 50%;}
#head_nav ul li.now{padding-left:12px;background:url(../images/automobile_bg_print02.gif) no-repeat top left;}
#head_nav ul li.now a{float:left;color: #ff3000;padding:2px 10px 0 0;height:15px;background:url(../images/automobile_bg_print03.gif) no-repeat top right;}

#logo{padding:10px 0 9px 22px;}


/*------>>main nav<<------*/
#main_nav{float:left;width:100%;background:url(../images/automobile_bg_print14.gif) repeat-x bottom;}
#main_nav ul{float:left;height:34px;padding:6px 0 0 24px;}
#main_nav ul li{float:left;height:34px;background:url(../images/automobile_bg_print08.gif) repeat-x 0px;}
#main_nav ul li.inside_seg{width:14px;background:url(../images/automobile_bg_print07.gif) no-repeat 0px 50%;}
#main_nav ul li.this_on{float:left;height:34px;background:url(../images/automobile_bg_print13.gif) repeat-x 0px;}
#main_nav ul li.leftside_seg{width:5px;background:url(../images/automobile_bg_print05.gif) no-repeat  center 0px;}

#main_nav ul li.leftside_space{padding-left:202px;background:none;}
#main_nav ul li.leftside_space1{padding-left:16px;background:none;}
#main_nav ul li.rightside_seg{width:5px;background:url(../images/automobile_bg_print06.gif) no-repeat center 0px;}
#main_nav ul li.lefton_seg{width:14px;background:url(../images/automobile_bg_print11.gif) no-repeat center 0px;}
#main_nav ul li.righton_seg{width:14px;background:url(../images/automobile_bg_print12.gif) no-repeat center 0px;}
#main_nav ul li.inlefton_seg{width:13px;background:url(../images/automobile_bg_print09.gif) no-repeat center 0px;}
#main_nav ul li.inrighton_seg{width:13px;background:url(../images/automobile_bg_print10.gif) no-repeat center 0px;}
#main_nav ul li a{display:block;font-weight:bold;padding:5px 10px 0 10px;}

#main_nav a:link,#main_nav a:visited {color: #333;}
#main_nav a:hover,#main_nav a:active{color: #ff3c00;}
#main_nav ul li.this_on a:link,#main_nav ul li.this_on a:visited{color: #ff3c00;}
#main_nav ul li.this_on a:hover,#main_nav ul li.this_on a:active{color: #ff0000;}

#top_search{margin-top:5px;float:right;height:22px;width:210px;color:#333;clear:right;}
#top_search span{padding-top:2px;line-height:18px;float:left;display:block;}
#top_search input{width:140px;height:18px;border:inset 2px;float:left;}
#top_search span img{margin:0 0 8px 3px;}

#main{float:left;background:url(../images/automobile_bg_print16.gif) repeat-y left;}

/*------>>left side<<------*/
#left{float:left;width:194px;text-align:center;}
#login{margin:0 auto 16px auto;width:129px;height:103px;clear:left;background:url(../images/automobile_bg_print17.gif) no-repeat center;}
#login span{font-weight:bold;color:#333;padding:10px 0;display:block;}
#login input{vertical-align:middle;}
#login label{color:#333;padding-left:2px;line-height:18px;vertical-align:middle;}
#login button{margin:5px 2px;width:38px;height:18px;color:#333;border:none;background:url(../images/automobile_bt_login.gif) no-repeat center;}

/*------>>layout side<<------*/
#center{float:left;width:554px;margin:12px 10px 0 12px;}
#content { float:left; width:786px; margin:12px 0 0 12px; display:inline;}
#infocenter{float:left;width:554px;margin:12px 7px 0 7px;display:inline;}

#banner{text-align:center;}

/*------>>right bar<<------*/
#right{float: right;width:223px;margin-top:42px;}
#inforight{float:right;width:223px;margin-top:12px;margin-right:7px;display:inline;}
.right_banner{clear:both;margin-bottom:13px!important;margin-bottom:9px;}

/*------>>sidebar nav<<------*/
.nav_left {padding-top:11px;background:#FFF;margin-bottom:16px;}
.nav_left li {display:block;padding-left:22px;border-bottom:1px solid #C7C6C2;text-align:left;}
.nav_current {background:url(../images/nav_bg_line.gif) repeat-x top;}
.nav_current a:link,.nav_current a:hover,.nav_current a:active,.nav_current a:visited{color:#ff3000;}
.nav_current ul li a:link,.nav_current ul li a:hover,.nav_current ul li a:active,.nav_current ul li a:visited {color:#666;}
.nav_left li a {display:block;height:30px;line-height:30px;background:url(../images/nav_pic_red.gif) no-repeat 0 40%;padding-left:11px;font-weight:bold;color:#666;text-decoration:none;}
.nav_left ul {margin:4px 0 2px 0;}
.nav_left ul li {background:none;border:none;position:relative;left:-10px;}
.nav_left ul a {display:block;height:20px;line-height:20px;background:url(../images/subnav_pic_gray.gif) no-repeat 0 45% !important;background:url(../images/subnav_pic_gray.gif) no-repeat 0 42%;padding-left:15px;font-weight:normal;color:#666;}
ul a#current,.nav_left a:hover {color:#FF3000;}
.nav_left ul a#current,.nav_left ul a:hover {background:url(../images/subnav_pic_red.gif) no-repeat 0 45% !important;background:url(../images/subnav_pic_red.gif) no-repeat 0 42%;}

/*------>>tab nav<<------*/
.tab_nav {float:left;background:url(../images/nav_bg_line.gif) repeat-x bottom; width:100%;}
.tab_nav li {float:left;background:url(../images/introduced_bg_print04.gif) no-repeat top right;margin:0 2px;}
.tab_nav li a {display:block;padding:0 5px;line-height:23px;background:url(../images/introduced_bg_print03.gif) no-repeat top left;text-decoration:none;color:#666;float:left;}
.tab_nav .current_tab {background:url(../images/introduced_bg_print02.gif) no-repeat top right;}
.tab_nav .current_tab a {background:url(../images/introduced_bg_print01.gif) no-repeat top left; font-weight:bold;}
.tab_nav .current_tab a:link,.tab_nav .current_tab a:hover,.tab_nav .current_tab a:active,.tab_nav .current_tab a:visited {color:#FF3000;}

/*------>> foot <<------*/
#foot {margin-top:18px;float:left;text-align:center;width:100%;border-top:#C1C1C1 solid 1px;padding-bottom:30px;}
#foot_nav {line-height:38px;}
#foot_nav a{padding:0 5px;}
.foot_img{margin:5px 5px 0 0;}

/*------>>上一页、下一页<<------*/
.page {text-align:right;padding:10px 0;margin-right:20px;}
.page a{text-decoration:underline;margin-left:7px;}
.page a#current:link,.page a#current:hover,
.page a#current:active,.page a#current:visited {color:#ff3000;font-weight:bold;text-decoration:none;}
/*------>>end<<------*/

/*------------------->>self-help card services<<----------------------*/

/*------>>layout<<------*/
.outbox {display:block; line-height:30px; padding:0px 10px; margin-top:14px;}
.input_info { display:block; margin:10px 10px 10px 57px;}
.pic_flow { padding:6px 0 10px 0; display:block;}
.paddingt11 { padding-top:11px;}

#flow_tab { margin-top:13px;}
#info_text { margin:0 15px 20px 30px; padding:5px 0 15px 0; border-bottom:1px solid #a6a6a6; display:block;}
#card_img_box { height:106px; width:150px; overflow:hidden; text-align:center; float:left; display:inline; margin-left:11px;}
#card_img_box img { vertical-align:middle;}
#input_wrap { padding-top:15px;}
#input_wrap table { width:340px;}
#input_wrap table p { padding-left:6px;}
#input_wrap table td { width:70%;}
#input_wrap table th { width:30%;}


.text_list strong { display:block;}
.text_list strong em { font-style:normal; font-weight:normal; color:#fff; display:block; background:url(../images/card_pic_print09.gif) no-repeat center center; height:14px; width:14px; margin-right:5px; float:left; text-align:center; line-height:normal!important; line-height:14px;}
.text_list p { padding-left:20px; padding-bottom:8px;}

.result_list { margin-left:1em; margin-top:9px;}
.result_list li { display:block; background:url(../images/card_pic_print11.gif) no-repeat left 5px; padding-left:15px; height:18px; line-height:18px;}
.result_list li a { text-decoration:underline;}

.clause_download { margin-left:33px; margin-bottom:15px;}
.clause_download li { background:url(../images/endowment_ins_pic_print03.gif) no-repeat left 3px; line-height:18px; padding-left:18px;}

.returntop a { display:block; width:63px; height:18px; line-height:18px; float:right; text-align:right; background:url(../images/automobile_pic_print16.gif) no-repeat left 5px!important; background:url(../images/automobile_pic_print16.gif) no-repeat left 4px; margin-top:10px; }

#openall{ font-weight:normal; color:#ff3000; font-size:12px; text-align:right; margin:5px 12px 5px 0; display:block;}
#openall input { vertical-align:middle; position:relative;top:0px!important;top:-1px;}
.questions_wrap{ width:552px;}
.questions_wrap ul li{ padding-top:7px; padding-bottom:7px; font-weight:bold; padding-left:36px; background:url(../images/q_a_bg_print01.gif) no-repeat 6px 7px; line-height:18px; border-bottom:1px solid #d6d6d6;}
.questions_wrap ul li.last {border-bottom:none;}
.qus_box { background:url(../images/q_a_bg_print02.gif) no-repeat 6px 8px; border-bottom:1px solid #d6d6d6;}
.qus_box p{ padding:10px 2px 0 37px;display:block;}
.qus_box .return { margin-bottom:12px;}
.qus_box .return a{ display:block; position:relative; left:496px; width:32px; height:18px; background:url(../images/automobile_pic_print16.gif) no-repeat left 4px; padding-left:13px;}

/*------>>input,select,textarea<<------*/
.n_input { width:190px;}
.s_input { width:72px;}

/*------>>center content<<------*/
.textbox1,.centerbox1 { width:554px; margin-top:13px;}
.textbox1 h2,.centerbox1 h2,.centerbox2 h2{display:block; line-height:30px; padding:6px 10px 0 10px;}
.textbox1 p { padding:0 10px 0 12px; line-height:18px;}
.centerbox1 {background:url(../images/automobile_bg_print18.gif) no-repeat left top;}
.centerbox1 .txtwrap {background:url(../images/automobile_bg_print19.gif) no-repeat left bottom; padding:5px 12px 15px 10px;}
.centerbox2 { border:1px solid #d4d4d4; background:url(../images/automobile_bg_print21.gif) repeat-x left bottom;}
.centerbox2 .txtwrap { background:none; padding-bottom:17px;}

.centerbox3 { width:532px; border:1px solid #d9d9d9; margin:0 auto; margin-bottom:15px; padding:0 10px 15px 10px; background:url(../images/automobile_bg_print21.gif) repeat-x left bottom; line-height:18px;}
.centerbox3 h3 { display:block; margin-bottom:5px; margin-top:15px;}
.centerbox3 p{ text-indent:2em;}
.centerbox3 ul { margin-left:5px;}
.centerbox3 ul li { line-height:18px; padding-left: 14px; background:url(../images/dot.gif) no-repeat left center;}


/*------>>right<<------*/
.right_box1{border:#d4d4d4 solid 2px;background: url(../images/automobile_bg_print24.gif) repeat-x bottom;padding:15px 11px;width:197px;}
.right_box1 span{display:block;height:26px;float:left; background:url(../images/insureservice_pic_print13.gif) no-repeat right bottom; border-bottom:1px solid #D9D9D9; width:100%; margin-bottom:5px;}
.right_box1 span a{display:block;height:20px;float:left;line-height:20px;}
.right_box2 { border:2px solid #d4d4d4; border-top:none;}
.right_box2 dl { background:url(../images/card_pic_print04.gif) repeat-x left bottom; padding:0 12px 4px 10px;}
.right_box2 dl.paddingb20 { padding-bottom:20px;}
.right_box2 h2 { display:block; padding-top:8px; border-bottom:1px solid #e8e8e8; height:28px; line-height:28px;}
.right_box2 h2 a { float:right;}
.right_box2 dd,.right_box2 dt{ display:block; background:url(../images/automobile_pc_print14.gif) no-repeat left center; padding-left:11px; margin-bottom:3px!important; margin-bottom:4px;}
.right_box2 dt { margin-top:7px;}
.right_box2 dt em { font-style:normal; float:right; color:#ff3000; padding-right:3px;}
.right_box2 dt br,.right_box2 h2 br{ clear:left;}


/*------>>table<<------*/
.input_tb { width:500px; margin:0 auto; text-align:center;}
.input_tb th,.input_tb td { height:25px; line-height:25px;}
.input_tb th { text-align:right; font-weight:normal;  width:27%;}
.input_tb td { text-align:left;width:73%;}
.input_tb td input { margin-right:2px; vertical-align:middle;}
.input_tb td img { vertical-align:middle;}

.card_tb { border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; width:552px; margin:15px auto; text-align:center;}
.card_tb td,.card_tb th { border-left:1px solid #d9d9d9; border-top:1px solid #d9d9d9; padding:7px 15px;}
.card_tb td.alignleft{ text-align:left; color:#ff3000; }
.card_tb td em { font-style:normal; color:#ff3000; padding-left:216px;}
.card_tb th{ background:#f4f4f4;}