/* First paragraphs control text defined as headings h5, h6, .clearance and .subcategory. These definitions seem to be overridden by the link and rollover definitions */

h5{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7BC0E8;
text-decoration:none;
margin:0;
padding:0
}

h6{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
margin:0;
padding:0
}

.subcategory {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #CCCCCC;
text-decoration:none;
margin:0;
padding:0
}

.clearance {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFCC00;
text-decoration:none;
margin:0;
padding:0
}


/*Remaining paras control appearance when links added and rollover settings etc*/

h5 a:link {
color: #7BC0E8;
text-decoration: none;
}
h5 a:visited {
color: #7BC0E8;
text-decoration: none;
}
h5 a:hover {
color: #7BC0E8;
text-decoration: underline;
}
h5 a:active {
color: #7BC0E8;
text-decoration: none;
}

h6 a:link {
color: #FFFFFF;
text-decoration: none;
}
h6 a:visited {
color: #FFFFFF;
text-decoration: none;
}
h6 a:hover {
color: #FFFFFF;
text-decoration: underline;
}
h6 a:active {
color: #FFFFFF;
text-decoration: none;
}

a.clearance:link {
color: #FFCC00;
text-decoration: none;
}
a.clearance:visited {
color: #FFCC00;
text-decoration: none;
}
a.clearance:hover {
color: #FFCC00;
text-decoration: underline;
}
a.clearance:active {
color: #FFCC00;
text-decoration: none;
}

a.subcategory:link {
color: #CCCCCC;
text-decoration: none;
margin-left: 10px;

}
a.subcategory:visited {
color: #CCCCCC;
text-decoration: none;
margin-left: 10px;
}
a.subcategory:hover {
color: #CCCCCC;
text-decoration: underline;
margin-left: 10px;
}
a.subcategory:active {
color: #CCCCCC;
text-decoration: none;
margin-left: 10px;
}


/* Additional CCS for tabbed box */
/* Provides image swapping for graphic tabs */

div.tab1 {
height: 45px;
width: 100px;
margin: 0;
padding: 0;
background-image:url("https://www.ventilationcentre.co.uk/ebay/images/tab-payment-over.gif");
}

div.tab1 a, div.tab1 a:link, div.tab1 a:visited {
display:block;
}

div.tab1 img {
height: 45px;
width: 100px;
border: 0;
}

div.tab1 a:hover img {
visibility: hidden;
}

div.tab2 {
height: 45px;
width: 100px;
margin: 0;
padding: 0;
background-image:url("https://www.ventilationcentre.co.uk/ebay/images/tab-delivery-over.gif");
}

div.tab2 a, div.tab2 a:link, div.tab2 a:visited {
display:block;
}

div.tab2 img {
height: 45px;
width: 100px;
border: 0;
}

div.tab2 a:hover img {
visibility: hidden;
}

div.tab3 {
height: 45px;
width: 100px;
margin: 0;
padding: 0;
background-image:url("https://www.ventilationcentre.co.uk/ebay/images/tab-returns-over.gif");
}

div.tab3 a, div.tab3 a:link, div.tab3 a:visited {
display:block;
}

div.tab3 img {
height: 45px;
width: 100px;
border: 0;
}

div.tab3 a:hover img {
visibility: hidden;
}