/*  CSS for SPLASH BATHROOMS & TILES  */


body  /*  sets the whole site's font, font colour and background  */
{
font: 12px arial, verdana;  /* alternatives for font */
color: black;
background-color: "0000FF";
}


/* used for the INTER-PAGE links on the site */
.links1 a:link {font: bold 12px arial; color: #000000; text-decoration: none;} 
.links1 a:active {font: bold 12px arial; background-color: #000000; color: #ffffff; text-decoration: none;}
.links1 a:visited {font: bold 12px arial; color: #000000; text-decoration: none;}
.links1 a:hover {font: bold 12px arial; background-color: #000000; color: #ffffff; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/


/* used for the EMAIL links on the site */
.links2 a:link {font: normal 13px arial; color: #0000ff; text-decoration: none;} 
.links2 a:active {font: normal 13px arial; background-color: #D3D3D3; color: #000000; text-decoration: none;}
.links2 a:visited {font: normal 13px arial; color: #0000ff; text-decoration: none;}
.links2 a:hover {font: normal 13px arial; background-color: #D3D3D3; color: #000000; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/


/* used for the EMAIL links on the site */
.links3 a:link {font: normal 14px arial; color: #FFFF00; text-decoration: none;} 
.links3 a:active {font: normal 14px arial; background-color: #FFFFFF; color: #000000; text-decoration: none;}
.links3 a:visited {font: normal 14px arial; color: #FFFF00; text-decoration: none;}
.links3 a:hover {font: normal 14px arial; background-color: #FFFFFF; color: #000000; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/




/* used for the INTER-PAGE links on the site   
.links3 a:link {font: normal 13px arial; color: #FF8247; text-decoration: none;} 
.links3 a:active {font: normal 13px arial; background-color: #D3D3D3; color: #2F4F4F; text-decoration: none;}
.links3 a:visited {font: normal 13px arial; color: #FF8247; text-decoration: none;}
.links3 a:hover {font: normal 13px arial; background-color: #D3D3D3; color: #2F4F4F; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/
*/

/* used for the email links on the Contact Us page   */
.links4 a:link {font: normal 13px arial; color: #ff0000; text-decoration: none;} 
.links4 a:active {font: normal 13px arial; background-color: #D3D3D3; color: #2F4F4F; text-decoration: none;}
.links4 a:visited {font: normal 13px arial; color: #ff0000; text-decoration: none;}
.links4 a:hover {font: normal 13px arial; background-color: #D3D3D3; color: #2F4F4F; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/



/* used for the RETURN TO TOP OF PAGE links   */
.links6 a:link {font: bold 10px arial; color: #B5B3B3; text-decoration: none;} #B5B3B3 
.links6 a:active {font: bold 10px arial; color: #ff0000; text-decoration: none;}
.links6 a:visited {font: bold 10px arial; color: #B5B3B3; text-decoration: none;}
.links6 a:hover {font: bold 10px arial; color: #ff0000; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/




.pix         /* places an image in the centre of a table with a margin all round */
{
margin: 2px 2px 2px 2px;
border: solid 1px #0000FF;
}



.pix-border /*affects the image on the page - upper right-hand side with space around text*/
{
margin: 0px 0px 0px 0px;
border: solid 1px #0000ff;
}





.clear-image          /* by passes any images and starts on a new, clean line   */
{
clear: both;
}


.heading-text         /* this is the styling for the headings on each page */
{
    color: #3B6CB5;    /* #5675A5;  #8B008B    */
	font-face: Arial;
    font-weight: bold;
    font-size: 20px;
}


.heading-text2         /* this is the styling for the headings on each page */
{
    color: #3B6CB5;    /* #5675A5;  #8B008B    */
	font-face: Arial;
    font-weight: bold;
    font-size: 14px;
}

.content   /* this describes the container of the content paragraphs. */
{
padding: 0px 30px 0px 0px; /* keeps text off the borders */
font-face: Arial;
font-size: 12px;
margin: 0px;
text-align: justify;
color: #000000;
}




.content2   /* this describes the container of the content paragraphs. */
{
padding: 50px 5px 20px 50px; /* keeps text off the borders */
font-face: Arial;
font-size: 14px;
margin: 0px;
text-align: justify;
color: #000000;
}



.content3   /* this describes the container of the content paragraphs. */
{
padding: 0px 5px 20px 10px; /* keeps text off the borders */
font-face: Arial;
font-size: 16px;
margin: 0px;
text-align: left;
color: #ff0000;
}


.content4   /* this describes the container of the content paragraphs. */
{
padding: 0px 5px 10px 10px; /* keeps text off the borders */
font-face: Arial;
font-size: 14px;
margin: 0px;
text-align: left;
color: #000000;
}


.address   /* this puts the content (address & telephone no) to the left - just below the banner */
{
padding: 2px 2px 2px 5px; /* keeps text off the borders */
font-face: Arial;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 0px 0px;
text-align: left;
color: #000000;   /* #2736F9; */
}


.address2   /* this puts the content (marquee) to the right - just below the banner */
{
padding: 2px 10px 2px 0px; /* keeps text off the borders */
font-face: Arial;
font-size: 14px;
font-weight: bold;
margin: 0px 10px 0px 0px;
text-align: right;
color: #ff0000;
}


.address3   /* this puts the content (address) in the centre - just below the banner */
{
padding: 2px 0px 2px 0px; /* keeps text off the borders */
font-face: Arial;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 0px 0px;
text-align: center;
color: #000000;   /* #2736F9; */
}



.address4   /* this puts the content (email & marquee) to the left - just below the banner */
{
padding: 2px 5px 2px 2px; /* keeps text off the borders */
font-face: Arial;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 0px 0px;
text-align: right;
color: #000000;   /* #2736F9; */
}