/* ====== Cheap Chrysler Jeep stylesheet ====== */

/* ====== common ====== */
body {
margin: 0;
padding: 0;
background: url(../images/background.gif) center repeat-y; } 
#pages {
width: 810px;
margin: 0 auto;
padding: 0;
background-color: #e6e0d1; }
* html  {
height: 100%; }
.clear {
clear:both;
height:1px;
overflow:hidden; }
img {
margin: 0;
padding: 0;
border: 0; }
.homeimg {
display:block; }
#topheader {
width: 790px;
background-color: #322f20;
height: 17px;
margin: 0;
padding: 2px 0 2px 20px;
}
#topheader h1 {
font: 11px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
margin: 0;
padding: 0;
}
.homefranchises {
margin: 0 2px 0 0;
padding: 0  }

/* ====== nav ====== */
#navcontainer {
width: 805px;
height: 38px;
margin: 0 auto;
padding: 0 0 0 5px;
background: url(../images/menu-bg.jpg) repeat-x; }
#nav, #nav ul {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0; }
#nav li {
float: left;
margin: 0;
padding: 0;
display: inline; }
#nav a {
font: 12px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
text-decoration: none;
display: block;
margin: 2px 0 0 0;
padding: 3px 9px 5px 9px; }
#nav a:hover {
color: #FFF;
text-decoration: none;
background: #464444; }
#nav ul li a:hover {
background-color: #464444;
font: 12px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif;
padding-left: 12px;
line-height: 1.4em; } 
#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0;
padding: 0;
width: 164px;
w\idth: 160px; }
#nav li ul a {
width: 164px;
w\idth: 160px;
margin: 0;
padding: 5px 3px 5px 9px;
background: #322f20;
color: #FFF;
font: 12px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif;
padding-left: 12px;
line-height: 1.4em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
width: 164px; }

/* ====== content container ====== */
#content {
width: 774px;
margin: 0 auto;
padding: 12px 18px;
background: #e6e0d1;
clear: both; }
#content p {
font: 12px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #3a3030;
line-height: 1.7em;
margin: 0;
padding: 6px 0; }
#content a, #content a:visited {
font-weight: bold;
color: #322f20;
text-decoration: none; }
#content a:hover {
color: #464444;
text-decoration: underline; }
.notes {
font: normal 10px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #848484; }
#content .chrysler {
float: left;
font: 10px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #3a3030;
margin: 0;
padding: 0 0 0 3px; }
#content .jeep {
float: right;
font: 10px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #3a3030;
margin: 0;
padding: 0 6px 0 0; }
#content .chrysler a, #content .chrysler a:visited, #content .jeep a, #content .jeep a:visited {
font-weight: normal;
color: #322f20;
text-decoration: none; }
#content .chrysler a:hover, #content .jeep a:hover {
color: #464444;
text-decoration: underline; }

/* ====== home content ====== */
#intro {
float: left;
width: 340px;
margin: 0;
padding: 0; }
#intro p {
font: 12px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #3a3030;
line-height: 1.7em;
margin: 0;
padding: 6px 0; }
.offers {
margin: 0 7px 0 0;
padding: 0; }

/* ====== home search ====== */
#search {
float: right;
width: 426px;
margin: 0;
padding: 0;
background-color: #beb69e; }

/* ====== home search ====== */
#homesearchcontainer {
width: 400px;
float: right;
padding: 8px 8px 0 8px;
margin: 0;
background-color: #d0cab8;
border: 1px solid #beb69e }
#homesearch {
padding: 0;
margin: 0; }
#homesearch td {
padding: 2px;
margin: 0; }
#homesearch p {
padding: 0;
margin: 0;
font: bold 12px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif;
color: #ab2626;
height: 24px; }
#homesearch select {
font: 11px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #464444;
width: 190px;
margin: 0 0 4px 0;
padding: 2px; }
#homesearch .dropdown {
font: 11px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #464444;
width: 92px;
margin: 0 5px 0 0;
padding: 2px; }
#homesearch input {
font: bold 11px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
margin: 0 5px 0 0;
width: 92px;
padding: 0;
height: 20px;
border: 0;
background-color: #464444; }

/* ====== main content ====== */
#full {
width: 100%;
margin: 0;
padding: 0;
font: 12px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B; }
#full ul {
margin: 0 0 5px 30px; 
padding: 3px 0;
list-style-type: disc; }
#full ul li {
padding: 0 0 7px 0; }
#mainleft {
float: left;
width: 550px;
margin: 0;
padding: 0;
font: 12px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B; }
#mainleft ul {
margin: 0 0 5px 30px; 
padding: 3px 0;
list-style-type: disc; }
#mainleft ul li {
padding: 0 0 7px 0; }
.left {
float: left;
width: 480px;
margin: 0;
padding: 0; }
.left ul {
margin: 0 0 5px 30px; 
padding: 3px 0;
list-style-type: disc; }
.left ul li {
padding: 0 0 7px 0; }
#right {
font: 12px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
float: right;
width: 190px;
margin: 0;
padding: 0; }
#right ul {
font-weight: bold;
margin: 9px 0 0 0px; 
padding: 5px;
list-style-type: none; }
#right ul li {
color: #082b12;
padding: 0 0 9px 15px; }
.homeleft {
float: left;
width: 420px;
margin: 0;
padding: 9px 0 0 0; }
.offercontainer {
float: right;
width: 314px;
margin: 0 4px 0 10px;
padding: 0; }
.offer {
margin: 0 0 5px 0;
padding: 0; }
.aboutus {
margin: 0 25px 0 0;
padding: 0; }
#address1 {
float: left;
width: 220px;
margin: 0 20px 0 0;
padding: 0; }
#address2 {
float: right;
width: 220px;
margin: 0;
padding: 0; }
#telnumber {
background-color: #322f20;
color: #FFF;
margin: 0 0 10px 0;
padding: 10px;
width: 168px; }
#telnumber p {
font: bold 12px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; 
color: #FFF;
margin: 0;
padding: 0; }
#telnumber h1 {
font: bold 21px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; 
color: #FFF;
margin: 0;
padding: 0;
letter-spacing: -1px }
#telnumber a, #telnumber a:active, #telnumber a:visited {
color: #FFF;
text-decoration: underline; }
#telnumber a:hover {
color: #FFF;
text-decoration: underline; }
/* ====== offer prices ====== */
.was-save {
font: bold 24px/24px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #FF0000;
letter-spacing: -1px; }
.now {
font: bold 24px/24px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #322f20;
letter-spacing: -1px; }

/* ====== headings ====== */
h1  {
font: bold 20px 'Lucida Sans Unicode', Tahoma, Arial, Helvetica, sans-serif; color: #4a4a4a;
margin: 0;
padding: 0 0 4px 0; }
h2  {
font: bold 14px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #908880;
margin: 12px 0 5px 0;
padding: 0; }
h3  {
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #4a4a4a;
margin: 0 0 8px 0;
padding: 0; }

/* ====== basic forms ====== */
#form {
width: 520px;
height: 330px;
background-color: #dedede;
border: 1px solid #cacaca;
padding: 8px 5px 8px 10px;
margin: 0 0 30px 0; }
#form p {
padding: 0;
margin: 2px 0; }
#form td {
padding: 0;
margin: 0; }
#form th {
background-color: #ebecea;
font-weight: bold;
text-align: left;
padding: 0;
color: #fc6701; }
#form .button {
font: 12px 'Lucida Sans Unicode', Arial, Tahoma, Times New Roman, serif; color: #FFF;
width: 80px;
height: 18px;
background-color: #fc6701;
border: 0;
padding: 1px 0 2px 0;
margin: 0; }
#form .name{
font: 12px 'Lucida Sans Unicode', Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
width: 384px;
margin: 0; }
#form td {
margin: 0;
padding: 0; }
#form input {
font: 12px 'Lucida Sans Unicode', Arial, Tahoma, Times New Roman, serif; #2d2d2d;
margin: 0;
padding: 0; }
#form textarea  {
font: 12px 'Lucida Sans Unicode', Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
width: 382px;
margin: 0; }
#form select {
font: 12px 'Lucida Sans Unicode', Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
width: 100px;
height: 13px;
margin: 0;
padding: 0; }

/* ==== value my car ==== */
#value {
margin: 0;
padding: 4px; }
#value table {
border: 0; }
#value fieldset {
width: 500px;
margin: 0;
padding: 1em;
border: 1px solid #beb69e; }
#value legend { 
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #2A2A2A;
margin: 0;
padding: 0 5px 0 0; }
#value label {
float: left;
width: 250px;
margin: 0;
padding: 6px 0 0 0;
font: 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #333; }
#value input {
width: 200px;
margin: 4px 0 0 0;
padding: 2px;
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #333; }
#value textarea {
width: 202px;
margin: 4px 0 0 0;
padding: 2px;
height: 100px;
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #333; }
#value select {
width: 204px;
margin: 4px 0 0 0;
padding: 2px;
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #333; }
#value input:focus, #value textarea:focus { 
background-color: #FFC; }
#value input.submit {
width: 80px;
float: left;
margin: 10px 6px 0 0;
padding: 0;
font-weight: normal }

/* ==== landing pages forms ==== */
#landingpages {
width: 178px;
margin: 0 0 10px 0;
padding: 4px;
border: 1px solid #322f20;
background: #aeaa9e url(../images/landingform.jpg) bottom repeat-x; }
#landingpages table {
border: 0; }
#landingpages p {
margin: 0;
padding: 0 0 5px 0; }
#landingpages h1 {
font: bold 14px 'Lucida Sans Unicode', Helvetica, sans-serif;
margin: 0;
padding: 0 0 5px 0;
color: #1c1c1a }
#landingpages fieldset {
margin: 0;
padding: 10px;
border: 0; }
#landingpages legend { 
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #2A2A2A;
margin: 0;
padding: 0 5px 0 0; }
#landingpages input {
width: 150px;
margin: 4px 0 0 0;
padding: 2px;
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #333;
border: 1px solid #322f20; }
#landingpages textarea {
width: 150px;
margin: 4px 0 0 0;
padding: 2px;
height: 100px;
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #333;
border: 1px solid #322f20; }
#landingpages select {
width: 150px;
margin: 4px 0 0 0;
padding: 2px;
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #333; }
#landingpages input.submit {
width: 100px;
float: left;
margin: 10px 6px 0 0;
padding: 3px;
font: bold 14px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #333; }

/* ==== data tables ==== */
td, th {
font: 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #5B5B5B;
line-height: 1.7em; }
.datatable {
border: 1px solid #cacaca;
border-collapse: collapse;
margin: 10px 0;
padding: 0;  }
.datatable p {
margin: 0;
padding: 0; }
.datatable td {
border: 1px solid #cacaca;
padding: 4px; }
.datatable th {
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
background-color: #ebecea;
font-weight: bold;
padding: 4px;
color: #ab2626; }
.datatable tr:hover, .datatable tr.hilite {
background-color: #f9f9f9; }
.title p {
color: #FFF;
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; }
.title2 {
background-color: #b5b5b5; }
.title2 p {
color: #FFF;
font: bold 11px 'Lucida Sans Unicode', Helvetica, sans-serif; }

/* ====== contact form ====== */
#contact  {
width: 430px;
background-color: #d0cab8;
border: 1px solid #beb69e;
margin: 0;
padding: 12px;
font: normal 11px/16px 'Lucida Sans Unicode', Helvetica, sans-serif; }
#contact form {
margin: 0 10px;
padding: 0; }
#contact p {
margin: 0;
padding: 0;
font: bold 12px/18px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color: #464444; }
#contact table {
margin: 0 0 10px 0;
padding: 0;
border: none; }
#chkboxMarketing, #chkboxExisting {
margin: 0 8px 0 0;
padding: 0; }
#txtCarDetails, #txtName, #txtEmail, #txtTelephone, #txtCompany, #contact select {
margin: 5px 0 0 0;
padding: 0;
width: 200px; }
#txtEnquiry, {
width: 198px;
margin: 5px 0 0 0; }
#btnSubmit {
width: 70px;
margin: 0;
padding: 0;
font: normal 11px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color: #000; }

/* ====== car search ====== */
.searchleft {
float: left;
width: 270px;
padding: 0;
margin: 0; }
.searchleft td {
margin: 0;
padding: 0 0 5px 0; }
.searchleft p {
margin: 0 0 0 10px;
padding: 0;
font: 12px/18px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #464444; }
#searchbox {
float: left;
width: 760px;
background-color: #d0cab8;
border: 1px solid #beb69e;
padding: 8px 5px 8px 10px;
margin: 0; }
#searchbox td {
margin: 0;
padding: 0 0 5px 0; }
#searchbox p {
margin: 0 0 0 10px;
padding: 0;
font: bold 12px/18px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #464444; }
input {
margin: 5px 0 0 5px;
font: 12px/18px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #464444; }
textarea  {
margin: 5px 0 0 5px;
font: 12px/18px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #464444; }
select {
width: 150px;
margin: 0 5px 0 5px;
padding: 0;
font: 12px/18px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #464444; }
#DropdownPriceFrom, #DropdownPriceTo {
width: 70px;
font: 12px/18px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #464444; }
#searchright {
float: right;
width: 460px; 
background-color: #d0cab8;
border: 1px solid #beb69e;
padding: 10px 5px 10px 10px;
margin: 0; }
#searchright p {
margin: 0 0 0 10px;
padding: 0;
font: bold 12px/18px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #464444; }


/* ==== used car list ==== */
#dvVehicleList {
margin: 18px 0 0 0;
padding: 0; }
#dvVehicleList table {
margin: 0;
padding: 0;
border: 1px solid #beb69e; }
.subtitle2 {
text-align: left;
width: 636px;
font: normal 12px/16px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #333;
padding: 2px 4px 2px 4px;
background-color: #cacbcc; }
.stripe, .nostripe, .nostripeover, .stripeover {
text-align: left;
width: 676px;
font: normal 12px/16px 'Lucida Sans Unicode', Helvetica, sans-serif;
padding: 3px 2px 3px 4px; }
.nostripe {
background-color: #FFF;
color: #000; }
.stripe {
background-color: #e4e5e6;
color: #000; }
.nostripeover, .stripeover  {
background-color: #beb69e;
color: #FFFFFF;
cursor:hand; cursor:pointer; }

/* ==== used car details ==== */
#dvVehicleDetail {
margin: 18px 0 0 0;
padding: 0; }
#dvVehicleDetail table {
margin: 0;
padding: 0;
border: 0; }
.finance table {
margin: 0;
padding: 0;
border-collapse: collapse; }
.finance td {
font: bold 12px/16px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #ab2626; }
.block {
margin:0;
padding: 0;
color: #FFFFFF; }
.grey {
font: bold 12px/16px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #4c4c4c;
padding: 0 0 0 6px; }
.disclaimer {
font: 10px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #4c4c4c;
padding: 10px 0 10px 0; }
.apr {
font: bold 16px/16px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #ab2626; }
.title {
display: block;
width: 770px;
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #464444;
padding: 2px 0 2px 4px;
margin: 0;
background-color: #cacbcc; }
.subtitle {
display: block;
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #464444;
padding: 2px 10px 2px 4px;
margin: 0 10px 0 0;
background-color: #cacbcc; }
.imgsubtitle {
display: block;
font: bold 12px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #464444;
padding: 2px 10px 2px 4px;
margin: 0;
background-color: #cacbcc; }
.spec, .address, .actions {
font: normal 12px/16px 'Lucida Sans Unicode', Helvetica, sans-serif; color: #4c4c4c;
padding: 6px 10px 10px 4px;
background-color: transparent; }

/* ====== images only ====== */
img {
margin-left: 0px;  }
.homeimage {
margin: 0;
padding: 0 0 10px 0; }
.button {
margin: 0 0 10px 0; }
.camera {
margin: 2px 0 0 5px; }
.mainimg {
margin: 10px 0 6px 0; }
.thumb {
margin: 0 0 6px 0; }
.thumb2 {
margin: 0 6px 6px 6px; }
.offer-thumb {
float: left;
margin: 0 10px 10px 0;
padding: 0;
border: 1px solid #333334; }

/* ====== footer ====== */
#footer {
width: 774px;
margin: 0 auto;
padding: 0 0 10px 0;
clear: both; }
#footer p {
font: 11px/16px 'Lucida Sans Unicode', Times New Roman, serif; color: #928d86;
margin: 0;
padding: 0 0 8px 0	; }
#footer a {
color: #676363; text-decoration: none; }
#footer a:hover {
color: #928d86; text-decoration: underline; }
#footer .left {
float: left;
width: 350px;
font: 11px/16px 'Lucida Sans Unicode', Times New Roman, serif; color: #928d86;
margin: 0;
padding: 0 0 8px 0; }
#footer .right {
float: right;
width: 400px;
text-align: right;
font: 11px/16px 'Lucida Sans Unicode', Times New Roman, serif; color: #928d86;
margin: 0;
padding: 0 0 8px 0; }

/* ====== t&cs popup ====== */
#terms {
padding: 2px 0 0 0;
font: normal 11px/14px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color: #999; 
background-color: #FFF; }
#terms p {
margin: 0 5px 10px 6px; }
#terms h2 {
font: bold 11px/14px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color: #999; 
margin: 0 0 2px 6px; }
#terms a {
color: #322f20; text-decoration: none; font-weight: bold; }
#terms a:hover {
color: #464444;
text-decoration: underline; }