span,
.invisible
    {
        display: none;
    }

html
	{
        height: 100%;
        width: 100%;
        padding: 0px;
    	margin: 0px;
        background-color: transparent; /*#FADDA7*/
        verflow: hidden;
	}
body
	{
    	position: relative;
        z-index: 0;
        height: 100%;
        width: 100%;
        padding: 0px;
		border: 0px solid black;
    	margin: 0px;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, Times, serif;
		font-size: 1em; /*13px*/
		color: black;
        text-align: center;
        background-color: transparent; /*#FADDA7*/
        background-image: url(images/tile3.gif);
        background-position: center 20px;
        background-repeat: repeat;
        background-attachment: fixed;
	}

div.main
	{
    	position: relative;
        z-index: 0;
        width: 755px;
        padding: 0 auto 0 auto;
        border: 0px solid lime;
    	margin: 0 auto 0 auto;
        text-align: center;
        background-color: transparent; /*transparent*/
        clear: both;
	}

div.flash
	{
        isplay: none;
        position: absolute; /*relative*//*absolute*/
        top: 0;
        right: 0;
        z-index: 150;
        height: 575px; /*100%*/ /*650px*/
        width: 300px;
        padding: 0px auto 0px auto;
        border: 0px solid red;
    	margin: 0px auto 0px auto;
        text-align: center;
        background-color: transparent; /*transparent*/
        background-image: none;
	}
#flashcontent2 /* for bubble */
	{
        eight: 100%; /*100%*/ /*650px*/
        width: 280px;
        float: left;
        padding: 0px auto 0px auto;
        border: 0px solid blue;
    	margin: 0px auto 0px auto;
        text-align: center;
        background-color: transparent; /*transparent*/
        background-image: none;
	}
#flashcontent2 p
	{
        width: 260px;
        padding: 0px auto 0px auto;
        border: 5px solid black;
    	margin: 200px auto 10px auto;
        text-align: center;
        background-color: #F1F1F1; /*transparent*/
        background-image: none;
	}
#flashcontent2 p a:link,
#flashcontent2 p a:visited,
#flashcontent2 p a:active
	{
        border: 0px solid red;
		color: black;
        text-decoration: underline;
	}
#flashcontent2 p a:hover
	{
        border: 0px solid cyan;
		color: gray;
        text-decoration: none;
        background-color: #DCDCDC; /*transparent*/
	}
#flashcontent2 p a:link#close,
#flashcontent2 p a:visited#close,
#flashcontent2 p a:active#close
	{
        float: right;
        padding: 3px 3px 3px 3px;
        border: 0px solid red;
    	margin: 0px 0px 0px 0px;
		color: black;
        font-size: 10px;
        text-decoration: underline;
	}
#flashcontent2 p a:hover#close
	{
        float: right;
        padding: 3px 3px 3px 3px;
        border: 0px solid red;
    	margin: 0px 0px 0px 0px;
		color: gray;
        text-decoration: none;
        background-color: #DCDCDC; /*transparent*/
	}

/* HEADER STYLING */
div.header
	{
        clear: both;
        position: relative; /*relative*//*absolute*/
        top: 0;
        left: 0;
        height: 176px;
        width: 755px;
        padding: 0px auto 0px auto;
        border: 0px solid orange;
    	margin: 0px auto 0px auto;
        text-align: center;
        background-color: transparent; /*transparent*/
        background-image: url(images/header3_2.png);
        background-position: left 5px;
        background-repeat: no-repeat;
	}
div.header h1
	{
        display: none;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 0px 0px 0px;
		text-align: center;
		font-size: 20px;
        font-weight: bold;
        font-style: normal;
	}

/* CONTENT STYLING */
div.content
	{
        float: left;
        position: relative; /*relative*//*absolute*/
        top: 0;
        left: 0;
        z-index: 100;
        verflow: auto;
        min-height: 400px;
        width: 755px;
        padding: 0px 0px 0px 0px;
        border: 0px solid orange;
    	margin: 0px 0px 0px 0px;
        text-align: center;
        background-color: transparent; /*transparent*/
        background-image: url(images/page_sides3.png);
        background-position: left top;
        background-repeat: repeat-y;
	}

div.left
	{
        position: relative; /*relative*//*absolute*/
        top: 0;
        left: 0;
        float: left;
        width: 185px;
        padding: 0px 0px 0px 0px;
        border: 0px solid cyan;
    	margin: 0px 0px 0px 9px;
        text-align: left;
        background-color: transparent; /*transparent*/
        background-image: none;
	}

div.right
	{
        position: relative; /*relative*//*absolute*/
        z-index: 50;
        float: right;
        width: 550px;
        padding: 0px 0px 0px 0px;
        border: 0px solid DeepPink;
    	margin: 0px 9px 0px 0px;
        background-color: transparent; /*transparent*/
        background-image: none;
        clear: right;
	}
div.right h2
	{
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 10px auto 10px auto;
		text-align: center;
		font-size: 1.3em;
        font-weight: bold;
        font-style: normal;
		color: black;
        text-transform: uppercase;
        background-color: transparent; /*transparent*/
	}
div.right h2#baths
	{
        height: 40px;
        width: 202px;
        background-image: url(images/baths_header.gif);
        background-position: center center;
        background-repeat: no-repeat;
	}
div.right h2#showers
	{
        height: 40px;
        width: 301px;
        background-image: url(images/showers_header.gif);
        background-position: center center;
        background-repeat: no-repeat;
	}
div.right h2#tiles
	{
        height: 40px;
        width: 72px;
        background-image: url(images/tiles_header.gif);
        background-position: center center;
        background-repeat: no-repeat;
	}
div.right h2#accessories
	{
        height: 40px;
        width: 172px;
        background-image: url(images/accessories_header.gif);
        background-position: center center;
        background-repeat: no-repeat;
	}
div.right h2#contact
	{
        height: 40px;
        width: 505px;
        background-image: url(images/contact_header.gif);
        background-position: center center;
        background-repeat: no-repeat;
	}
div.right h2#checkatrade
	{
        height: 40px;
        width: 400px;
        background-image: url(images/checkatrade_header.gif);
        background-position: center center;
        background-repeat: no-repeat;
	}
div.right h3
	{
        padding: 0px 0px 0px 10px;
        border: 0px solid lime;
    	margin: 20px 0px 10px 0px;
		text-align: left;
		font-size: 1em;
        font-weight: bold;
        font-style: normal;
		color: black;
        text-transform: uppercase;
	}
div.right h4
	{
        padding: 0px 0px 0px 10px;
        border: 0px solid lime;
    	margin: 20px 0px 10px 0px;
		text-align: left;
		font-size: 1em;
        font-weight: bold;
        font-style: normal;
		color: black;
        text-transform: uppercase;
	}
div.right h5
	{
        padding: 0px 0px 0px 10px;
        border: 0px solid lime;
    	margin: 20px 0px 10px 0px;
		text-align: left;
		font-size: 1em;
        font-weight: bold;
        font-style: normal;
		color: black;
        text-transform: uppercase;
	}
div.right h6
	{
        padding: 0px 0px 0px 10px;
        border: 0px solid lime;
    	margin: 20px 0px 10px 0px;
		text-align: left;
		font-size: 1em;
        font-weight: bold;
        font-style: normal;
		color: black;
        text-transform: uppercase;
	}
div.right p.title
	{
        padding: 10px 5px 0px 10px;
        border: 0px solid green;
    	margin: 0px 0px 0px 0px;
		text-align: left;
		font-size: 95%;
        font-weight: bold;
        font-style: normal;
		color: black;
	}
div.right p
	{
        padding: 5px 10px 10px 20px;
        border: 0px solid red;
    	margin: 0px 0px 0px 0px;
		text-align: left;
		font-size: 80%;
        font-weight: normal;
        font-style: normal;
		color: black;
	}
div.right p.q
	{
        padding: 5px 40px 10px 40px;
        border: 0px solid red;
    	margin: 0px 0px 0px 0px;
		text-align: left;
		font-size: 80%;
        font-weight: normal;
        font-style: italic;
		color: black;
	}
div.right ul
	{
        padding: 0px 10px 10px 35px;
        border: 0px solid red;
    	margin: 0px 0px 0px 0px;
        list-style: disc outside;
	}
div.right li
	{
        padding: 0px 0px 5px 0px;
        border: 0px solid blue;
    	margin: 0px 0px 0px 0px;
		text-align: left;
		color: black;
		font-size: 80%;
        font-weight: normal;
        font-style: normal;
	}
div.right p a:link,
div.right p a:visited,
div.right p a:active
	{
        border: 0px solid red;
		color: black;
        text-decoration: underline;
	}
div.right p a:hover
	{
        border: 0px solid cyan;
		color: gray;
        text-decoration: none;
        background-color: #DCDCDC; /*transparent*/
	}

div.right table
	{
        padding: 0px 0px 0px 0px;
        border: 1px solid #DCDCDC;
    	margin: 20px 10px 20px 0px;
		text-align: left;
		font-size: 70%;
        font-weight: normal;
        font-style: normal;
		color: black;
	}
div.right table th
	{
        padding: 5px 5px 5px 5px;
        border-top: 0px solid #DCDCDC;
        border-bottom: 0px solid #DCDCDC;
        border-left: 0px solid #DCDCDC;
        border-right: 1px solid #DCDCDC;
    	margin: 0px 0px 0px 0px;
		text-align: left;
		font-family: Arial, Helvetica, Times, serif;
        color: white;
        background-color: black; /*transparent*/
	}
div.right table th.c
	{
        padding: 5px 5px 5px 5px;
        border-top: 0px solid #DCDCDC;
        border-bottom: 0px solid #DCDCDC;
        border-left: 0px solid #DCDCDC;
        border-right: 0px solid #DCDCDC;
    	margin: 0px 0px 0px 0px;
		text-align: center;
		font-family: Arial, Helvetica, Times, serif;
        color: white;
        background-color: black; /*transparent*/
	}
div.right table td
	{
        padding: 2px 2px 2px 2px;
        border-top: 1px solid #DCDCDC;
        border-bottom: 0px solid #DCDCDC;
        border-left: 0px solid #DCDCDC;
        border-right: 1px solid #DCDCDC;
    	margin: 0px 0px 0px 0px;
		text-align: left;
	}
div.right table td a:link,
div.right table td a:visited,
div.right table td a:active
	{
        border: 0px solid cyan;
		color: black;
        text-decoration: underline;
	}
div.right table td a:hover
	{
        border: 0px solid cyan;
		color: white;
        text-decoration: none;
        background-color: black;
	}
div.right table td.c
	{
        padding: 2px 2px 2px 2px;
        border-top: 1px solid #DCDCDC;
        border-bottom: 0px solid #DCDCDC;
        border-left: 0px solid #DCDCDC;
        border-right: 0px solid #DCDCDC;
    	margin: 0px 0px 0px 0px;
		text-align: center;
	}

div.flashmain
	{
        float: right;
        position: relative; /*relative*//*absolute*/
        z-index: 10;
        width: 550px;
        padding: 0px;
        border: 0px solid cyan;
    	margin: 0px;
        text-align: center;
        background-color: transparent; /*transparent*/
        background-image: none;
        clear: both;
	}
div.flashmain #flashcontent1
	{
        float: right;
        width: 550px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 0px 0px 0px;
        text-align: center;
        background-color: transparent; /*transparent*/
        background-image: none;
	}
div.flashmain #flashcontent1 div.images
	{
        height: 90px; /*100%*/ /*650px*/
        width: 90px;
        float: left;
        padding: 0px 0px 0px 0px;
        border: 0px solid green;
    	margin: 0px 0px 15px 15px;
        text-align: center;
        background-color: transparent; /*transparent*/
        background-image: none;
	}


/* FOOTER STYLING */
div.footer
	{
        clear: both;
        position: relative; /*relative*//*absolute*/
        top: 0;
        left: 0;
        height: 58px;
        width: 755px;
        padding: 0px 0px 0px 0px;
        border: 0px solid orange;
    	margin: 0px auto 0px auto;
        text-align: center;
        background-color: transparent; /*transparent*/
        background-image: url(images/footer3.png);
        background-position: left top;
        background-repeat: no-repeat;
	}
div.footer p#l
	{
        position: absolute;
        top: 18px;
        left: 25px;
        padding: 0px 0px 0px 0px;
        border: 0px solid red;
    	margin: 0px 0px 0px 0px;
		color: white;
        font-size: 11px;
		text-align: left;
        font-weight: normal;
	}
div.footer p#r
	{
        display: none;
        position: absolute;
        top: 18px;
        right: 55px;
        padding: 0px 0px 0px 0px;
        border: 0px solid cyan;
    	margin: 0px 0px 0px 0px;
		color: white;
        font-size: 11px;
		text-align: right;
        font-weight: normal;
	}
div.footer p#r a:link,
div.footer p#r a:visited,
div.footer p#r a:active
	{
        border: 0px solid cyan;
		color: white;
        text-decoration: underline;
	}
div.footer p#r a:hover
	{
        border: 0px solid cyan;
		color: white;
        text-decoration: none;
	}
a.im:link, a.im:visited, a.im:hover, a.im:active
    {
        position: absolute;
        bottom: 20px;
        right: 20px;
        height: 20px;
        width: 20px;
        padding: 0px auto 0px auto;
        border: 0px solid red;
		margin: 0px auto 0px auto;
        background-color: transparent;
        text-decoration: none;
    }
a.im img
    {
        padding: 0px 0px 0px 0px;
        border: 0px solid green;
		margin: 0px 0px 0px 0px;
        background-color: transparent;
    }

a.checklogo:link,
a.checklogo:visited,
a.checklogo:hover,
a.checklogo:active
    {
        padding: 0px 0px 0px 10px;
        border: 0px solid green;
		margin: 0px auto 0px auto;
        background-color: transparent;
    }
a.checklogo:link img,
a.checklogo:visited img,
a.checklogo:hover img,
a.checklogo:active img
    {
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
		margin: 0px 0px 0px 0px;
        background-color: transparent;
    }

img
    {
        padding: 0px 0px 0px 0px;
        border: 0px solid cyan;
		margin: 0px 0px 0px 0px;
        background-color: transparent;
    }
a:link, a:visited, a:hover, a:active
    {
        padding: 0px 0px 0px 0px;
        border: 0px solid DeepPink;
		margin: 0px 0px 0px 0px;
        background-color: transparent;
        text-decoration: none;
    }

#index_suppliers
	{
        height: 360px;
        background-image: url(images/suppliers_background.gif);
	}
#bath_suppliers
	{
        height: 180px;
        background-image: url(images/bath_suppliers_background.gif);
	}
#shower_suppliers
	{
        height: 100px;
        background-image: url(images/shower_suppliers_background.gif);
	}
#tile_suppliers
	{
        height: 100px;
        background-image: url(images/tile_suppliers_background.gif);
	}
#accessories_suppliers
	{
        height: 100px;
        background-image: url(images/accessories_suppliers_background.gif);
	}
div.suppliers
	{
        width: 745px;
        padding: 0px 0px 0px 10px;
        border: 0px solid red;
    	margin: 5px auto 10px auto;
        text-align: center;
        background-color: transparent; /*transparent*/
        ackground-image: none;
        background-position: 10px top;
        background-repeat: no-repeat;
	}
div.suppliers a#aparici,
div.suppliers a#aparici:link,
div.suppliers a#aparici:visited,
div.suppliers a#aparici:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/aparici_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#aparici:hover {
        background-position: left top;
	}

div.suppliers a#bisque,
div.suppliers a#bisque:link,
div.suppliers a#bisque:visited,
div.suppliers a#bisque:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/bisque_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#bisque:hover {
        background-position: left top;
	}

div.suppliers a#daryl,
div.suppliers a#daryl:link,
div.suppliers a#daryl:visited,
div.suppliers a#daryl:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/daryl_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#daryl:hover {
        background-position: left top;
	}

div.suppliers a#heritage,
div.suppliers a#heritage:link,
div.suppliers a#heritage:visited,
div.suppliers a#heritage:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/heritage_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#heritage:hover {
        background-position: left top;
	}

div.suppliers a#imperial,
div.suppliers a#imperial:link,
div.suppliers a#imperial:visited,
div.suppliers a#imperial:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/imperial_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#imperial:hover {
        background-position: left top;
	}

div.suppliers a#matki,
div.suppliers a#matki:link,
div.suppliers a#matki:visited,
div.suppliers a#matki:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/matki_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#matki:hover {
        background-position: left top;
	}

div.suppliers a#novabell,
div.suppliers a#novabell:link,
div.suppliers a#novabell:visited,
div.suppliers a#novabell:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/novabell_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#novabell:hover {
        background-position: left top;
	}

div.suppliers a#ricchetti,
div.suppliers a#ricchetti:link,
div.suppliers a#ricchetti:visited,
div.suppliers a#ricchetti:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/ricchetti_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#ricchetti:hover {
        background-position: left top;
	}

div.suppliers a#saloni,
div.suppliers a#saloni:link,
div.suppliers a#saloni:visited,
div.suppliers a#saloni:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/saloni_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#saloni:hover {
        background-position: left top;
	}

div.suppliers a#showerlux,
div.suppliers a#showerlux:link,
div.suppliers a#showerlux:visited,
div.suppliers a#showerlux:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/showerlux_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#showerlux:hover {
        background-position: left top;
	}

div.suppliers a#sicis,
div.suppliers a#sicis:link,
div.suppliers a#sicis:visited,
div.suppliers a#sicis:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/sicis_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#sicis:hover {
        background-position: left top;
	}

div.suppliers a#sottini,
div.suppliers a#sottini:link,
div.suppliers a#sottini:visited,
div.suppliers a#sottini:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/sottini_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#sottini:hover {
        background-position: left top;
	}

div.suppliers a#tagina,
div.suppliers a#tagina:link,
div.suppliers a#tagina:visited,
div.suppliers a#tagina:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/tagina_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#tagina:hover {
        background-position: left top;
	}

div.suppliers a#utopia,
div.suppliers a#utopia:link,
div.suppliers a#utopia:visited,
div.suppliers a#utopia:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/utopia_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#utopia:hover {
        background-position: left top;
	}

div.suppliers a#villiglas,
div.suppliers a#villiglas:link,
div.suppliers a#villiglas:visited,
div.suppliers a#villiglas:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/villi_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#villiglas:hover {
        background-position: left top;
	}

div.suppliers a#weber,
div.suppliers a#weber:link,
div.suppliers a#weber:visited,
div.suppliers a#weber:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/weber_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#weber:hover {
        background-position: left top;
	}

div.suppliers a#roca,
div.suppliers a#roca:link,
div.suppliers a#roca:visited,
div.suppliers a#roca:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/roca_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#roca:hover {
        background-position: left top;
	}

div.suppliers a#ideal,
div.suppliers a#ideal:link,
div.suppliers a#ideal:visited,
div.suppliers a#ideal:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/ideal_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#ideal:hover {
        background-position: left top;
	}

div.suppliers a#carron,
div.suppliers a#carron:link,
div.suppliers a#carron:visited,
div.suppliers a#carron:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/carron_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#carron:hover {
        background-position: left top;
	}

div.suppliers a#saneux,
div.suppliers a#saneux:link,
div.suppliers a#saneux:visited,
div.suppliers a#saneux:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/saneux_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#saneux:hover {
        background-position: left top;
	}

div.suppliers a#explore,
div.suppliers a#explore:link,
div.suppliers a#explore:visited,
div.suppliers a#explore:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/explore_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#explore:hover {
        background-position: left top;
	}

div.suppliers a#aqualisa,
div.suppliers a#aqualisa:link,
div.suppliers a#aqualisa:visited,
div.suppliers a#aqualisa:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/aqualisa_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#aqualisa:hover {
        background-position: left top;
	}

div.suppliers a#manhatten,
div.suppliers a#manhatten:link,
div.suppliers a#manhatten:visited,
div.suppliers a#manhatten:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/manhatten_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#manhatten:hover {
        background-position: left top;
	}

div.suppliers a#trevi,
div.suppliers a#trevi:link,
div.suppliers a#trevi:visited,
div.suppliers a#trevi:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/trevi_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#trevi:hover {
        background-position: left top;
	}

div.suppliers a#kudos,
div.suppliers a#kudos:link,
div.suppliers a#kudos:visited,
div.suppliers a#kudos:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/kudos_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#kudos:hover {
        background-position: left top;
	}

div.suppliers a#bristan,
div.suppliers a#bristan:link,
div.suppliers a#bristan:visited,
div.suppliers a#bristan:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/bristan_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#bristan:hover {
        background-position: left top;
	}

div.suppliers a#myson,
div.suppliers a#myson:link,
div.suppliers a#myson:visited,
div.suppliers a#myson:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/myson_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#myson:hover {
        background-position: left top;
	}

div.suppliers a#shades,
div.suppliers a#shades:link,
div.suppliers a#shades:visited,
div.suppliers a#shades:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/shades_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#shades:hover {
        background-position: left top;
	}

div.suppliers a#karndean,
div.suppliers a#karndean:link,
div.suppliers a#karndean:visited,
div.suppliers a#karndean:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/karndean_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#karndean:hover {
        background-position: left top;
	}

div.suppliers a#devi,
div.suppliers a#devi:link,
div.suppliers a#devi:visited,
div.suppliers a#devi:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/devi_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#devi:hover {
        background-position: left top;
	}

div.suppliers a#vanity,
div.suppliers a#vanity:link,
div.suppliers a#vanity:visited,
div.suppliers a#vanity:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/vanity_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#vanity:hover {
        background-position: left top;
	}

div.suppliers a#kinetico,
div.suppliers a#kinetico:link,
div.suppliers a#kinetico:visited,
div.suppliers a#kinetico:active {
        float: left;
        height: 80px; width: 80px;
        padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 0px 13px 10px 0px;
        background-color: transparent; /*transparent*/
        background-image: url(images/kinetico_logo.gif);
        background-position: -100px -100px;
        background-repeat: no-repeat;
	}
div.suppliers a#kinetico:hover {
        background-position: left top;
	}




/* navigation menu */
#nav {
    	display: block;
        width: 184px;
        height: 316px;
        padding: 0px 0px 0px 0px;
        border-top: 1px solid white;
        border-bottom: 0px solid white;
        border-left: 0px solid white;
        border-right: 0px solid white;
    	margin: 0px 0px 0px 0px;
        background-image: url(images/nav_background.png);
        background-position: top left;
        background-repeat: no-repeat;
	}
#nav ul {
		list-style: none;
        width: 184px;
    	padding: 0px 0px 0px 0px;
        border: 0px solid lime;
    	margin: 6px 0px 0px 0px;
	}
#nav ul li,
#nav ul li a,
#nav ul li a#current {
        display: block;
        width: 184px;
        height: 41px; /*41px*/
        padding: 0px 0px 3px 0px;
        border-top: 0px solid white;
        border-bottom: 0px solid white;
        border-left: 0px solid white;
        border-right: 0px solid white;
    	margin: 0px 0px 0px 0px;
	    background-color: transparent;
        background-position: center;
        text-decoration: none;
	}

#nav ul li#g1 a,
#nav ul li#g1 a:link,
#nav ul li#g1 a:visited,
#nav ul li#g1 a:active {
        background-image: none;
        ackground-image: url(images/home_button.png);
}
#nav ul li#g1 a:hover {
        background-image: url(images/home_button_hover.png);
}
#nav ul li#g1 a#current,
#nav ul li#g1 a#current:link,
#nav ul li#g1 a#current:visited,
#nav ul li#g1 a#current:active {
        background-image: url(images/home_button_hover.png);
}
#nav ul li#g1 a#current:hover {
        background-image: url(images/home_button.png);
}

#nav ul li#g2 a,
#nav ul li#g2 a:link,
#nav ul li#g2 a:visited,
#nav ul li#g2 a:active {
        background-image: none;
        ackground-image: url(images/baths_button.png);
}
#nav ul li#g2 a:hover {
        background-image: url(images/baths_button_hover.png);
}
#nav ul li#g2 a#current,
#nav ul li#g2 a#current:link,
#nav ul li#g2 a#current:visited,
#nav ul li#g2 a#current:active {
        background-image: url(images/baths_button_hover.png);
}
#nav ul li#g2 a#current:hover {
        background-image: url(images/baths_button.png);
}

#nav ul li#g3 a,
#nav ul li#g3 a:link,
#nav ul li#g3 a:visited,
#nav ul li#g3 a:active {
        background-image: none;
        ackground-image: url(images/shower_button.png);
}
#nav ul li#g3 a:hover {
        background-image: url(images/shower_button_hover.png);
}
#nav ul li#g3 a#current,
#nav ul li#g3 a#current:link,
#nav ul li#g3 a#current:visited,
#nav ul li#g3 a#current:active {
        background-image: url(images/shower_button_hover.png);
}
#nav ul li#g3 a#current:hover {
        background-image: url(images/shower_button.png);
}

#nav ul li#g4 a,
#nav ul li#g4 a:link,
#nav ul li#g4 a:visited,
#nav ul li#g4 a:active {
        background-image: none;
        ackground-image: url(images/tiles_button.png);
}
#nav ul li#g4 a:hover {
        background-image: url(images/tiles_button_hover.png);
}
#nav ul li#g4 a#current,
#nav ul li#g4 a#current:link,
#nav ul li#g4 a#current:visited,
#nav ul li#g4 a#current:active {
        background-image: url(images/tiles_button_hover.png);
}
#nav ul li#g4 a#current:hover {
        background-image: url(images/tiles_button.png);
}

#nav ul li#g5 a,
#nav ul li#g5 a:link,
#nav ul li#g5 a:visited,
#nav ul li#g5 a:active {
        background-image: none;
        ackground-image: url(images/accessories_button.png);
}
#nav ul li#g5 a:hover {
        background-image: url(images/accessories_button_hover.png);
}
#nav ul li#g5 a#current,
#nav ul li#g5 a#current:link,
#nav ul li#g5 a#current:visited,
#nav ul li#g5 a#current:active {
        background-image: url(images/accessories_button_hover.png);
}
#nav ul li#g5 a#current:hover {
        background-image: url(images/accessories_button.png);
}

#nav ul li#g6 a,
#nav ul li#g6 a:link,
#nav ul li#g6 a:visited,
#nav ul li#g6 a:active {
        background-image: none;
        ackground-image: url(images/contact_button.png);
}
#nav ul li#g6 a:hover {
        background-image: url(images/contact_button_hover.png);
}
#nav ul li#g6 a#current,
#nav ul li#g6 a#current:link,
#nav ul li#g6 a#current:visited,
#nav ul li#g6 a#current:active {
        background-image: url(images/contact_button_hover.png);
}
#nav ul li#g6 a#current:hover {
        background-image: url(images/contact_button.png);
}

#nav ul li#g7 a,
#nav ul li#g7 a:link,
#nav ul li#g7 a:visited,
#nav ul li#g7 a:active {
        background-image: none;
        ackground-image: url(images/checkatradelogo_button_hover.png);
}
#nav ul li#g7 a:hover {
        background-image: url(images/checkatradelogo_button.png);
}
#nav ul li#g7 a#current,
#nav ul li#g7 a#current:link,
#nav ul li#g7 a#current:visited,
#nav ul li#g7 a#current:active {
        background-image: url(images/checkatradelogo_button.png);
}
#nav ul li#g7 a#current:hover {
        background-image: url(images/checkatradelogo_button_hover.png);
}