@charset "utf-8";
/* this is the CSS Document for the 'normal' sized fonts used for he website - vehicle installation services, created by Catherine Tapp 2008 */

/* backgound image */
body
{
background-image:url('bground.gif');
background-repeat:no-repeat;

<img src="bground.gif" width="100%" height="100%"> 




} 


/* variations of the body text */

.body10px {
font-family : "Trebuchet MS";
font-size : 70%;
font-style : normal;
line-height : 90%;
font-weight : normal;
color : #000000;
text-decoration : none;
}

.body11px {
font-family : "Trebuchet MS";
font-size : 80%;
font-style : normal;
line-height : 105%;
font-weight : normal;
color : #000000;
text-decoration : none;
}
.body11pxbold {
font-family : "Trebuchet MS";
font-size : 80%;
font-style : normal;
line-height : 105%;
font-weight : bold;
color : #000000;
text-decoration : none;
}
.body11pxon14 {
font-family : "Trebuchet MS";
font-size : 80%;
font-style : normal;
line-height : 105%;
font-weight : normal;
color : #000000;
text-decoration : none;
}

.body11pxon14bold {
font-family : "Trebuchet MS";
font-size : 80%;
font-style : normal;
line-height : 105%;
font-weight : bold;
color : #000000;
}

.body16pxBold {
font-family : "Trebuchet MS";
font-size : 110%;
line-height : 135%;
font-weight : bold;
color : #000000;
text-decoration : none;
}

/* end of varaitions of the body text */

/* Backgrouground colour and font family details for entire site */

body {
background-color : #888888;
font-family : "Trebuchet MS", Helvetica, sans-serif;
}

/* end of background colour and font family details */

a:link {
color : #000080;
text-decoration : underline;
}
a:hover {
color : #333333;
text-decoration : none;

}
a:visited {
color : #717D7D;
text-decoration : none;
font-size : 90%;
}
a:active {
text-decoration : none;
}

.centre {
text-align : center;
vertical-align : middle;
visibility : visible;
z-index : 1;
height : 100%;
width : 100%;
}

h1 {
font-family : Verdana;
font-size : 90%;
font-style : normal;
line-height : 110%;
font-weight : bold;
color : #000000;
text-decoration : none;
margin : 0;
padding : 0;
}
h3 {
font-family : Verdana;
font-size : 68%;
font-style : normal;
line-height : 83%;
font-weight : bold;
color : #000000;
text-decoration : none;
margin : 0;
padding : 0;
}

h4 {
font-family : Verdana;
font-size : 90%;
font-style : normal;
line-height : 110%;
font-weight : bold;
color : #ff0000;
text-decoration : none;
margin : 0;
padding : 0;
}



.charcoal {
font-family : verdana;
font-size : 90%;
font-style : normal;
line-height : 110%;
font-weight : bold;
color : #333333;
text-decoration : none;
margin : 0;
padding : 0;
}
.menucell {
font-family : "Trebuchet MS";
font-size : 78%;
font-style : normal;
font-weight : bold;
color : #000000;
text-decoration : none;
background-color : #aaaaaa;
text-align : left;
vertical-align : middle;
padding-left : 4px;
cursor : pointer;
display: block;
}

.menucell a:hover {
font-family : "Trebuchet MS";
font-size : 86%;
font-style : normal;
font-weight : bold;
color : #eb714d;
text-decoration : none;
background-color : #666666;
text-align : left;
vertical-align : middle;
padding-left : 2px;
cursor: pointer; 
display: block;
}

.menucell2 {
font-family : "Trebuchet MS";
font-size : 78%;
font-style : normal;
font-weight : bold;
color : #000000;
text-decoration : none;
background-color : #c0c0c0;
text-align : left;
vertical-align : middle;
padding-left : 4px;
cursor : pointer;
display: block;
}
.menucell2 a:hover {
font-family : "Trebuchet MS";
font-size : 86%;
font-style : normal;
font-weight : bold;
color : #eb714d;
text-decoration : underline;
background-color : #666666;
text-align : left;
vertical-align : middle;
padding-left : 4px;
cursor: pointer; 
display: block;
}
.headercell {
background-color : #e9e9e9;
padding-left : 16px;
text-decoration : none;
text-align : left;
}
a.submenu {
font-size : 100%;
font-weight : normal;
color : #000080;
text-decoration : underline;
}
.menu {
font-family : "Trebuchet MS";
font-size : 80%;
font-style : normal;
line-height : 120%;
font-weight : bold;
color : #000000;
text-decoration : underline;
}
/* bodylink varaitions created for the future coding of text indicating change in the font size */

.bodylink {
font-family : "Trebuchet MS";
font-size : 80%;
font-style : normal;
line-height : 120%;
font-weight : normal;
color : #000000;
text-decoration : underline;
}
.bodylink2 {
font-family : "Trebuchet MS";
font-size : 100%;
font-style : normal;
line-height : 150%;
font-weight : normal;
color : #000000;
text-decoration : underline;
}
.bodylink3 {
font-family : "Trebuchet MS";
font-size : 120%;
font-style : normal;
line-height : 180%;
font-weight : normal;
color : #000000;
text-decoration : underline;
}
.bodylink4 {
font-family : "Trebuchet MS";
font-size : 140%;
font-style : normal;
line-height : 210%;
font-weight : normal;
color : #000000;
text-decoration : underline;
}
h2 {
font-family : "Trebuchet MS";
font-size : 120%;
font-style : normal;
line-height : 120%;
font-weight : bold;
color : #000000;
text-decoration : none;

text-align : left;
margin : 0;
padding : 0;
}

/* Note: orange actually appears as blue on the site */
.orange {
font-family : "Trebuchet MS";
font-size : 140%;
font-style : normal;
line-height : 140%;
font-weight : bold;
color : #00008b;
}

/* end of note*/
.picborder {
margin-right : 20px;
}
Li {
font-family : "Trebuchet MS";
font-size : 100%;
line-height : 120%;
font-weight : bold;
color : #333333;
text-decoration : none;
}
.midtext {
font-family : "Trebuchet MS";
font-size : 100%;
font-style : normal;
line-height : 130%;
font-weight : normal;
color : #000000;
text-decoration : none;
}
.c1 {
font-family : "Trebuchet MS";
font-size : 90%;
font-style : normal;
font-weight : bold;
color : #000000;
text-decoration : none;
text-align : right;
vertical-align : right;
padding-left : 8px;
padding-right : 8px;
cursor : pointer;
}

.c1 a:hover {
font-family : "Trebuchet MS";
font-size :90%;
font-style : normal;
font-weight : bold;
color : #eb714d;
text-align : right;
vertical-align : right;
padding-left : 8px;
padding-right : 8px
cursor: pointer; 

}
.c2 {
font-family : "Trebuchet MS";
font-size : 90%;
font-style : normal;
font-weight : bold;
color : #000000;
text-decoration : none;
text-align : left;
vertical-align : left;
padding-left : 8px;
padding-right : 8px;
cursor : pointer;
}

.c2 a:hover {
font-family : "Trebuchet MS";
font-size :90%;
font-style : normal;
font-weight : bold;
color : #eb714d;
text-decoration : underline;
text-align : left;
vertical-align : left;
padding-left : 6px;
cursor: pointer; 

}

div.breadcrumb {
text-align : left;
position:relative;
vertical-align: top;
}

#inline-list {
border : 1px solid #000;
margin : 2em;
width : 20%;
padding : 5px;
font-family : Trebuchet MS, sans-serif;
}

/* inlinelist coding has been creating for future use on the text indicating change in font size */

#inline-list p {
display : inline;
text-align : right;
}
#inline-list ul, #inline-list li {
display : inline;
margin : 0;
padding : 0;
color : #339;
font-weight : bold;
}

#inline-list {
border : 1px solid #000;
margin : 2em;
width : 20%;
padding : 5px;
font-family : Trebuchet MS, sans-serif;
}

a.footer {
font-family : "Trebuchet MS", Helvetica, sans-serif
font-size : 88%;
font-weight : normal;
color : #00008b;
text-decoration : underline;
}
a.footer:hover {
font-family : "Trebuchet MS", Helvetica, sans-serif
text-decoration : underline;
color : #eb714d;
font-size : 88%;
}
a.copy {
font-size : 90%;
font-weight : bold;
color : #000080;
}
div.c1 {
text-align : right;
}
div.tel {
text-align : right;
vertical-align: top}
#div-1 {
 position:relative;
}
div.c3 {
 position:absolute;
 top:2;
 right:2;
}
div.c4 {
 position:absolute;
 top:40;
 right:1;
}

div c1 a:hover {
color : #eb714d;
}
div.breadcrumb {
text-align : left;
}
.centre {
text-align : center;
vertical-align : middle;
}
/* header-accesibility fonts */

headerNav. li {

	display:inline;

	font-size:.9em;

	color:#fff;

} 

li.smaller {

	display:inline;
       
        font-size:1.3em;

	font-weight:em;

	color:#fff;

}

li.default {

	display:inline;

       	font-size:1.55em;

	font-weight:em;

	color:#fff;

}

li.larger {

	display:inline;
             
	font-size:2em;

	font-weight:em;

	color:#fff;

}
.textsize  {

font-family : "Trebuchet MS";

font-size :90%;

font-style : normal;

font-weight : bold;

color : #ececec;

text-align : right;

vertical-align : right;

padding-left : 4px;

cursor: pointer; 

}







/* this is the end of this 'normal css */