body {
font-family: Arial;
background-color: #eeeeee;		
}

h1 { 
text-align : center;
font-weight : bold;
font-family : "Comic Sans MS";
text-decoration : underline;
} 

h5 { 
font-weight : bold;
text-decoration : underline;
} 

h4 { 
text-decoration : underline;
} 

table.head {
font-weight: bold;
}

td.spacer {
border-bottom-style: groove;
border-bottom-width: thin;
}

td.broadbandoffer {
border-bottom-style: groove;
border-bottom-width: thin;
text-align : center;
}


td.broadbandpackage {
border-bottom-style: groove;
border-bottom-width: thin;
font-weight: bold;
}

td.spacercomp {
border-bottom-style: groove;
border-bottom-width: thin;
font-size: 14px;
}


.fup {
border-style: double;
border-color:black;
border-width:medium;
font-size: small;
}

td.usage {
border-style:inset;
border-width: 2px;
border-color:black;
}

input.usagenew {
background:#ff0000;
}

td.spacernew {
border-bottom-style: groove;
border-bottom-width: thin;
font-size: medium;
font-weight: bold;	
}

.spacertwo {
border-bottom-style: groove;
border-bottom-width: thin;
border-color:black;
font-size: medium;	
}

.spacerthree {
border-bottom-style: groove;
border-bottom-width: thin;
font-size: small;
}

.fupspacer {
border-bottom-style: groove;
border-bottom-width: thin;
font-size: small;
}

.fupspacernew {
border-bottom-style: groove;
border-bottom-width: thin;
border-color:black;
font-size: small;
}

.newformat {
  border-style: ridge;
  }

.search {
  border-style: double;
  border-color:red;
  border-width:medium;
  font-size: small;
  background: #ffffff;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mobile {
  border-style: solid;
  border-color:gray;
  border-width:thin;
  font-size: small;
  background: #ffffff;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
}


.outline {
  border-style: double;
  border-color:red;
  border-width:medium;
  font-size: small;
}

.comparison {
  border-style: double;
  border-color:red;
  border-width:medium;
  font-size: x-small;
}


.notes {
  font-size: xx-small;
  padding-left: 8px;
}

.writing {
  font-size: small;
}

.pricesize {
  font-size: medium;
}


table.outline {
  border-style: double;
  border-color:red;
  border-width:medium;
  font-size: small;
}





#navigation a
{
color: #000;
background: #C0C0C0 url(left-tab5.bmp) left top no-repeat;
text-decoration: none;
padding-left: 17px
} 

#navigation a span
{
background: url(right-tab5.bmp) right top no-repeat;
padding-right: 17px
} 

#navigation a:hover {
color: #000 ;
background: #00FF00 url(left-tab-hover-new5.bmp) left top no-repeat;
padding-left: 17px
} 

#navigation a:hover span
{
background: url(right-tab-hover-new5.bmp) right top no-repeat;
padding-right: 17px
} 

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

#navigation li
{
float: left;
margin: 0;
} 


#navigation a, #navigation a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */ 


#navigationnew a
{
color: #000;
background: #00FF00 url(left-tab-hover-new5.bmp) left top no-repeat;
text-decoration: none;
padding-left: 17px
} 

#navigationnew a span
{
background: url(right-tab-hover-new5.bmp) right top no-repeat;
padding-right: 17px
} 

#navigationnew a:hover {
color: #000 ;
background: #00FF00 url(left-tab-hover-new5.bmp) left top no-repeat;
padding-left: 17px
} 

#navigationnew a:hover span
{
background: url(right-tab-hover-new5.bmp) right top no-repeat;
padding-right: 17px
} 

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

#navigationnew li
{
float: left;
margin: 0;
} 


#navigationnew a, #navigationnew a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigationnew a, #navigationnew a span
{
float: none
}
/* End hide */ 





<!--
A:link {text-decoration: none; color:blue}
A:visited {text-decoration: none; color:blue}
A:active {text-decoration: none; color:red}
A:hover {text-decoration: underline;  color:green}
-->