html, body {
margin: 0; 
padding: 0;
font-family: Verdana, sans-serif;
font-size: 90%;
}

h1, h2, h3, h4, h5, h6 {font-family: georgia, serif; margin: 0; padding: 0 0 0.5em 0}
h1 {font-size: 1.3em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}

p {margin: 0; padding: 0 0 1em 0;}

ul {list-style: square; 
padding: 0 0 10px 20px;
margin: 0;
}


.link {text-decoration: none; color: #000; }

#masthead {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 65px; /* make this the height of logo images + whatever margins/padding you require */
border-bottom: 1px solid #000;
}

#masthead img {display: block;}
#masthead img.logo {float: left; margin: 3px 0 0 2px; display: inline;}
#masthead img.buynow {float: right; margin: 3px 2px 0 0; display: inline;}

#navcontainer {
position: absolute;
width: 100%;
top: 75px; /* this must also be changed according to height of logo images choice is yours how big a "gap" you want for boomark */
left: 0;
font-weight: bold;
border-bottom: 1px solid #778;
}

#navcontainer img.buynow, .bookmark {float: right; margin: 0px 10px 0 0; display: inline;}
/* display: inline is the new fix for float bug yippee! */
/* .bookmark is generated by the javascript in netscape so it needs to float too 
and it must have no padding or top bottom margin as that will throw height in NN*/


#navcontainer ul {
padding: 0;
margin: 0;
/* don't put border on here now as list items are now floating */
/* border is now on the container and list is set to overlap it*/
}

#navcontainer ul li	{
		list-style: none;
		margin: 0 0 0 3px;
		padding: 0;
		text-decoration: none;
		font-size: 90%;
		float: left;
    line-height: 165%;
		position: relative;
 		top: 1px; /*borders have to be put on all four sides of link so this moves it down by 1px to cause overlap and create tab effect */
		}
		
#navcontainer ul li a
		{
		display: block;
		padding: 0 5px;
		margin: 0;
		border-width: 1px;
		border-style: solid;
		border-color: #778;
		text-decoration: none;
		color: #448;
		background: #DDE;
		font-size: 90%;
		}

#navcontainer ul li a:visited { color: #667; }

#navcontainer ul li a:hover
		{
		color: #000;
		background: #AAE;
		border-color: #227;
		}

/* this bit works width the body class to dictate which link is active */
/* so "current status does not need to be added to link */
.n1 #navcontainer ul li#nav1 a,
.n2 #navcontainer ul li#nav2 a,
.n3 #navcontainer ul li#nav3 a,
.n4 #navcontainer ul li#nav4 a,
.n5 #navcontainer ul li#nav5 a
		{
		background: white;
 		border-bottom: 1px solid white;
		}
		
#contentwrapper {
float: left;
clear: both;
width: 80%;
background: transparent;
color: #000;
font-family: Arial, Helvetica, sans-serif;
border-right: 1px solid #000;
margin-top: 96px; /* will need adjusting depending on what's above it */
}

#ads {
position: absolute;
top: 100px;
right: 0;
width: 19%; 
padding-top: 10px;
background: #fcc;
}

#content {
float: left;
clear: left;
width: 65%;
padding: 10px 10px 0px 10px;
margin: 0;
border-right: 1px solid #ccc;
}

#content img.buynow {float: right;}

#rightnav {
padding: 10px;
margin: 0 0 0 68%;
background: #ffe; /* coloured for placement only */
}

/* hack to ensure footer clears all floated divs */
#footer:before {
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;
}

#footer {clear both; width: 100%; margin: 0; padding: 0;}
#footlinks {
padding: 5px;
margin: 0;
border-top: 1px solid #778;
border-bottom: 1px solid #778;
background-color: #DDE;
text-align: center;
font-size: 80%;
}

#footlinks ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: 0;
}

#footlinks ul li {
		display: inline;
		padding: 3px;
		text-decoration: none;
		}
#footlinks ul li a {color: #448; background: transparent;}
#footlinks ul li a:hover {color: #fff; background: transparent;}
#foottext {padding: 5px;; font-size: 70%}

.center {text-align: center;}

.lititle { list-style: none;text-decoration: none; font-weight:bold; margin-top:5px}

.small {
font-size: 80%;
}

.red {
color: #ff0000;
font-weight: bold;
}

#left, #leftquote, #leftdefault {
display:inline;
float:left;
margin:0pt 0pt 0pt 27px;
width:285px;
}
#leftdefault {
margin:0pt;
padding:11px 0pt 0pt;
width:314px;
}
#leftdefault .goback {
background:transparent url(https://insurance.essentialtravel.co.uk/etImgSecure/et/images/defaultBack.gif) no-repeat scroll left top;
display:block;
float:left;
height:30px;
margin-left:10px;
text-decoration:none;
width:68px;
}
#leftdefault .getaquote {
background:transparent url(https://insurance.essentialtravel.co.uk/etImgSecure/et/images/defaultgetaquote.gif) no-repeat scroll left top;
display:block;
float:left;
height:30px;
margin-left:20px;
text-decoration:none;
width:86px;
}
#left {
background:transparent url(https://insurance.essentialtravel.co.uk/etImgSecure/et/images/bg-left.gif) repeat scroll 0%;
}
#left p {
margin:0pt;
padding:10px;
}
#left .frame {
background:transparent url(https://insurance.essentialtravel.co.uk/etImgSecure/et/images/bg-left-bottom.gif) no-repeat scroll 0pt 100%;
overflow:hidden;
padding:0pt 4px 14px 1px;
width:282px;
}
#left .frame .bg {
overflow:hidden;
padding:0pt 16px 0pt 0pt;
width:266px;
}
#left h2 {
background:transparent url(https://insurance.essentialtravel.co.uk/etImgSecure/et/images/texttravel-insurance.gif) repeat scroll 0%;
color:#FFFFFF;
font-family:arial;
font-size:140%;
font-weight:normal;
height:27px;
margin:0pt;
overflow:hidden;
padding:8px 0pt 0pt 14px;
width:273px;
}
#quoteMainBodyTable td {
font-size:90%;
padding-top:11px;
}
a.quote-me {
margin:14px 0pt 4px;
}
a.quote-me {
background:transparent url(https://insurance.essentialtravel.co.uk/etImgSecure/et/images/btm-quote.gif) repeat scroll 0%;
display:block;
float:right;
height:29px;
overflow:hidden;
width:89px;
}