body {
    background: #fff url("../images/sky-bg.png") repeat-x;
    padding: 0 10px;
    font-size: 82%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 5px;
    font-family: verdana;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 10px;
    font-family: arial;
    border-bottom: 1px solid #ccf;
    color: #339;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

a img {
    border: none;
    text-decoration: none;
}
a { color: blue;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
#header {
    background: #fff url("../images/body-bg.png") repeat-x;
    position: relative;
    height: 64px;
}
#logo a {
    height: 56px;
    padding: 2px 0;
    text-indent: -9001px;
}
#quicklogin {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0; /* need for IE Mac */
    text-align: right; /* need for IE Mac */
    white-space: nowrap; /* for Opera */
}

#header div a, #header div {
    color: #fff;
}
#footer {
    clear: both;
}

.ctx_menu li {
    display: inline;
}

#main {
    z-index: 1;
}

#main.split #side {
    width: 20%;
    float: left;
    background: #e0e9e9;
}
#main.split #content {
    width: 75%;
    float: left;
    padding: 0 10px;
}

#quicklogin {
    padding: 5px 5px 0 0;
}
#quicklogin form input {
    border: 1px solid blue;
    width: 100px;
    background: #ccc;
}
#quicklogin form input:hover {
    background: white;
}

/*body{behavior:url(cssHoverFix.htc);}*/


#menu {
    z-index: 22;
    position: absolute;
    bottom: 0;
    right: 0;
}

#menu ul {
    padding: 0 10px 0 0;
    margin: 0;
    list-style: none;
}

#menu li {
    font-family: verdana;
    float: left;
    position: relative;
    padding: 0 6px 0 0;
    margin: 0 1px 0 0;
}

#menu li a:hover {
    color: orange;
}

#menu li.current {
    background: white;
}
#menu li.current a {
    color: blue;
}

#menu li.current li a {
    color: white;
}
#menu li a {
    font-weight: bold;
    display: block;
    padding: 10px;
    color: white;
    text-decoration: none;
    padding: 4px 4px 4px 10px;
}

#menu li ul li {
    width: 100%;
}


#menu li ul li a {
    display: block;
    margin: 3px;
}

#menu li ul { /* second-level lists */
    visibility: hidden;
    position: absolute;
    top: 1em;
    left: 0;
    background: #339;
    background: #00006e;
}

#menu li ul li:hover {
    background-position: 0 -24px;
}

#menu li ul li:hover a {
    color: orange;
}

#menu li>ul {
    top: auto;
    left: auto;
}

#menu li:hover ul, #menu li.over ul {
    visibility: visible;
}

#nav {
    background: #E0E9E9;
}

#nav, #nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav {
    margin-bottom: 1em;
}
#nav li {
    display: inline;
    padding: 0;
    margin: 0;
}

#nav li span {
    display: block;
    padding: 6px 10px;
    font-weight: bold;
    color: #666;
}

#nav li span#configParent, #nav li span #configuration {
    display: inline;
    font-weight: normal;
    padding: 0;
}

#nav li a {
    display: block;
    padding: 8px 10px;
    text-decoration: none;
    background: #EDF2F2;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    border-right: 1px solid #ddd;
    color: #000099;
}

#nav li a:hover {
    background: #E0E9E9;
}
#nav li a:visited {

    color: #000099;
}

#nav li li span {
    padding: 4px 8px 4px 20px;
}

#nav li li a {
    padding: 6px 8px 6px 20px;
}




.chunked_list li {
    list-style: none;
    float: left;
}
.chunked_list li ul li {
    float: none;
}

#flash {
    text-align: center;
    font-weight: bold;
    padding: 5px;
}

#flash em {
    color: red;
}

.error {
    background: #fcc;;
}
.ok {
    background: #cfc;;
}

.error-message {
    display: block;
    color: red;
    font-weight: bold;
}

.list_options {
    float: right;
    margin-top: 5px;
    padding: 5px;
    border: 1px solid grey;
}

.list_options ul {
    margin: 0;
    list-style: none;
    padding-left: 0;
}

.list_options ul li {
    padding: 0 10px;
    float: left;
}

.list_options form {
    margin: 0;
}

.add_new_highlight {
    font-weight: bold;
}
.add_new_hightlight a {
    margin: 1px;
}

.pager {
    float: left;
}

.clsfd_rows {
    clear: left;
    width: 99%;
    border-collapse: collapse;
}

.clsfd_rows th a {
    text-decoration: none;
}

.clsfd_rows td {
    border: 1px solid #ccc;
}

.clsfd_rows .extras {
    border-top: 1px solid #ccc;
}

.info {
    font-size: 0.85em;
    color: #666;
}

.row_clsfd .photo {
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.row_clsfd .details a {
    text-decoration: none;
    font-weight: bold;
}
.row_clsfd .details a:hover {
    text-decoration: underline;
    font-weight: bold;
    color: red;
}
.row_clsfd .details a:visited {
    color: purple;
}
.row_clsfd .stats {
    border-width: 1px 0 0 0;
    text-align: right;
    padding-bottom: 30px;
}

.row_clsfd .extras {
    font-size: 0.85em;
    text-align: center;
}
.row_clsfd .registration, .row_clsfd .price, .row_clsfd .mileage {
    vertical-align: top;
    text-align: right;
}


.expired {
    color: red;
    font-weight: bold;
}

.userslist {
    width: 100%;
    border-collapse: collapse;
}

.userslist tbody {
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
}

.userslist td {
    border: 1px solid #999;
    padding: 3px;
}
.userslist tbody.r0 {
    background: #ffd;
}
.userslist tbody.r1 {
    background: #ddf;
}

.userslist .controls {
    text-align: right;
}

.userslist .controls a {
    color: #ccc;
}
.userslist tbody:hover .controls a {
    color: black;
}

.userslist .details div {
    float: left;
    margin-right: 10px;
    padding: 0 10px ;
}




#photo_list li div {
    height: 65px;
}
#photo_list li {
    text-align: center;
    list-style: none;
    width: 100px;
    height: 100px;
    float: left;
}




.clsfd_msgs {
    list-style: none;
    padding: 0;
}
.clsfd_msgs li {
    margin-bottom: 20px;
    border-bottom: 1px solid #333399;
}
.clsfd_msgs span {
    color: #666666;
    font-size: .9em;
}






.tabbed_form > div {
    margin-bottom: 20px;
    border: 1px solid #333399;
    padding: 0 10px 10px 20px;
}


.ui-tabs-hide {
    display: none;
}
.ui-tabs-nav {
    border-bottom: 1px solid #333399;
}
.ui-tabs-nav li {
    border: 1px solid #333399;
    padding: 0 10px;
    font-size: 1.1em;
    display: inline;
    background: #333399;
}
.ui-tabs-nav li a {
    text-decoration: none;
    color: white;
}
li.ui-tabs-selected {
    border-bottom: 1px solid white;
    background: white;
}
li.ui-tabs-selected a {
    color: #333399;
}
.ui-tabs-unselect {
    background: blue;

}
.ui-tabs-disabled {
}
.ui-tabs-panel {
}


label {
    display: block;
}

form.long fieldset {
    border: 1px solid #009;
    border-width: 1px 0 0 0;
    margin: 2em 0;
}
form.long fieldset legend {
    font-size: 1.15em;
}
form.long label {
    width: 200px;
    float: left;
    text-align: right;
    padding-right: 10px;
}
form.long div.required label {
    font-weight: bold;
}
form.long div.radioset div {
    display: block;
    margin-left: 220px;
}
form.long div.radioset label {
    width: auto;
    float: none;
    text-align: left;
    padding-right: 10px;
    font-weight: normal;
}
form.long div.radioset input {
    width: auto;
}
form.long div input,
form.long div textarea,
form.long div select {
}
form.long div.required input,
form.long div.required textarea,
form.long div.required select {
}

form.long div {
    margin: 5px 0;
}

form.long fieldset.option_list ul {
    list-style: none;
}
form.long fieldset.option_list li {
    padding-bottom: 10px;
}
form.long fieldset.option_list input {
    float: none;
}
form.long fieldset.option_list label {
    float: none;
    width: auto;
    display: inline;
}

strong.reported a {
    background: red;
    color: white;
    padding: 2px;
}

.r0 {
    background: #ffd;
}
.r1 {
    background: #eee;
}

#latest {
    width: 230px;
    background: white;
    padding: 0 0 0 10px;
    float: right;
    margin: 0 10px;
}
#latest ul {
    margin: 0;
    padding: 0;
}
#latest li {
    list-style: none;
    padding: 3px;
    border-top: 1px solid #ccc;
    height: 40px;
}
#latest a {
    font-size: .9em;
    text-decoration: none;
}

#latest li span.image {
    width: 40px;
    height: 30px;
    float: left;
    margin-right: 5px;
    line-height: 60px;
}

#latest li img {
    line-height: 60px;
    width: 40px;
}
#latest li span.price {
    padding: 2px;
    color: #003;
    float: right;
    background: #ffd;
    border: 1px solid #999;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-align: center;
}




form.clsfd_search fieldset div {
    font-family: verdana;
    float: left;
    padding: 2px 5px;
    width: 30%;
}
form.clsfd_search fieldset div label {
    color: #669;
    display: block;
}
form.clsfd_search fieldset div label.radio {
    color: #669;
    display: inline;
    padding-right: 10px;
}
form.clsfd_search fieldset legend {
    display: none;
}
form.clsfd_search fieldset {
    border: 0;
    padding: 0;
    margin:0;
    padding-bottom: 5px;
}
form.clsfd_search select {
    width: 100%;
}
form.clsfd_search select.half {
    width: 40%;
}
form.clsfd_search ul {
    list-style: none;
}

form.clsfd_search .hits {
    font-weight: bold;
}
#map {
    border: none;
    position: absolute;
    left:0px;
    top:45px;
}

#clsfds_list_c {
    border-collapse: collapse;
}

#clsfds_list_c td {
    border: 1px solid white;
}

.faded {
    color: #999;
}



fieldset.extras li {
    float: left;
}

fieldset.extras li ul li {
    float: none;
}





#clsfd_view .photos {
    width: 350px;
    float: right;
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
}

#clsfd_view .photo_container {
    text-align: center;
    height: 250px;
    line-height: 250px;
}

#clsfd_view .photo_container img {
    vertical-align: middle;
}

#clsfd_view .thumb {
    width: 80px;
    margin: 3px;
    float: left;
    height: 60px;
    line-height: 60px;
}

#clsfd_view .thumb img {
    vertical-align: middle;
}

#clsfd_view .options {
    clear: left;
    width: 350px;
}


#clsfd_view .options a {
    text-decoration: none;
}

#clsfd_view dt, #clsfd_view dd {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

#clsfd_view dt {
    float: left;
}

#clsfd_view dd {
    margin-left: 12em;
    font-weight: bold;
}


#clsfd_view .options ul {
    list-style: none;
}





/* ADMIN CSS */
.expired {
    color: red;
    font-weight: bold;
}

.userslist {
    width: 100%;
    border-collapse: collapse;
}

.userslist tbody {
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
}

.userslist td {
    border: 1px solid #999;
    padding: 3px;
}
.userslist tbody.r0 {
    background: #ffd;
}
.userslist tbody.r1 {
    background: #ddf;
}

.userslist .controls {
    text-align: right;
}

.userslist .controls a {
    color: #ccc;
}
.userslist tbody:hover .controls a {
    color: black;
}

.userslist .details div {
    float: left;
    margin-right: 10px;
    padding: 0 10px ;
}

ul.vehicle_categories, ul.vehicle_categories li {
    list-style: none;
}

ul.vehicle_categories li {
    float: left;
    width: 300px;
    margin: 5px;
    border: 1px solid #1300e8;
}

div.vehicle_icon {
    height: 50px;
    width: 100px;
    background: #fff url("../images/vehicles1.png") no-repeat;
}
ul.vehicle_types {
}
ul.vehicle_types li {
    border: none;
    float: left;
    text-align: center;
    margin: 5px;
    list-style: none;
    height: 100px;
    width: 100px;
}
ul.vehicle_types li a {
    text-decoration: none;
}
ul.vehicle_types li a:hover {
    text-decoration: underline;
}

.heading {
    background: #fff url("../images/body-bg.png") repeat-x;
    padding: 10px;
    color: white;
    font-size: 1.4em;
    margin: 0;
}
ul.vehicle_types li.half { width: 50px; }

div.part_77_icon { background-position: -300px 0px; }
div.part_711_icon { background-position: -1200px 0px; }
div.part_394_icon { background-position: -200px 0px; }
div.part_34_icon { background-position: -1100px 0px; }
div.part_7_icon { background-position: -1450px 0px; }


div.semitruck_icon { background-position: 0px 0px; }
div.trailer_icon { background-position: -100px 0px; }
div.truck_icon { background-position: -200px 0px; }
div.car_icon { background-position: -300px 0px; }
div.van_icon { background-position: -400px 0px; }
div.tractor_icon { background-position: -500px 0px; }
div.bus_icon { background-position: -600px 0px; }
div.forklift_icon { background-position: -700px 0px; }
div.motorhome_icon { background-position: -800px 0px; }
div.caravan_icon { background-position: -900px 0px; }
div.builder_icon { background-position: -1000px 0px; }
div.boat_icon { background-position: -1100px 0px; }
div.bike_icon { background-position: -1200px 0px; }
div.semitrailer_icon { background-position: -1300px 0px; }
div.parts_icon { background-position: -1400px 0px; }

.small_vicon {
    float: left;
    display: block;
    width:40px;
    height:20px;
    background: #fff url("../images/icons/small_vehicles1.png") no-repeat;
}
.small_semitruck { background-position: 0px 0px; }
.small_trailer { background-position: -40px 0px; }
.small_truck { background-position: -80px 0px; }
.small_car { background-position: -120px 0px; }
.small_van { background-position: -160px 0px; }
.small_tractor { background-position: -200px 0px; }
.small_bus { background-position: -240px 0px; }
.small_forklift { background-position: -280px 0px; }
.small_motorhome { background-position: -320px 0px; }
.small_caravan { background-position: -360px 0px; }
.small_builder { background-position: -400px 0px; }
.small_boat { background-position: -440px 0px; }
.small_bike { background-position: -480px 0px; }
.small_semitrailer { background-position: -520px 0px; }
.small_parts { background-position: -560px 0px; }


.dealerslist { margin: 0 auto; width: 99%; border-collapse: collapse }

.pic_picker ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pic_picker {
    padding: 0 5px;
    text-align: center;
    width: 150px;
    float: right;
    background: #ffd;
    border: 1px solid orange;
}