html, body { 
height: 100%; 
overflow: auto;
width: 100%;
margin:0px;
padding:0px;
}

body {
margin:0px;
padding:0px;
height: 100%;
width: 100%;
overflow: hidden; /* remove ie's main scrollbar*/
}

.Link {
font-family: Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

.Link:hover{
color: #eb831c;
}

/************************Header Pane - Includes Nav-Bar, Nav-Line & BreadCrumbs******************************/
#Header-Pane {
position: fixed;
top: 0px;
width: 100%;
z-index:6;
}

/*************************Navigation Menu Setup********************************/
#NavigationMenu {
height:25px; /* height of navigation menus */
width:680px;
margin-top: 4px;
margin-bottom: 5px;
}

#NavigationMenu ul
{
position: fixed;
top: -9px;
left: -40px;
width: 100%;
}

#NavigationMenu ul li { 
display: inline; 
}

#NavigationMenu ul li span {
visibility: hidden; /*hides link text*/
}

#NavigationMenu ul li a
{
text-decoration: none;
}


/* Home Menu */
#HomeMenu a
{
padding: 0.2em 1.7em;
background: transparent url(../Images/Home_Off.png) no-repeat;
}

#HomeMenu a:hover
{
background: transparent url(../Images/Home_On.png) no-repeat;
}


/* Products Menu */
#ProductsMenu a
{
padding: 0.2em 2.5em;
background: transparent url(../Images/Products_Off.png) no-repeat;
}

#ProductsMenu a:hover
{
background: transparent url(../Images/Products_On.png) no-repeat;
}


/* Dealers Menu */
#DealersMenu a
{
padding: 0.2em 2.2em;
background: transparent url(../Images/Dealers_Off.png) no-repeat;
}

#DealersMenu a:hover
{
background: transparent url(../Images/Dealers_On.png) no-repeat;
}


/* Repairs Menu */
#RepairsMenu a
{
padding: 0.2em 2.2em;
background: transparent url(../Images/Repairs_Off.png) no-repeat;
}

#RepairsMenu a:hover
{
background: transparent url(../Images/Repairs_On.png) no-repeat;
}


/* Contact Menu */
#ContactMenu a
{
padding: 0.2em 3.3em;
background: transparent url(../Images/Contact_Off.png) no-repeat;
}

#ContactMenu a:hover
{
background: transparent url(../Images/Contact_On.png) no-repeat;
}


/* FAQ Menu */
#FAQMenu a
{
padding: 0.2em 0.9em;
background: transparent url(../Images/FAQ_Off.png) no-repeat;
}

#FAQMenu a:hover
{
background: transparent url(../Images/FAQ_On.png) no-repeat;
}

/******************************Nav-Line Pane************************/
#Nav-Line {
height: 7px;
width: 100%;
padding:0px;
}

#Nav-Line img {
vertical-align:top;
}


/* ************************* Breadcrumbs ********************* */
#Breadcrumbs {
width: 100%;
height: 20px;
color: #FFFFFF;
font-size: smaller;
font-family: Arial, sans-serif;
text-decoration: none; /*Turns Off Blue Link Underline*/
vertical-align: top; 
}

.BreadcrumbHome{ /*Sets Home Breadcrumb Font Colour */
color: #000000;
text-decoration: none; /*Turns Off Blue Link Underline*/
}

.BreadcrumbHome:hover
{
text-decoration: underline;
color: #eb831c;
}

.BreadcrumbOther{
color: #eb831c;
text-decoration: none;
}

.BreadcrumbOther:hover
{
text-decoration: underline; /*Turns On Correct Colour Link Underline*/
color: #eb831c;
}

/*************************************Background Pane*******************************/
#Background-Pane {
text-align: center;
width: 100%;
height: 100%;
overflow: hidden;
left: 0px;
z-index:0;
} 

/*************************************Content Pane*******************************/
#Content-Pane {
color: #FFFFFF;
position: fixed;
text-align: center;
top: 60px;
bottom: 37px;
width: 100%;
/*overflow: hidden;*/
left: 0px;
z-index: 7;
} 

/* ****************************Footer Pane - Includes Footer-Line & Footer************************ */
#Footer-Pane {
position: fixed;
bottom: 0px;
height: 37px;
width: 100%;
padding:0px;
clear: both;
z-index:5;
}

/* ***************************Footer Line Pane ********************** */
#Footer-Line {
position: relative;
height: 7px;
width: 100%;
padding:0px;
z-index:0;
}

#Footer-Line img {
vertical-align:top;
}

/* ***************************Footer Pane ********************** */
#Footer {
height: 100%;
width: 100%;
padding:0px;
}

/* ***************************Bottom-Right Corner Logo********************** */
#LogoBox {
position: absolute;
bottom: 0px;
right: 0px;
background: url(../Images/Logo.png) no-repeat;
background-position: bottom right;
height: 90px;
width: 250px;
}

/* *******************Search Form Details**************** */
.SearchForm {
position: relative;
top: -2px;
width: 220px;
z-index:5;
}

/* Turns Off Sitesearch Radio Button */
#search {
display:none;
}

#searchfield {
padding: 4px 3px;
margin: 2px;
height: 23px;
width: 134px;
border: solid 0 #FFF;
background: transparent url(../Images/Search-Field.png) no-repeat;
color: #000000;
}

#searchbutton {
margin: 2px;
height: 24px;
width: 21px;
border: solid 0 #FFF;
background: transparent url(../Images/Search-Button.png) no-repeat;
}

#searchbutton:hover {
background-position: 0 -25px; /* Moves Image Up To Show Mouseover Image */
}

/* ******************************Main Window Common Layout*********************** */

.OuterWindow{
position: absolute;
}

.OuterWindow-TopLeft{
position: absolute;
left: 0px;
top: 0px;
width: 15px;
height: 15px;
border-left: 2px solid white;
border-top: 2px solid white;
}

.OuterWindow-TopRight{
position: absolute;
right: 0px;
top: 0px;
width: 15px;
height: 15px;
border-right: 2px solid white;
border-top: 2px solid white;
}

.OuterWindow-BottomLeft{
position: absolute;
left: 0px;
bottom: 0px;
width: 15px;
height: 15px;
border-left: 2px solid white;
border-bottom: 2px solid white;
}

.OuterWindow-BottomRight{
position: absolute;
right: 0px;
bottom: 0px;
width: 15px;
height: 15px;
border-right: 2px solid white;
border-bottom: 2px solid white;
}

.InnerWindowColour{
position: absolute;
left: 2%;
right: 2%;
top: 2%;
bottom: 2%;
background-color: black;
opacity: 0.45;
filter: alpha(opacity=45);
}

.InnerProductWindowOverlay{
position: absolute;
left: 2%;
right: 2%;
top: 2%;
bottom: 2%;
text-align: left;
overflow: auto;
color: white;
}

.InnerWindowOverlay{
position: absolute;
left: 4%;
right: 4%;
top: 4%;
bottom: 4%;
text-align: left;
overflow: auto;
color: white;
}


#InnerWindowOverlay{
padding:6px 6px;
}

/* *****************Right-Hand Window******************* */
#RightWindow {
position: absolute;
left: 51%;
height: 100%;
width: 49%;
}

#RightOuterPane {
left: 10%; 
top: 5%;
height: 90%;
width: 80%;
}

/* *****************Left-Hand Window******************* */
#LeftWindow {
position: absolute;
left: 0px;
height: 100%;
width: 49%;
}

#LeftOuterPane {
left: 10%; 
top: 5%;
height: 90%;
width: 80%;
}

/* *****************Centre-Thin Window******************* */
#Centre-ThinWindow {
position: absolute;
left: 0px;
height: 100%;
width: 100%;
}

#Centre-ThinOuterPane {
left: 50%; 
top: 5%;
height: 90%;
width: 42%;
margin-left: -21%;
}

/* *****************Centre-Wide Window******************* */
#Centre-WideWindow {
position: absolute;
left: 0px;
height: 100%;
width: 100%;
}

#Centre-WideOuterPane {
left: 10%; 
top: 5%;
height: 90%;
right: 10%;
}

/* *****************Triple Compare Window Left******************* */
#LeftCompareWindow {
position: absolute;
left: 0.5%;
height: 100%;
width: 33%;
}

#LeftCompareOuterPane {
left: 10%; 
top: 5%;
height: 90%;
width: 80%;
}
/* *****************Triple Compare Window Centre******************* */
#CentreCompareWindow {
position: absolute;
left: 33%;
height: 100%;
width: 33%;
}

#CentreCompareOuterPane {
left: 10%; 
top: 5%;
height: 90%;
width: 80%;
}
/* *****************Triple Compare Window Right******************* */
#RightCompareWindow {
position: absolute;
left: 66.5%;
height: 100%;
width: 33%;
}

#RightCompareOuterPane {
left: 10%; 
top: 5%;
height: 90%;
width: 80%;
}



/********Search Results Header*******/
#SearchResultsHeader{
position: absolute;
top: 0px;
width: 100%;
height: 40px;
overflow: hidden;
text-align: center;
}


/********Search Results Box**********/
#SearchResultsSearch{
position: absolute;
top: 40px;
width: 100%;
height: 50px;
overflow: hidden;
}

/********Search Results & Search Box**********/
.searchBox{
border:1px 
solid #CCCCFF;
}

/********New Search Box In Search Results**********/
#query{
color: silver;
font-family: Arial, sans-serif;
font-weight: bold;
}

/********Search Results Box**********/
#result_report{
position: absolute;
top: 95px;
width:100%;
height:40px;
text-align: center;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
overflow: hidden;
}

/********Search Results Box**********/
#SearchResultsMiddle{
position: absolute;
top: 125px;
bottom: 55px;
width: 100%;
overflow: auto;
left: 0px;
font-family: Arial, sans-serif;
font-size: 12px;
}

/********Search Results Box Next Page Links**********/
#other_pages{
position: absolute;
height: 20px;
bottom: 25px;
width: 100%;
overflow: hidden;
text-align: center;
font-family: Arial, sans-serif;
font-size: 14px;
}

/********Search Results Box Next Page Links**********/
#powered_by{
position: absolute;
height: 20px;
bottom: 0px;
width: 100%;
overflow: hidden;
text-align: center;
text-align: center;
font-family: Arial, sans-serif;
font-size: smaller;
}

.SearchTitle{
font-family: Arial, sans-serif;
color: #a4feb6;
}

/*******************Image Preload***********************/
.ImagePreload {
display:none;
}

/******************Body Text Layout*****************/
.BodyText {
font-family: Arial, sans-serif;
font-size: 12px;
opacity: 0.90;
filter: alpha(opacity=90);
margin: 4px;
}

.ProductsBodyText {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight:bold;
margin-right: 10px;
margin-bottom: 10px;
}

.ProductsIntermediateText {
font-family: Arial, sans-serif;
font-size: 12px;
margin-right: 10px;
margin-bottom: 10px;
}

.ProductsIndent {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight:bold;
margin-left: 20px;
margin-right: 10px;
margin-bottom: 10px;
}
/******************Important Text Layout*****************/
.ImportantText {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight:bold;
}

/******************Product Price Text Layout*****************/
.ProductPrice {
font-family: Arial, sans-serif;
font-size: 16px;
}

/******************Home Page Scroller****************/
#pscroller1{
height: 100px;
padding-top: 5px;
}

/*******************Home Page Diver Overlay***********/
#DiverOverlay {
z-index:4;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}


/********Dealer Header*******/
#DealerBoxHeader{
position: absolute;
top: 0px;
width: 100%;
height: 60px;
overflow: hidden;
text-align: center;
font-family: Arial, sans-serif;
font-size: 12px;
}


/********Dealer Box**********/
#DealerBoxResults{
position: absolute;
top: 60px;
bottom: 5px;
width: 100%;
overflow: auto;
left: 0px;
font-family: Arial, sans-serif;
font-size: 12px;
}

/* ***************Dealers Table************* */


.DealerTable {
    width: 700px;
    height: 150px;
}

.DealerMainRow {
    border-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
}

.DealerTopRow {
    border-color: #FFFFFF;
    border-width: 1px 1px 0 1px;
    border-style: solid;
background-color:black;
}


/***************FAQ Layout**********************/
#FAQHead {
position: absolute;
top: 0px;
height: 110px;
width: 100%;
overflow:none;
}

#FAQBody {
position: absolute;
top: 120px;
bottom: 0px;
width: 98%;
overflow:auto;
}

#FAQAnswerHead {
position: absolute;
top: 0px;
height: 30px;
width: 100%;
overflow:none;
}

#FAQAnswerBody {
position: absolute;
top: 40px;
bottom: 0px;
width: 100%;
overflow:auto;
}

.FAQLink {
font-family: Arial, sans-serif;
font-size: 12px;
text-decoration: none; /*Turns Off Blue Link Underline*/
color: #FFFFFF;
}

.FAQLink:hover{
color: #eb831c;
text-decoration: underline;
}


/*************************Dealers Detail Page, Table Layout ************************/

.DealerTopRow{
background: transparent url(../Images/Table-Background-Header.png) repeat;
}

.DealerMainRow{
background: transparent url(../Images/Table-Background-Body.png) repeat;
}

/****************************Products Home Page****************************/

#ProductsHomePane {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}

#ProductsListPane {
position: relative;
top: 0px;
width: 100%;
height: 90%;
overflow: hidden;
}

.ProductsHomeGrid {
position: relative;
text-align: center;
float: left;
width: 33.2%;
height: 23%;
}

.compareProduct{
position: relative;
border-style: none;
z-index:9;
margin-right: -60%;
visibility: hidden;
}

.compareProduct2{
position: relative;
left: -60%;
border-style: none;
z-index:9;
margin-right: -60%;
visibility: hidden;
}

.gridimage{
opacity: 0.8;
filter: alpha(opacity=80);
border-style: none;
z-index:1;
}

.gridimage:hover{
opacity: 1.0;
filter: alpha(opacity=100);
}

.sortImageSupplier{
float: left;
border-style: none;
}

.sortImageCategory{
float: right;
border-style: none;
}


.DescriptionAlign{
float:left; 
width:100%;
}

/**********************************Product List Page*********************************************/
#ProductCompare{
position: absolute;
bottom: 0px;
width: 100%;
height: 5%;
overflow: hidden;
}

#ProductsCompare img{
border-style: none;
}

.ProductCornerImage{
float: left;
margin-right: 10px; 
text-align: center;
}

#ImageLink{
border-style: none;
}

#CompareProductsButton{
border-style: none;
visibility: hidden;
}

/*****************************************Suit Repairs Cost Pages****************************/
#RepairCosts {
border: 1px solid silver;
border-collapse:collapse;
}

#RepairCosts td {
border: 1px solid silver;
}

.PriceGroup {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight:bold;
}

.PriceType {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight:bold;
padding-left: 15px;
}

.PricesBodyText {
font-family: Arial, sans-serif;
font-size: 12px;
opacity: 0.90;
filter: alpha(opacity=90);
padding-left: 30px;
}

#RepairCostsHeader{
position: absolute;
top: 0px;
width: 100%;
height:160px;
overflow: hidden;
}

#RepairCostsTable {
position: absolute;
top: 160px;
bottom: 0px;
width: 100%;
overflow: auto;
}