/*----------------------------*/
/*                            */
/*      Telma CSS File        */
/*                            */
/*----------------------------*/

BODY {
  margin:0;
  border:0;
  padding:0;
  font-family:Arial;
  font-size:9pt;
}
IMG {
  border:0;
}
A:link, A:active {
  color:#333;
  text-decoration:underline;
}
A:visited {
  color:#999;
}
A:hover {
  color:#c00;
}

H1 {
  color:#c00;
  font-size:18px;
  font-weight:normal;
  margin-top:20px;
  margin-bottom:15px;
}
P {
  margin-top:5px;
  margin-bottom:10px;
}

/* Site Top
----------------------------------------*/

#siteTop {
  width:100%;
  height:131px;
  background:url('../images/topbg.gif') top left repeat-x;
}
#siteTop #logo {
  vertical-align:top;
  padding-top:13px;
  width:293px;
}
#siteTop #logo IMG {
  margin-left:65px;
}
#siteTop #brands {
  border-bottom:4px solid #999;
}
#siteTop #brandsMenu {
  width:100%;
}
#siteTop #brandsMenu TD {
  width:25%;
  text-align:center;
  line-height:180%;
  background:url('../images/brbg.gif') top left repeat-x;
  height:125px;
  vertical-align:top;
}
#siteTop #brandsMenu TD SPAN {
  margin-left:5px;
  margin-right:5px;
}

/* Main Area 
----------------------------------------*/

#mainArea {
  width:100%;
}

/* Left Menu styles */
#mainArea #mainMenu {
  padding:20px 0px 100px 0px;
  vertical-align:top;
  width:195px;
  background:url('../images/foster_bg.gif') bottom left no-repeat;
}
#mainArea #mainMenu #diviner {
  background:url('../images/foster_div.gif') top right no-repeat;
  width:170px;
  height:32px;
  margin-top:0px;
  margin-bottom:10px;
}
#mainArea #mainMenu .menu {
  padding-left:35px;
  padding-right:20px;
}
#mainArea #mainMenu .menu DIV {
  margin-top:10px;
  margin-bottom:10px;
}
#mainArea #mainMenu .level_1 {
  padding-left:10px;
}
#mainArea #mainMenu .level_2 {
  padding-left:15px;
  font-size:11px;
}
#mainArea #mainMenu #selected {
  margin-top:5px;
  margin-bottom:5px;
}
#mainArea #mainMenu #selected #ltcorn {
  width:10px;
  background:url('../images/ltcorn.gif') top left no-repeat;
  height:8px;
}
#mainArea #mainMenu #selected #lbcorn {
  width:10px;
  background:url('../images/lbcorn.gif') top left no-repeat;
  height:8px;
}
#mainArea #mainMenu #selected #rtcorn {
  width:10px;
  background:url('../images/rtcorn.gif') top left no-repeat;
  height:8px;
}
#mainArea #mainMenu #selected #rbcorn {
  width:10px;
  background:url('../images/rbcorn.gif') top left no-repeat;
  height:8px;
}
#mainArea #mainMenu #selected #leftborder {
  width:10px;
  background:url('../images/lsborder.gif') top left no-repeat;
  height:31px;
}
#mainArea #mainMenu #selected #rightborder {
  width:10px;
  background:url('../images/rsborder.gif') top right no-repeat;
  height:31px;
}
#mainArea #mainMenu #selected TD {
  background-Color:#E0E0E0;
}
#mainArea #mainMenu #selected #text {
  padding-left:5px;
  padding-right:10px;
  background-Color:#E0E0E0;
  vertical-align:middle;
  width:100px;
  font-weight:bold;
  color:#666;
}
#mainArea #mainMenu .slevel_0 {
  margin-left:-15px;
}
#mainArea #mainMenu .slevel_1 {
  margin-left:0px;
}
#mainArea #mainMenu .slevel_2 {
  margin-left:10px;
  font-size:11px;
}

/* Middle Area styles */
#mainArea #middleArea {
  vertical-align:top;
  padding:0px 0px 20px 0px;
}
#mainArea #middleArea .mainText {
  padding-right:30px;
}
#mainArea #middleArea .mainText .tImage {
  background-Color:#ccc;
  padding:3px;
  float:left;
  margin-right:20px;
  margin-bottom:10px;
}
#mainArea #middleArea #intro {
  background-Color:#4a4a4a;
  width:100%;
  height:207px;
  margin-top:20px;
  margin-bottom:20px;
}
#mainArea #middleArea #intro TABLE {
  height:207px;
  width:100%;
}
#mainArea #middleArea #intro TABLE #logo {
  padding:15px 0px 0px 30px;
  vertical-align:top;
}
#mainArea #middleArea #intro TABLE #logo #links {
  margin-left:15px;
  margin-top:15px;
  line-height:200%;
}
#mainArea #middleArea #intro TABLE #logo #links A:link,
#mainArea #middleArea #intro TABLE #logo #links A:active,
#mainArea #middleArea #intro TABLE #logo #links A:visited {
  font-size:10pt;
  color:#ccc;
  text-decoration:none;
  font-weight:bold;
}
#mainArea #middleArea #intro TABLE #logo #links A:hover {
  text-decoration:underline;
}
#mainArea #middleArea #intro TABLE #logo #links IMG {
  margin-right:10px;
  margin-bottom:10px;
}
#mainArea #middleArea #intro TABLE #identity {
  text-align:right;
  vertical-align:bottom;
}

/* Sink selector styles */
#mainArea #sinkSelector {
  width:293px;
  vertical-align:top;
  background:url('../images/ssbg.gif') top left repeat-y;
}
#mainArea #sinkSelector #aquaStation {
  background:url('../images/aqua.jpg') top left no-repeat;
  width:293px;
  height:247px;
}
#mainArea #sinkSelector #selector {
  margin:0;
  background:url('../images/ssbgdown.gif') top left repeat-x;
  padding:25px 30px 25px 50px;
  line-height:150%;
  font-weight:bold;
  color:#F1D8D8;
}
#mainArea #sinkSelector #selector #header {
  margin-left:-18px;
  margin-bottom:8px;
}
#mainArea #sinkSelector A:link,
#mainArea #sinkSelector A:active,
#mainArea #sinkSelector A:visited {
  font-weight:normal;
  text-decoration:none;
  color:#F1D8D8;
}
#mainArea #sinkSelector A:hover {
  font-weight:normal;
  text-decoration:underline;
}
#mainArea #sinkSelector #search {
  width:225px;
  margin-left:-18px;
  text-align:right;
}
#mainArea #sinkSelector #search A:link,
#mainArea #sinkSelector #search A:active,
#mainArea #sinkSelector #search A:visited,
#mainArea #sinkSelector #search A:hover {
  font-weight:bold;
}
#mainArea #sinkSelector #search FORM {
  margin-top:30px;
}
#mainArea #sinkSelector #search INPUT {
  width:215px;
  margin-bottom:5px;
}

/* Bottom Area 
----------------------------------------*/

#siteBottom {
  width:100%;
  background:url('../images/botbg.gif') top left repeat-x;
  height:103px;
}
#siteBottom TD {
}
#siteBottom #icons {
  vertical-align:top;
  padding-top:50px;
  padding-left:70px;
  width:130px;
}
#siteBottom #icons IMG {
  margin-right:15px;
}
#siteBottom #copy {
  font-size:11px;
  color:#c00;
  font-weight:bold;
  vertical-align:top;
  padding-top:45px;
  width:150px;
}
#siteBottom #IClogo {
  text-align:right;
  background:url('../images/cat.gif') top right no-repeat;
  padding-right:100px;
  padding-top:45px;
  vertical-align:top;
  font-size:11px;
}
#siteBottom #IClogo A:link,
#siteBottom #IClogo A:active,
#siteBottom #IClogo A:visited {
  color:#DA7474;
  text-decoration:none;
}
#siteBottom #IClogo A:hover {
  color:#c00;
  text-decoration:underline;
}
#siteBottom #IClogo IMG {
  float:right;
  margin-left:15px;
}
#cartstatus {
  position:absolute;
  z-index:11;
  top:155px;
  right:320px;
  font-size:11px;
}
#cartstatus IMG {
  margin-right:10px;
}
#cartstatus A:link,
#cartstatus A:active,
#cartstatus A:visited {
  color:#06c;
  text-decoration:underline;
}
#cartstatus A:hover {
  color:#c00;
}

