html, body {
width:100%;
height:100%;
margin:0px;
padding:0px;
border:0px;
background-color:#e1e1e1;
text-align:center;
}

/* FONTS */
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#333333;
font-weight:normal;
margin:0px 0px 10px 0px;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#333333;
font-weight:normal;
margin:0px 0px 10px 0px;
}
h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333333;
font-weight:bold;
margin:0px 0px 10px 0px;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#666666;
font-weight:normal;
line-height:20px;
}
p strong a:link,
p strong a:hover,
p strong a:visited {
color:#000000;
}
strong {
font-weight:bold;
color:#333333;
}

#full_header_wrapper {
width:100%;
height:180px;
margin:0px;
padding:0px;
border:0px;
background-image:url(../graphics/body_bg_image.jpg);
background-position:left top;
background-repeat:repeat-x;
}
#full_header_wrapper:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* MAIN WEBSITE STRUCTURE */
#header {
width:990px;
height:150px;
margin:0 auto;
padding:0px;
border:0px;
text-align:left;
}
#logo {
width:990px;
height:150px;
display:inline;
float:left;
margin:0px;
padding:0px;
border:0px;
text-align:center;
}
#navigation {
width:990px;
height:30px;
margin:0 auto;
padding:0px;
border:0px;
text-align:left;
background-color:#f9da00;
background-image:url(../graphics/nav_bg.jpg);
background-repeat:repeat-x;
background-position:top;
}
#container {
width:970px;
height:auto;
margin:0 auto;
padding:10px;
border:0px;
text-align:left;
background-color:#FFFFFF;
}
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#breadcrumb {
width:970px;
height:25px;
display:inline;
float:left;
margin:0px;
padding:0px;
border-bottom:1px solid #cccccc;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:0.75em;
text-transform:capitalize;
}
#breadcrumb a {
text-decoration:none;
color:#999999;
}
#content {
width:970px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:10px 0px;
border:0px;
}
#content #top_banner {
width:970px;
height:auto;
display:inline;
float:left;
margin:0px 0px 10px 0px;
padding:0px;
border:0px;
}
#content #left {
width:306px;
height:auto;
display:inline;
float:left;
margin:0px 20px 0px 0px;
padding:10px;
border:0px;
background-color:#f3f3f3;
}
#content #right {
width:624px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:0px;
border:0px;
}
#extra {
width:970px;
height:auto;
margin:0px auto;
padding:10px;
border-top:1px solid #e1e1e1;
background-color:#f3f3f3;
text-align:left;
}
#extra:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#footer {
width:970px;
height:auto;
margin:0px auto 20px auto;
padding:5px 10px;
border:0px;
background-color:#f9da00;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:0.75em;
}
#footer a {
text-decoration:none;
color:#333333;
}

/* WEBSITE STYLING ELEMENTS */

#content #left .mini_offer {
width:286px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:10px;
border:0px;
background-color:#FFFFFF;
background-image:url(../graphics/caravan_listing_bg.jpg);
background-position:top;
background-repeat:repeat-x;
}
#content #left .mini_offer h3 {
font-weight:bold;
}
#content #left .mini_offer p span.srp {
width:100%;
display:block;
text-decoration:line-through;
}
#content #left .mini_offer p span.offer {
color:#009900;
font-weight:bold;
font-size:18px;
}
#content #left .mini_offer img {
display:inline;
float:left;
margin:10px 10px 5px 0px;
padding:0px;
border:0px;
}
#content #left .mini_offer a {
border:0px;
}


#content #right .offers {
width:604px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:10px;
border-bottom:1px solid #CCCCCC;
background-color:#ffffff;
background-image:url(../graphics/caravan_listing_bg.jpg);
background-position:top;
background-repeat:repeat-x;
}
#content #right .offers p span.srp {
text-decoration:line-through;
}
#content #right .offers p span.offer {
color:#009900;
font-weight:bold;
font-size:18px;
}


#content #left .title {
width:306px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:0px 0px 5px 0px;
border:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333333;
font-weight:bold;
text-decoration:none;
}
#content #left a.admin_link {
width:306px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:5px 0px;
border-bottom:1px solid #cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#666666;
text-decoration:none;
}

/* MAIN NAVIGATION */
a.nav {
width:auto;
height:30px;
display:inline;
float:left;
margin:0px;
padding:0px 10px;
border-right:1px solid #ffffff;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:0.85em;
line-height:30px;
}
a.nav:link {
color:#333333;
text-decoration:none;
}
a.nav:hover {
text-decoration:underline;
}
a.nav.active {
background-color:#FFFFFF;
background-image:none;
color:#333333;
}
a.nav.active:hover {
text-decoration:none;
}
a.nav.last {
border-right:0px;
}

/* EXTRA SECTION */
#extra ul {
width:242px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:0px;
border:0px;
list-style:none;
}
#extra ul li {
width:232px;
height:auto;
display:inline;
float:left;
margin:0px 10px 0px 0px;
padding:3px 0px;
border-bottom:1px solid #e1e1e1;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#666666;
font-weight:normal;
}
#extra ul li a {
text-decoration:none;
color:#666666;
}

/* CARAVAN LISTING DISPLAY ON FRONTEND */
.caravan_listing {
width:604px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:10px;
border-top:1px solid #e1e1e1;
background-color:#ffffff;
background-image:url(../graphics/caravan_listing_bg.jpg);
background-position:top;
background-repeat:repeat-x;
position:relative;
}
.caravan_listing span.status {
width:100px;
height:100px;
position:absolute;
right:0px;
top:0px;
z-index:100;
}
.caravan_listing strong {
color:#333333;
}
.caravan_listing .image_column {
width:120px;
height:auto;
display:inline;
float:left;
margin:0px 10px 0px 0px;
padding:0px;
border:0px;
background-color:#FFFFFF;
}
.caravan_listing .image_column .image {
width:118px;
height:118px;
display:inline;
float:left;
margin:0px 0px 10px 0px;
padding:0px;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
overflow:hidden;
}
.caravan_listing .image_column .image img {
width:118px;
border:0px;
}
.caravan_listing .image_column .image.mini {
width:53px;
height:53px;
}
.caravan_listing .image_column .image.mini img {
width:53px;
border:0px;
}

.caravan_listing .title,
.caravan_listing .details,
.caravan_listing .price {
width:474px;
height:auto;
display:inline;
float:right;
margin:0px;
padding:0px;
border:0px;
font-family:Arial, Helvetica, sans-serif;
}
.caravan_listing .title { font-size:1em; color:#333333; font-weight:bold; margin-bottom:10px; }
.caravan_listing .details { font-size:0.75em; color:#666666; line-height:20px; margin-bottom:10px; }
.caravan_listing .price { font-size:0.85em; color:#333333; font-weight:bold; margin-bottom:10px; }

/* CARAVAN LISTING ADD AND EDIT FORMS IN BACKEND */
fieldset {
width:624px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:0px;
border:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
}
fieldset ul.add_listing {
width:624px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:0px;
border:0px;
list-style:none;
}
fieldset ul.add_listing li a.cancel_edit {
text-decoration:none;
color:#006600;
}
fieldset ul.add_listing li {
width:604px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:8px 10px;
border-top:1px solid #cccccc;
list-style:none;
background-color:#f3f3f3;
}
fieldset ul.add_listing li.alt {
background-color:#FFFFFF;
}
fieldset ul.add_listing li.edit {
background-color:#EAF9E3;
}
fieldset ul.add_listing li label {
width:200px;
height:auto;
display:inline;
float:left;
margin:0px;
padding:0px;
border:0px;
font-weight:bold;
}
fieldset ul.add_listing li label em {
display:block;
color:#666666;
font-weight:normal;
font-size:11px;
}
fieldset ul.add_listing li .text_entry,
fieldset ul.add_listing li select {
width:300px;
height:auto;
margin:0px;
padding:3px;
border:1px solid #cccccc;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
fieldset ul.add_listing li .submit_listing,
fieldset ul.add_listing li .edit_listing_btn {
width:auto;
height:auto;
margin:0px;
padding:3px 5px;
border:1px solid #009933;
background-color:#00CC66; 
font-size:13px;
color:#ffffff;
}

/* LIVE ADVERTS TABLE LISTING IN BACKEND */
#live_adverts {
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height:20px;
background:#ffffff;
margin:0px;
width:624px;
border-collapse:collapse;
text-align:left;
}
#live_adverts th {
font-size:13px;
font-weight:bold;
color:#333333;
padding:10px 0px;
border-bottom:1px solid #cccccc;
text-align:left;
}
#live_adverts td {
border-bottom:1px solid #cccccc;
color:#666666;
padding:6px 0px;
text-align:left;
}
#live_adverts tbody tr:hover td {
background-color:#f3f3f3;
}
#live_adverts tbody td#edit {
text-align:center;
}
#live_adverts tbody td#edit a {
text-decoration:none;
color:#666666;
}
#live_adverts tbody td#edit:hover a {
color:#FFFFFF;
}
#live_adverts tbody td#edit:hover {
background-color:#00CC66;
color:#FFFFFF;
}
#live_adverts tbody td .edit_listing {
width:auto;
height:auto;
margin:0px;
padding:0px;
border:0px;
background:none; 
font-size:13px;
color:#666666;
}
#live_adverts tbody td#edit:hover .edit_listing {
color:#FFFFFF;
}
#live_adverts tbody td#delete {
text-align:center;
}
#live_adverts tbody td#delete:hover {
background-color:#cc0000;
color:#FFFFFF;
}
#live_adverts tbody td .delete_listing {
width:auto;
height:auto;
margin:0px;
padding:0px;
border:0px;
background:none; 
font-size:13px;
color:#666666;
}
#live_adverts tbody td#delete:hover .delete_listing {
color:#FFFFFF;
}

form#contact {
margin:0px;
padding:0px;
border:0px;
}
form#contact ul {
margin:0px;
padding:0px;
border:0px;
list-style:none;
}
form#contact ul li {
margin:0px;
padding:5px;
border:0px;
list-style:none;
}
form#contact ul li.alt {
background-color:#f3f3f3;
}
form#contact ul li label {
width:100px;
height:auto;
display:inline;
float:left;
}
.contact_entry {
border:1px solid #999999;
padding:3px;
font-family:;
color:#333333;
font-size:13px;
}