﻿li{ list-style:none;}
table{ border-collapse:collapse;}
.wrapper{ margin:0 auto; text-align:left;width:526px;}
button{ outline:none;}
.control{ margin:15px 0px;}
.control button{ border:none; height:32px; cursor:pointer; margin-right:10px;}
.digital{ font-family:Arial;}
select{ font-family:Arial;}
.sum{ background:url(../../images/button-sum.png) no-repeat; width:102px;}
.reset{ background:url(../../images/button-reset.png) no-repeat;width:82px;}
.box{ width:526px; margin-top:5px;}
.box .top{ background:url(../../images/box-top.png) top no-repeat; height:32px;  color:#0066cc; font-weight:bold; line-height:32px; padding-left:15px; position:relative;}
.box .top button{ position:absolute; border:none; width:9px; height:8px; top:12px; right:14px;background:url(../../images/less.gif) no-repeat; cursor:pointer;}
.box .top h3{ font-size:12px;background:url(../../images/car.gif) 10px 10px no-repeat; padding-left:32px; position:relative; left:-11px;}
.box .top span{ cursor:pointer;}
.box .mid{ background:#FFF url(../../images/box-mid.gif) repeat-y;  padding:10px 20px 10px 20px; }
.box .bottom{ background:url(../../images/box-bottom.png) no-repeat; height:4px; overflow:hidden;}
.min{}
.min .mid{ display:none;}
.min .bottom{ display:none;}
.min.box .top{background:url(../../images/box-min.png) top no-repeat; height:33px; line-height:33px;}
.min.box .top button{background:url(../../images/more.gif) no-repeat;}
.list{ margin-left:8px;width:96%;}

.list input{ margin-right:3px;}
.list input.text{ width:101px; text-align:right; padding-right:6px; font-family:Arial;}
.list select{ width:110px; padding-left:4px; text-align:left; margin-right:3px;}
.list td{ background:url(../../images/dash.gif) bottom repeat-x; padding:5px 0px;}
.list tr.noborder td{ background:none;}
.list td.text{ width:170px;}
.list td.insure-text{ width:70px;}
.list td.insure-content{ width:213px;} 
.list td.content{ width:300px;}
.list td.check{ width:10px;}
.list td input.error{ border:1px solid #C00;}
#payAmtError,#loanAmtError{color:#C00; display:none;}
.total span{ color:#00A61D; font-weight:bold; margin:3px; }
.insure .list-wrapper{ background:#F9F9F9; margin-top:5px; padding:5px; display:none;}
.insure .list label, .optional .list label{ margin-left:5px;}

 h1{ font-size:15px; position:relative; height:30px; line-height:30px; color:#555; margin-top:10px; background:url(../../images/title.png) no-repeat 6px 6px !important;background:none; padding-left:6px;}
 h1 .loan-type{ position:absolute; right:3px; width:143px; height:26px; background:url(../../images/type.png) no-repeat; top:2px;}
 h1 .loan-type label{ position:absolute; top:0px; height:26px; line-height:26px; width:71px; cursor:pointer; font-size:12px; text-align:center; font-weight:normal;}
 h1 .loan-type label.selected{ color:#FFF; font-weight:bold;}
 h1 .loan-type label.all{ left:0;}
 h1 .loan-type label.loan{ left:71px;}
 
.insure-nav{ background:url(../../images/left.html) 3px no-repeat; margin-top:5px; float:left;}
.insure-nav .insure-inner{background:url(../../images/right.html) right no-repeat; float:left;}
.insure-nav  ul{ height:27px; float:left;}
.insure-nav li{ float:left; background:url(../../images/seperate.html) right no-repeat; line-height:27px; text-align:center; width:95px; }
.insure-nav li label{ cursor:pointer; width:100%; height:100%; display:block;}
.insure-nav li.select-left{background:url(../../images/left-selected.html) no-repeat; border-right:1px solid #CFCFCF; font-weight:bold;}
.insure-nav li.select{background:url(../../images/select.html) repeat-x; font-weight:bold;}
.insure-nav li.select-right{background:url(../../images/right-selected.html) right no-repeat; border-left:1px solid #CFCFCF; font-weight:bold;}
.insure-nav li button{ border:none;}
h4{ color:#007aD3; padding-left:12px; background:url(../../images/arrow1.gif) 0 14px no-repeat; padding-top:10px; font-size:12px;  clear:left; font-weight:normal; cursor:pointer; }
h4 span{ margin:3px;}
h4.expand{background:url(../../images/arrow2.html) 0 15px no-repeat; padding-left:14px;}
 #dialog-body{  text-align:center; background-color:#FFF; width:384px; height:189px; display:none;}
     #dialog-body a.close{ position:absolute; top:3px; right:3px; width:12px; height:12px; background:url(../../images/dialog-close.gif) no-repeat; cursor:pointer;}
     #dialog-body p.title{ font-size:28px; margin-top:30px; font-weight:bold;}
     #dialog-body p.content{ font-size:14px; color:#666;padding:20px 15px 5px 15px;}
     #dialog-body p.confirm{ margin-top:20px;}
     #dialog-body p.confirm a{ display:block; width:100px; height:45px; background:url(../../images/dialog-confirm.jpg) no-repeat; margin:0 auto; cursor:pointer}
     #appDialogOverlay{ background-color:#000;filter: Alpha(opacity=30);opacity:0.3; }
     
 #layer{ height:47px; width:220px; padding-left:13px; padding-right:8px; display:none; position:absolute;}
 #layer .decorate{ background:url(../../images/layer-bg.png) no-repeat; width:13px; position:absolute; left:0; top:0; height:100%;}
 #layer #layer-content{ position:absolute;left:9px;  border:1px solid #B4C6DF; background:#FFF; width:182px;text-align:left; height:31px; padding-top:8px; padding-bottom:5px; padding-left:10px; border-left:none;}