@charset "UTF-8";
/* CSS Alterna Product pages Auxiliaries  */
/* extra styles for porduct pages only. Numerous other product pages styles in "stylesGlobal.css and mast graphic in "styleCORP-Products.css"(for sub navigation bar) */

/*---Caroma - Toilets Page - this should be in its own Stylesheet---------------------------*/
table td img.toilet {float:left; margin:0 15px 4px 0}
table td img.vanities {float:left; margin:0 25px 4px 0}

/*---Fluid Fausets - this should be in its own Stylesheet---------------------------*/
.inner #text,  #text-bottom,  #menu{width: 300px; background-repeat: no-repeat}
.inner #text{margin: 0px 30px 0 0px; padding: 1px 30px 10px 20px; color: #fff; background-image: url("images/text-top.gif"); background-position: top left; background-color: #66cef6}
.inner #text-bottom{margin: 0px 30px 30px 0; padding: 0 30px 10px 20px; background-image: url("images/text-bottom.gif"); background-position: bottom right}
/*img{border: 0}*/
.inner #text.contactinfo{background-image: url("images/text-top-contact.gif"); background-color: #c1d82f}
.inner #text-bottom.contactinfo{background-image: url("images/text-bottom-contact.gif")}
/*--- MENU ---------- */
.inner #menu{clear: left; width: 350px; padding: 0; margin: 0}
.inner #sink{display: block; width: 120px; height: 70px; background: url("images/view-sink.gif") no-repeat 0 0}
.inner #sink:hover{ background-position: 0 -70px}
.inner #sink span{display: none}
.inner #faucet{display: block; width: 160px; height: 70px; background: url("images/view-faucet.gif") no-repeat 0 0}
.inner #faucet:hover{ background-position: 0 -70px}
.inner #faucet span{display: none}
.inner #contact{display: block; width: 120px; height: 49px; background: url("images/contact.gif") no-repeat 0 0}
.inner #contact:hover{ background-position: 0 -49px}
.inner #contact span{display: none}
.inner #DLfaucet{display: block; width: 160px; height: 70px; background: url("images/download-faucet.gif") no-repeat 0 0}
.inner #DLfaucet:hover{ background-position: 0 -70px}
.inner #DLfaucet span{display: none}
.inner #DLsink{display: block; width: 160px; height: 70px; background: url("images/download-sink.gif") no-repeat 0 0}
.inner #DLsink:hover{ background-position: 0 -70px}
.inner #DLsink span{display: none}
.inner #menu #sink,  #menu #faucet,  #menu #contact{float: right}
.inner #menu.sinkfaucetpage #sink,  #menu.sinkfaucetpage #DLsink,  #menu.sinkfaucetpage #faucet,  #menu.sinkfaucetpage #DLfaucet,  #menu.sinkfaucetpage #contact{float: left}
.inner #menu.sinkfaucetpage{float: right; width: 500px}
.inner #menu a{margin: 0 0 7px 7px}
.inner #menu.sinkfaucetpage a{margin: 0 7px 7px 0}

/*--- HOME IMAGE ---------- */
.inner #main-image{width: 500px; height: 420px; float: right}

/*--- SINK LINES ---------- */
.inner .sinkLine, .inner .faucetLine{width: 880px; clear: both; margin: 0 0 42px; color: #808285}
.inner .img-left{float: left; margin: 0 33px 7px 0; padding: 0 0 69px}
.inner .img-bottom{margin: 20px 0 0; padding: 0px 0 69px; vertical-align: bottom}
.inner .img-right{float: right; margin: 0 0 7px 21px; padding: 0 0 69px}
.inner .faucetlinks{clear: both; padding: 0; margin: 7px 0 69px; background-color: #fff; color: #c1d82f}
/*---/Fluid Fausets--------- */