@charset "UTF-8";
/* AstonFinder CSS Document */

body {background-image: url(../graphics/bg.png) ; background-repeat:repeat-x; background-attachment:fixed; font-family: Arial, Helvetica, Verdana; text-align:left;}
input, textarea, select {font-family: Lucida Sans Unicode, Arial, Helvetica, Verdana; font-size: 13px;}
select {font-size: 11px;}
h1, h2, h3, h4, h5, h6, p {font-size: 100%;font-weight: normal; margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;}
#container { width: 100%; text-align:center;  margin: 0px;}
#page {width: 1014px; height: auto; margin-top: 3px; margin-bottom:0px; margin-left:auto; margin-right:auto; min-height: 600px;}


#container #header {padding: 0px 0px;}
#container #header .logo {float: left; width: 336px; height: 81px; padding: 0px 0px 0px 0px;}
#container #header .nav {height: 10px;}
#container #header .nav ul {float: right; margin: 0px; padding: 0px;}
#container #header .nav ul li {float: left; padding: 10px; padding-top:0px; padding-bottom: 5px; list-style: none;}
#container #header .nav ul li {color: #ccc; text-transform: uppercase; font-weight: bold; font-size: 11px;}
#container #header .nav ul li a:link {color: #ccc; text-decoration: none;}
#container #header .nav ul li a:active {color: #ccc; text-decoration: none;}
#container #header .nav ul li a:visited {color: #ccc; text-decoration: none;}
#container #header .nav ul li a:hover {color: #fff; text-decoration: none;}

#container #header .search {padding: 10px;}
#container #header .searchBox {color: #999; border:none; background: transparent url(../graphics/search_box.png) no-repeat; width: 216px; height:37px; vertical-align:top; padding: 10px; padding-left: 12px;}
#container #header .menu {background: transparent url(../graphics/menu_bar.png) no-repeat; width: 980px; height: 35px; padding: 10px; margin-left:15px; vertical-align:middle;}
#container #header .menu ul {float: left; margin: 0px; padding: 0px;}
#container #header .menu ul li {float: left; padding: 20px; padding-top:0px; padding-bottom: 0px; list-style: none;}
#container #header .menu ul li {text-transform: uppercase; font-weight: bold; font-size: 14px;}
#container #header .menu ul li a:link {color: #ccc; text-decoration: none;}
#container #header .menu ul li a:active {color: #ccc; text-decoration: none;}
#container #header .menu ul li a:visited {color: #ccc; text-decoration: none;}
#container #header .menu ul li a:hover {color: #fff; text-decoration: none;}

#container #header .menu ul li.first {padding-left: 40px;}
#container #header .menu ul li.last {color: #fff; font-weight: normal; text-transform: none; text-align:right; padding-left: 100px;}
#container #content {padding: 0px 0px; margin-top:-5px;}
#container #content .home {background: transparent url(../graphics/home_panel.png) no-repeat; width: 723px; height: 467px; padding-left: 15px; padding-top:13px;vertical-align:middle;} 

#container #content .home h1 {text-align: left; padding-left: 20px; color: #666; font-size: 18px;}
#container #content .home h2 {text-align:right; font-size: 11px; color: #333; padding-right: 30px; margin-top:-15px; text-transform:uppercase; font-weight:bold;}
#container #content .home .myaccount .top {background: transparent url(../graphics/myaccount_boxtop.png) no-repeat; width: 652px; height: 45px; margin-top: 10px;}
#container #content .home .myaccount h1 {text-align:left; padding: 14px; padding-left: 20px; font-size: 16px; color: #fff;}

#container #content .home .terms {font-size: 10px; padding:20px; margin-right: 30px; overflow:auto; height: 400px;}
#container #content .home .terms h1 {padding: 0px; margin:0px; font-size: 16px; text-align:left; color: #1c7a5d; font-weight:bold;}
#container #content .home .terms h2 {padding: 0px; padding-top: 10px; margin:0px; font-size: 12px; text-align:left; text-transform:uppercase;}
#container #content .home .terms p {padding-top: 10px;}
#container #content .home .terms em {padding-left: 10px; font-weight:bold; font-style:normal;}


#container #content .home .myaccount .content {background: transparent url(../graphics/myaccount_box.png) no-repeat bottom; width: 652px; min-height:45px;}
#container #content .home .myaccount .content .data {text-align: left; color: #666;}
#container #content .home .myaccount .content .table {padding-left:10px; font-size: 12px; color: #666;}
#container #content .home .myaccount .content .data p {font-size: 14px; padding-bottom: 5px; padding-left: 20px; padding-top:10px;}


#container #content .benefits {background: transparent url(../graphics/benefits_panel.png) no-repeat; width: 464px; height: 467px; padding: 10px; vertical-align:middle;} 
#container #content .featured {margin-top: 3px; background: transparent url(../graphics/featured_panel.png) no-repeat; width: 238px; height: 207px; vertical-align:top;} 
#container #content .featured h1 {padding: 14px; font-size: 16px; color: #fff;}
#container #content .featured p {padding: 3px; padding-top: 2px; font-size: 14px; color: #999; }
#container #content .featured a:link, a:visited, a:active {text-decoration: none; color: #999;}
#container #content .featured .bullet {padding-right: 10px; vertical-align:text-bottom;}
#container #content .featured a:hover {text-decoration: none; color: #333;}
#container #content .featured #car { margin-left: 38px; width: 150px; height: 100px; padding: 5px;}
#container #content .info {margin-top: 15px; background: transparent url(../graphics/info_panel.png) no-repeat; width: 235px; height: 234px; vertical-align:top;} 
#container #content .info h1 {padding: 14px; font-size: 16px; color: #fff;}
#container #content .info p {padding: 3px; padding-left: 15px; padding-top: 2px; font-size: 14px; color: #999; vertical-align:text-bottom;}
#container #content .info a:link, a:visited, a:active {text-decoration: none; color: #999;}
#container #content .info .bullet {padding-right: 10px; vertical-align:text-bottom;}
#container #content .info a:hover {text-decoration: none; color: #333;}
#container #content .login {background: transparent url(../graphics/login_panel.png) no-repeat; margin-top:100px; width: 431px; height: 180px; margin-bottom:15px;} 
#container #content .login h1 {text-align:left; padding: 14px; padding-left: 20px; font-size: 16px; color: #fff;}
#container #content .login h2 {text-align:right; font-size: 12px; color: #333; padding-right: 20px; margin-top:-30px; text-decoration:underline;}
#container #content .login .input {color: #666; border:none; background: transparent url(../graphics/inp_small.png) no-repeat; width: 180px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .login .data {margin-top: 30px; color: #666;}
#container #content .login .data p {font-size: 13px; padding-bottom: 5px; padding-left: 2px;}
#container #content .login .data a {text-decoration:none; color: #999;}


#container #content .register {margin-top:50px}
#container #content .register .top {background: transparent url(../graphics/panel_top.png) no-repeat; width: 429px; height: 44px; vertical-align:bottom;}
#container #content .register h1 {text-align:left; padding: 14px; padding-left: 20px; font-size: 16px; color: #fff;}
#container #content .register .content {background: transparent url(../graphics/panel_bg.png) repeat-y; width: 429px; vertical-align:top; margin-top: -1px;}
#container #content .register .data {padding-top: 10px; color: #666;}
#container #content .register .data p {font-size: 13px; padding-bottom: 5px; padding-left: 2px; padding-top:5px;}
#container #content .register .data a {color: #999; text-decoration:none;}
#container #content .register .input {color: #666; border:none; background: transparent url(../graphics/inp_small.png) no-repeat; width: 180px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .register .input_long {color: #666; border:none; background: transparent url(../graphics/inp_large.png) no-repeat; width: 275px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .register .textarea {color: #666; border:none; background: transparent url(../graphics/message_textarea.png) no-repeat; width: 229px; height:89px; vertical-align:top; padding: 5px; padding-top:3px; font-size:12px;}
#container #content .register .bottom {background: transparent url(../graphics/panel_bottom.png) no-repeat; width: 429px; height: 8px;}

#container #content .results {margin-top:25px;}
#container #content .results .top {background: transparent url(../graphics/big_panel_top.png) no-repeat; width: 950px; height: 45px;  margin-top: -1px; }
#container #content .results .top a {text-decoration:none; color: #333;}
#container #content .results h1 {text-align:left; padding: 14px; padding-left: 20px; font-size: 16px; color: #fff;}
#container #content .results h2 {text-align:right; font-size: 16px; color: #fff; padding-right: 20px; margin-top:-33px;}
#container #content .results h3 {font-size: 16px; color: #333; font-weight:bold;}
#container #content .results .content {background: transparent url(../graphics/big_panel_bg.png) repeat-y; width: 950px; min-height:400px;  margin-top: -1px;}
#container #content .results .content .altRow {background-color:#EFEFEF;}
#container #content .results .content .announce {padding-top: 20px;}
#container #content .results .content .announce h1 {text-align:center; font-size: 16px; color:#999;}
#container #content .results .content .announce p {text-align:center; font-size: 14px; color:#999;}
#container #content .results .content a {text-decoration:none; color:#999;}
#container #content .results p {color: #666; font-size: 14px; line-height:18px;}
#container #content .results .bottom {background: transparent url(../graphics/big_panel_bottom.png) no-repeat; width: 950px; height: 8px;}
#container #content .results .input_long {color: #666; border:none; background: transparent url(../graphics/inp_large.png) no-repeat; width: 275px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .results .content .showcar {}
#container #content .results .content .showcar h2 {text-align:left; margin: 0; font-size: 14px; color:#aaa;}
#container #content .results .content .showcar h2 em {font-style:normal; font-size: 14px; color:#666;}

#container #content .NewCar {margin-top:25px;}
#container #content .NewCar .top {background: transparent url(../graphics/big_panel_top.png) no-repeat; width: 950px; height: 45px;  margin-top: -1px; }
#container #content .NewCar .top a {text-decoration:none; color: #333;}
#container #content .NewCar h1 {text-align:left; padding: 14px; padding-left: 20px; font-size: 16px; color: #fff;}
#container #content .NewCar h2 {text-align:right; font-size: 16px; color: #fff; padding-right: 20px; margin-top:-33px;}
#container #content .NewCar h3 {font-size: 16px; color: #333; font-weight:bold;}
#container #content .NewCar .content {background: transparent url(../graphics/big_panel_bg.png) repeat-y; width: 950px; min-height:400px;  margin-top: -1px;}
#container #content .NewCar .data {padding-top: 0px; color: #666;}
#container #content .NewCar .data p {font-size: 13px; padding-bottom: 5px; padding-left: 2px; padding-top:7px;}
#container #content .NewCar .input {color: #666; border:none; background: transparent url(../graphics/inp_small.png) no-repeat; width: 180px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .NewCar .input_long {color: #666; border:none; background: transparent url(../graphics/inp_large.png) no-repeat; width: 275px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .NewCar .input_short {color: #666; border:none; background: transparent url(../graphics/inp_tiny.png) no-repeat; width: 90px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .NewCar .textarea {color: #666; border:none; background: transparent url(../graphics/inp_textarea_big.png) no-repeat; width: 275px; height: 130px; vertical-align:top; padding: 5px; padding-top:3px; font-size:12px;}
#container #content .NewCar .bottom {background: transparent url(../graphics/big_panel_bottom.png) no-repeat; width: 950px; height: 8px;}


#container #content .dealer {margin-top:25px;}
#container #content .dealer .top {background: transparent url(../graphics/dealer_panel_top.png) no-repeat; width: 945px; height: 26px; }
#container #content .dealer .content {background: transparent url(../graphics/dealer_panel_bg.png) repeat-y; width: 945px; min-height:400px; overflow:auto;}
#container #content .dealer p {padding-left: 17px; padding-bottom: 12px; text-align: left; color: #666; font-size: 14px; line-height:18px;}
#container #content .dealer .bottom {background: transparent url(../graphics/dealer_panel_bottom.png) no-repeat; width: 945px; min-height:20px; height: 20px;}

#container #content .innercontent .data {padding-top: 0px; color: #666;}
#container #content .innercontent .data p {font-size: 13px; padding-bottom: 5px; padding-left: 2px; padding-top:7px;}
#container #content .innercontent .input {color: #666; border:none; background: transparent url(../graphics/inp_small.png) no-repeat; width: 180px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .innercontent .input_long {color: #666; border:none; background: transparent url(../graphics/inp_large.png) no-repeat; width: 275px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .innercontent .input_short {color: #666; border:none; background: transparent url(../graphics/inp_tiny.png) no-repeat; width: 90px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .innercontent .textarea {color: #666; border:none; background: transparent url(../graphics/inp_textarea_big.png) no-repeat; width: 275px; height: 130px; vertical-align:top; padding: 5px; padding-top:3px; font-size:12px;}


.bottom {margin-bottom:15px;}


.CarDescription {font-size: 12px; color: #666; padding-top: 10px;}


#container #content .results .content .showcar .DealerInfo p {font-size: 12px; color:#aaa;}

#container #content .results .content .showcar .formdata .input {color: #666; border:none; background: transparent url(../graphics/inp_small.png) no-repeat; width: 180px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .results .content .showcar .formdata .textarea {color: #666; border:none; background: transparent url(../graphics/message_textarea.png) no-repeat; width: 229px; height:89px; vertical-align:top; padding: 5px; padding-top:3px; font-size:12px;}

/*
#container #content .results .content p {font-size: 12px; color:#aaa;}
#container #content .results .content .input {color: #666; border:none; background: transparent url(../graphics/inp_small.png) no-repeat; width: 180px; height:27px; vertical-align:top; padding: 5px; padding-top:3px;}
#container #content .results .content .textarea {color: #666; border:none; background: transparent url(../graphics/message_textarea.png) no-repeat; width: 229px; height:89px; vertical-align:top; padding: 5px; padding-top:3px; font-size:12px;}
*/

.errorDialog {padding-bottom:10px; width:237px; margin:5px 0; text-align:left; font-size: 10px; color: #666; text-transform:uppercase;}
.errorDialog {background:url(../graphics/bg_errDialog.png) no-repeat bottom;}
.errorDialogTop {background:url(../graphics/bg_errDialogTop.png) no-repeat; height:40px; padding-left: 30px; padding-top:15px; color:#fff; font-size:14px; font-weight:bold; text-transform:none;}
.msgDialogContent {padding:0px 10px 10px 30px;}
.msgDialogContent p {margin:10px 0;}
.msgDialogContent p:first-child {margin:0px;}
.msgDioalogContent p:last-child {margin-bottom:0;}

.errorBox, .successBox {padding-bottom:10px; width:460px; margin:5px 0; font-size:0.8em;}
.errorBox {background:url(../graphics/bg_errBox.gif) no-repeat bottom;}
.successBox {background:url(../graphics/bg_successBox.gif) no-repeat bottom;}
.successBoxTop {background:url(../graphics/bg_successBoxTop.gif) no-repeat; height:6px;}
.errorBoxTop {background:url(../graphics/bg_errBoxTop.gif) no-repeat; height:6px;}
.errorIcon {background:url(../graphics/icon_error.gif) no-repeat 10px 10px;}
.successIcon {background:url(../graphics/icon_success.gif) no-repeat 10px 10px;}

.msgBoxContent {padding:10px 10px 10px 30px;}
.msgBoxContent p {margin:10px 0;}

.errorIcon p:first-child {color:#a84114;}
.successIcon p:first-child {color:#669638;}
.msgBoxContent p:first-child {margin:0px;}
.msgBoxContent p:last-child {margin-bottom:0;}

.DialogCentre {margin-top:175px;}


/* Table stuff */

	table.sTable {width:650px; margin:0 0 0 1px; border-collapse:collapse;}
	table.sTable td {border-top:1px solid #dfdfdf;text-align:center; font-size:14px; padding:5px 0; margin:0; color:#999;}
	table.sTable a {text-decoration:underline; color: #666;}
/*
	table.sTable td:first-child {
		text-align:left; 
		padding:0 0 0 15px;
		}

	table.sTable tr.oddRow {
		background:url(../graphics/bg_tableRow.gif) repeat-x 0px 1px;
		}
	*/
	td.firstCol a {
		color:#9aa685; 
		font-weight:bold;
		}
	td.firstCol a:hover {
		text-decoration:none;
		}
	
	td.editItem {
		/*width:120px;*/
	}
	td.editItem ul li {
		list-style:none;
		float:left;
		margin-right:13px; 
		padding-left:18px;
		}
	td.editItem ul li a {
		list-style:none;
		color:#666; 
		text-decoration:none; 
		display:block;
		}
	li.iconEdit {
		background:url(../graphics/icon_edit.png) no-repeat;
	}
	li.iconDel {
		background:url(../graphics/icon_delete.gif) no-repeat 2px 3px;
	}
	li.iconPhoto {
		background:url(../graphics/icon_photo.png) no-repeat;
	}
		li.iconView {
		background:url(../graphics/icon_view.png) no-repeat;
	}

	a.addLink {
		color:#1c7a5d; 
		text-decoration:none;
		}
	a.addLink:hover {
		text-decoration:underline;
	}