body  {
background-image: url(./images/background.jpg);
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}

li {
list-style-image: url(images/tick.gif);
}

p {
font-size:90%;
}

h1{
font-size:120%;
}
h2 {
font-size:100%;
}
a:link a:hover a:visited a:active {
text-decoration:none
}

img {border:0;}

.centred {
margin-left:50px;
margin-bottom:20px;
}

#caravan-insurance-content-long li {
font-size:90%;
}

#camper-van-insurance-long li {
font-size:90%;
}

#trailertent-insurance-long li {
font-size:90%;
}

a:hover {
color:#666699;
text-decoration:none;
}

#caravan-insurance{
padding-left: 10px;
height:152px;
width:220px;
border:#999999 1px solid;
background-image: url(images/caravan_insurance.jpg);
background-repeat: no-repeat;
margin-top: 10px;
padding-top: 0px;
font-size: 90%;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
margin-right: 10px;
padding-right: 10px;
float:left;
}

#caravan-insurance a {
text-decoration:none;
color:#333366;
}

#caravan-insurance-content-long a {
color:#003399;
}

#caravan-insurance-content-long a:hover {
color:#666699;
}

#caravan-insurance p {
margin-top:7px;
}

#static-caravan-insurance{
padding-left: 10px;
height:152px;
width:220px;
border:#999999 1px solid;
background-image: url(images/static.jpg);
background-repeat: no-repeat;
margin-top: 10px;
padding-top: 0px;
font-size: 90%;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
margin-right: 10px;
padding-right: 10px;
float:left;
}

#static-caravan-insurance a {
text-decoration:none;
color:#333366;
}

#static-caravan-insurance a:hover {
color:#666699;
}

p {
margin-top:7px;
}


#folding-camper-insurance{
padding-left: 10px;
height:152px;
width:220px;
border:#999999 1px solid;
background-image: url(images/foldingcamper.jpg);
background-repeat: no-repeat;
margin-top: 10px;
padding-top: 0px;
font-size: 90%;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
margin-right: 10px;
padding-right: 10px;
float:left;
}

#folding-camper-insurance a {
text-decoration:none;
color:#333366;
}

#folding-camper-insurance a:hover {
color:#666699;
}

#folding-camper-insurance p {
margin-top:7px;
}

#motorhome-insurance{
padding-left: 10px;
height:152px;
width:220px;
border:#999999 1px solid;
background-image: url(images/motorhome.jpg);
background-repeat: no-repeat;
margin-top: 10px;
padding-top: 0px;
font-size: 90%;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
margin-right: 10px;
padding-right: 10px;
float:left;
}

#motorhome-insurance a {
text-decoration:none;
color:#333366;
}

#motorhome-insurance a:hover {
color:#666699;
}

#motorhome-insurance p {
margin-top:7px;
}


#container { 
width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #999999;
text-align: left; /* this overrides the text-align: center on the body element. */
} 


#header {
height:70px;
background: #FFFFFF;
background-image: url(images/banner.jpg);
background-repeat:no-repeat;
background-position:right bottom;
padding: 0 10px 0 20px;

} 
#header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 5px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
color:#666699;
}

#header a {
text-decoration:none;
}






#navbar {
font-size:90%;
background-color:#666699;
margin:0;
}

#navbar ul
{
padding-left: 0;

margin:0;
background-color: #333366;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navbar ul li { display: inline; }

#navbar ul li a {
padding: 0.2em 1.3em;
background-color: #333366;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navbar ul li a:hover
{
background-color: #666699;
color: #fff;
}

#sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 10px 15px 10px;
}




#sitemap{
	font-size:80%;
}





#footer { 
padding: 0 10px 10px 20px;
background:#DDDDDD; 
border-top:#999999 1px solid;
font-size:80%;

} 


#footer p {
margin: 0; 
padding: 5px 0;
font-family:Arial, Helvetica, sans-serif;

}  

#footer a, #footnav a {
text-decoration:none;
color:#336666;
}

#footer a:hover, #footnav a:hover {
color:#99cccc;
}


#footnav p {
color:#336666;
font-size:80%;
padding:3px 0 3px 10px;
margin:0;
background: #EBEBEB;
font-family:Arial, Helvetica, sans-serif;
}

#footnav {
border-top:#999999 solid 1px;
}


#sitemap {
border:solid #999999 1px;
width:250px;
padding:10px;
}

#sitemap h3 {
font-size:110%;
color:#666666;
margin-top:0px;
}


.copyright {
color:#333399;
}

.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.floatleft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.side {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-style: italic;
color: #000000;
font-weight:bold;
margin-left:10px;
}

#caravanwise {
background-image:url(images/phone.jpg);
background-repeat:no-repeat;
background-position:2px;
background-color:#FFFFFF;
margin-top:20px;
margin-bottom:20px;
padding-left:95px;
border:#666666 1px solid;
font-size:0.7em;
font-weight:bold;
}


.carabold {
font-size:140%;
color:#333399;
}

.valid {
margin-top:100px;
}

#quote {
font-size:110%;
height:34px;
width:83px;
margin-left:130px;
margin-top:20px;

}

.quote a {
background-image:url(./images/quoteup.jpg);
background-position:bottom left;
background-repeat:no-repeat;
font-weight:bold;
padding:5px 20px 10px 10px;
}

.quote a:hover {
background-image:url(./images/quotedown.jpg);
}


/**********************************/
/* SECTION NAV STARTS *************/


#section-nav {
margin:0;
list-style:none;
font-size: 80%;
text-align: right;
}

#section-nav ul {
margin:0;
padding:0;
}

#section-nav li{
list-style:none;
list-style-image:none;
display: inline;
margin: 0;
padding: 0;
}

#section-nav a { /*/*/
display:block;
color: #FFF;
font-size:90%;
font-weight: bold;
text-decoration: none; 
background-color: #333366;
padding: 4px;
padding-right:10px;
margin: 2px;
border-right:#666699 10px solid;
/* */}

/* \IE Mac hack*/
#section-nav a {
	margin-left:-35px;
}


#section-nav a:hover {
color:#FFF;
background-color:#666699;
border-right:#333366 10px solid;
}


#quotelink a{
background-color: #333366;
border-right:#FF9900 10px solid;
}

#quotelink a:hover{

background-color:#FF9900;
border-right:#993300 10px solid;
}

/**********************************/
/* SECTION NAV ENDS****************/




.note {
font-size:0.8em;
font-style:italic;
}

#mainContent {
margin: 10px 0 0 20px;
margin-left:10px;
width:510px;

}

/*\*/
#mainContent {
margin-right: 0;
margin-bottom: 0;
margin-left: 250px;
padding-right: 20px;
padding-bottom: 0;
padding-left: 5px;
padding-top: 0px;
} 

iframe {
	border:none;
}