html, body { margin: 0; padding: 0; background: url(/images/page-bg.gif) repeat-x bottom; font-family: "Myriad", Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-align: center; height: 100%; }
img { border: 0; }
a { color: #39c; text-decoration: underline; }
a:hover { color: #06c; text-decoration: none; }
p { margin: 0; padding: .8em 0; }
input { padding: 8px 8px; background: #fff url(/images/input-bg.gif) repeat-x bottom; font-size: 11px; color: #5f5f56; border: 1px solid #c1c1b7; }
.nostyle-input { padding: 0; background: none; border: 0; }
.clear { clear: both; }
.right { text-align: right; }
.center { text-align: center; }
.float-right { float: right; }
.float-left { float: left; }
.goback-btn { display: block; margin: 10px auto; background: url(/images/goback-btn.gif) no-repeat; width: 91px; height: 33px; text-indent: -9000em; overflow: hidden; }
.goback-btn:hover { background: url(/images/goback-btn.gif) no-repeat bottom; }

#container { margin: 0 auto; background: #fff; text-align: left; width: 1024px; border: 1px solid #d9d9c1; }
#header { background: url(/images/header-bg.gif) repeat-x bottom; border-bottom: 1px solid #d9d9c1; height: 58px; }
#header .h-logo { margin: 15px 10px 0 0; }
#header h1 { margin: 0 0 0 18px; padding: 30px 0 0 0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #112c3d; }
#logout-bar { padding: 10px; background: #95958c; color: #fff; }
#logout-bar .home { float: left; display: block; margin-left: 5px; padding: 5px 10px; background: #79796b; color: #fff; text-decoration: none; }
#logout-bar .home:hover { background: #fff; color: #79796b; }
#logout-bar .logout { display: inline; margin-left: 5px; padding: 5px 10px; background: #79796b; color: #fff; text-decoration: none; }
#logout-bar .logout:hover { background: #fff; color: #79796b; }
#title-bar { background: #8bc3e6 url(/images/titlebar-bg.gif) repeat-x; height: 43px; }
#title-bar h1 { margin: 0 0 0 15px; padding: 9px 0 0 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #fff; }
#content { padding: 20px; height: 1%; }

/* Account Login */
#acctlogin-box { padding: 20px 0 0 0; width: 434px; }
#acctlogin-box h3 { margin: 0; padding: 0 5px 5px 5px; font-size: 11px; letter-spacing: .1em; color: #526875; }
#acctlogin-box .loginbox { background: #d9d9c1; border-collapse: collapse; width: 100%; }
#acctlogin-box .loginbox td { padding: 0; }
#acctlogin-box .loginbox .t { background: url(/images/loginbox-tb.gif) repeat-x; }
#acctlogin-box .loginbox .b { background: url(/images/loginbox-tb.gif) repeat-x bottom; }
#acctlogin-box .loginbox .l { background: url(/images/loginbox-side.gif) repeat-y left; }
#acctlogin-box .loginbox .r { background: url(/images/loginbox-side.gif) repeat-y right; }
#acctlogin-box .loginbox .tl, #acctlogin-box .loginbox .tr, #acctlogin-box .loginbox .bl, #acctlogin-box .loginbox .br { width: 7px; height: 7px; }
#acctlogin-box .loginbox .tl { background: url(/images/loginbox-corner.gif) no-repeat top left; }
#acctlogin-box .loginbox .tr { background: url(/images/loginbox-corner.gif) no-repeat top right; }
#acctlogin-box .loginbox .bl { background: url(/images/loginbox-corner.gif) no-repeat bottom left; }
#acctlogin-box .loginbox .br { background: url(/images/loginbox-corner.gif) no-repeat bottom right; }
#acctlogin-box .loginbox form { margin: 0; padding: 0; }
#acctlogin-box .loginbox .placement { padding: 10px; }
#acctlogin-box .loginbox form table td { padding: 4px; }
#acctlogin-box .loginbox form table td input { margin-right: 10px; width: 120px; }
#acctlogin-box .loginbox form table td label { display: block; padding: 9px 10px 9px 0px; width: 80px; text-align: right; font-size: 11px; font-weight: bold; color: #353525; }
#acctlogin-box .loginbox form table td.login-cell { padding: 0 0 0 25px; border-left: 1px dashed #fff; }
#acctlogin-box .loginbox form .login-btn { padding: 0; border: 0; width: 91px; height: 33px; }

.register-box { margin: 10px 0 0 0; padding: 11px 0; background: url(/images/registerbox-bg.gif) repeat-x; font-size: 12px; font-weight: bold; color: #353525; text-align: center; }
.register-box a { display: block; margin: 10px auto 0 auto; background: url(/images/register-btn.gif) no-repeat; width: 91px; height: 33px; text-indent: -9000em; overflow: hidden; }

.requestpw-box { margin: 10px 0 0 0; padding: 11px 0; background: url(/images/registerbox-bg.gif) repeat-x; font-size: 12px; font-weight: bold; color: #353525; text-align: center; }
.requestpw-box a { display: block; margin: 10px auto 0 auto; background: url(/images/requestpw-btn.gif) no-repeat; width: 147px; height: 33px; text-indent: -9000em; overflow: hidden; }

/* Datagrid */
.datagrid { height: 1%; }
.datagrid form { margin: 0; padding: 0; }
.datagrid .tl { background: #8c8c83 url(/images/datagrid-tl.gif) no-repeat; height: 1%; }
.datagrid .tr { padding: 3px 0; background: url(/images/datagrid-tr.gif) no-repeat top right; }
.datagrid table { background: #fdfdf7; border-collapse: collapse; width: 100%; border-right: 1px solid #dbdbd2; border-left: 1px solid #dbdbd2; }
.datagrid th { padding: 10px 6px 6px 6px; background: #8c8c83 url(/images/datagrid-headers-bg.gif) repeat-x bottom; font-size: 12px; font-weight: normal; color: #fff; text-align: left; }
.datagrid td { padding: 6px; border-top: 1px solid #dbdbd2; border-bottom: 1px solid #dbdbd2; font-size: 11px; }
.datagrid td .delete-btn { display: block; background: url(/images/delete-btn.gif) no-repeat; width: 58px; height: 23px; text-indent: -9000em; overflow: hidden; }
.datagrid td .delete-btn:hover { background: url(/images/delete-btn.gif) no-repeat bottom; }
.datagrid table tr.altcolor { background: #fdffe6; }
.datagrid .bl { background: #fdfdf7 url(/images/datagrid-bl.gif) no-repeat bottom left; height: 1%; }
.datagrid .br { padding: 3px 0; background: url(/images/datagrid-br.gif) no-repeat bottom right; }
.datagrid th.right, .datagrid td.right { text-align: right; }
.datagrid th.center, .datagrid td.center { text-align: center; }
.datagrid td.columntotals { background: #44443a; color: #fff; }
.datagrid .hlt { background-color: #8bc3e6; color: #000; }
.datagrid .hlt td { color: #000; }

ul.datagrid-toolbar { margin: 0; padding: 0; list-style: none; }
ul.datagrid-toolbar li { float: left; padding: 0 0 10px 0; width: 49%; }
h2.subdata-gridtitle { margin: 0; padding: 10px 0; font-size: 13px; font-weight: normal; text-align: center; color: #57574e; }

/* vehicleInfoBox */
#vehicleInfoBox { float: right; padding: 10px 10px 20px 0; background: #eeeee3; border: 2px solid #f7f7f3; width: 500px; }
#vehicleInfoBox h2 { margin: 0; padding: 15px 0 10px 40px; font-size: 12px; color: #4e4e37; text-align: left; }
#vehicleInfoBox ul { float: left; margin: 0 0 0 20px; padding: 0; list-style: none; }
#vehicleInfoBox ul li { float: left; }
#vehicleInfoBox .dealer-btn { display: block; margin-left: 5px; background: url(/images/dealer-btn.gif) no-repeat; width: 129px; height: 37px; text-indent: -9000em; overflow: hidden; }
#vehicleInfoBox .dealer-btn:hover { background: url(/images/dealer-btn.gif) no-repeat bottom; }
#vehicleInfoBox .profile-btn { display: block; margin-left: 5px; background: url(/images/profile-btn.gif) no-repeat; width: 129px; height: 37px; text-indent: -9000em; overflow: hidden; }
#vehicleInfoBox .profile-btn:hover { background: url(/images/profile-btn.gif) no-repeat bottom; }
#vehicleInfoBox .find-btn { display: block; margin-left: 5px; background: url(/images/find-btn.gif) no-repeat; width: 129px; height: 37px; text-indent: -9000em; overflow: hidden; }
#vehicleInfoBox .find-btn:hover { background: url(/images/find-btn.gif) no-repeat bottom; }

/* Register */
.title-register { margin: 0 auto; padding: 10px 0; font-size: 23px; font-weight: normal; color: #8bc3e6; text-align: left; width: 70%; }
#register-box { margin: 0 auto; background: #fdfdf7; border: 1px solid #dbdbd2; border-top: 0; width: 70%; }
#register-box h2 { margin: 0 0 10px 0; padding: 8px; background: #efefe8; font-size: 12px; color: #353525; border-top: 1px solid #dbdbd2; border-bottom: 1px solid #dbdbd2; }
#register-box table { margin: 0 10px 10px 10px; border-collapse: collapse; }
#register-box table td { padding: 6px; }
#register-box .register-btn { padding: 0; border: 0; width: 91px; height: 33px; }
#register-box small { color: #5f5f56; }

/* Profile */
#profile-box { margin: 0 auto; background: #fdfdf7; border: 1px solid #dbdbd2; border-top: 0; width: 60%; }
#profile-box h2 { margin: 0 0 10px 0; padding: 8px; background: #efefe8; font-size: 12px; color: #353525; border-top: 1px solid #dbdbd2; border-bottom: 1px solid #dbdbd2; }
#profile-box table { margin: 0 10px 10px 10px; border-collapse: collapse; }
#profile-box table td { padding: 6px; }
#profile-box .update-btn { padding: 0; border: 0; width: 91px; height: 33px; }
#profile-box small { color: #5f5f56; }

/* Dealer */
#dealer-box { margin: 0 auto; background: #fdfdf7; border: 1px solid #dbdbd2; border-top: 0; width: 60%; }
#dealer-box h2 { margin: 0 0 10px 0; padding: 8px; background: #efefe8; font-size: 12px; color: #353525; border-top: 1px solid #dbdbd2; border-bottom: 1px solid #dbdbd2; }
#dealer-box table { margin: 0 10px 10px 10px; border-collapse: collapse; }
#dealer-box table td { padding: 6px; }
#dealer-box .add-btn { padding: 0; border: 0; width: 91px; height: 33px; }
#dealer-box small { color: #5f5f56; }
.servicedetails { background: #8a8a66 url(/images/servicedetails-bg.gif) repeat-y top left; border: 0; padding-left: 30px; color: #fff; }

.arrow { background: url(/images/arrow-icon.gif) no-repeat 10px 50%; padding: 6px 10px 6px 35px; border: 1px solid #ddd; }