﻿li{ list-style:none;}
table{ border-collapse:collapse;}
.buycar{ 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;}

.buycar .switch{ 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;}
.buycar .switch .loan-type{ position:absolute; right:3px; width:143px; height:26px; background:url(images/type.png) no-repeat; top:2px;}
.buycar .switch .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;}
.buycar .switch .loan-type label.selected{ color:#fff;}
.buycar .switch .loan-type label.all{ left:0;}
.buycar .switch .loan-type label.loan{ left:71px;}
 
.insure-nav{ margin-top:5px; float:left;}
.insure-nav .insure-inner{float:left;}
.insure-nav  ul{ height:27px; float:left;}
.insure-nav li{ float:left; 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{border-right:1px solid #CFCFCF; font-weight:bold;}
.insure-nav li.select{font-weight:bold;}
.insure-nav li.select-right{border-left:1px solid #CFCFCF; font-weight:bold;}
.insure-nav li button{ border:none;}
h4{ color:#007aD3; padding-left:12px; padding-top:10px; font-size:12px;  clear:left; font-weight:normal; cursor:pointer; }
h4 span{ margin:3px;}
h4.expand{padding-left:14px;}