body {
    margin: 0px;
    font: 10px verdana, arial, helvetica, sans-serif;
    color: #000000
}

td {
    font: 10px verdana, arial, helvetica, sans-serif;
    color: #000000
}

.body {
    margin: 10px;
    height: 100%;
    background-color: #31659c;
    text-align: center
}

img {
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    border-bottom: medium none
}

.normal {
    font-size: 10px;
    color: #000000
}

.normal2 {
    font-size: 11px;
    color: #333333
}

.bold2 {
    font-weight: bold;
    font-size: 12px;
    color: #333333
}

#top {
    padding-right: 14px
}

a:link {
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    text-decoration: none
}

a:active {
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    text-decoration: underline
}

a:hover {
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    text-decoration: underline
}

a {
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    text-decoration: underline
}

a:visited {
    color: #622194
}

a.menutwo:link {
    font-weight: bold;
    font-size: 10px;
    color: #429edd;
    text-decoration: none
}

a.menutwo:visited {
    font-weight: bold;
    font-size: 10px;
    color: #429edd;
    text-decoration: none
}

a.menutwo:active {
    font-weight: bold;
    font-size: 10px;
    color: #429edd;
    text-decoration: none
}

a.menutwo:hover {
    color: #ffffff
}

a.menuone:link {
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none
}

a.menuone:visited {
    font-weight: bold;
    font-size: 10px;
    color: white;
    text-decoration: none
}

a.menuone:active {
    font-weight: bold;
    font-size: 10px;
    color: white;
    text-decoration: none
}

a.menuone:hover {
    color: #429edd
}

a.product:link {
    font-weight: normal;
    font-size: 10px;
    color: #676969;
    text-decoration: none
}

a.product:visited {
    font-weight: normal;
    font-size: 10px;
    color: #676969;
    text-decoration: none
}

a.product:active {
    font-weight: normal;
    font-size: 10px;
    color: #676969;
    text-decoration: none
}

a.product:hover {
    color: #429edd
}

a.titlelink:link {
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none
}

a.titlelink:visited {
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none
}

a.titlelink:active {
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none
}

a.titlelink:hover {
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    text-decoration: none
}

a.sublink:link {
    font-size: 12px;
    color: #333333;
    text-decoration: underline
}

a.sublink:visited {
    font-size: 12px;
    color: #333333;
    text-decoration: underline
}

a.sublink:active {
    font-size: 12px;
    color: #333333;
    text-decoration: underline
}

a.sublink:hover {
    font-size: 12px;
    color: #333333;
    text-decoration: underline
}

a.smalllink:link {
    font-size: 10px;
    color: #bbbbbb;
    text-decoration: none
}

a.smalllink:visited {
    font-size: 10px;
    color: #bbbbbb;
    text-decoration: none
}

a.smalllink:active {
    font-size: 10px;
    color: #bbbbbb;
    text-decoration: none
}

a.smalllink:hover {
    font-size: 10px;
    color: #bbbbbb;
    text-decoration: none
}

hr {
    border-right: medium none;
    padding-right: 0px;
    border-top: medium none;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: medium none;
    padding-top: 0px;
    border-bottom: #c4c4c4 1px solid;
    height: 1px
}

.menurow {
    padding-bottom: 7px
}

.mainmenurow {
    background-image: url(../images/menu_bg2.jpg);
    vertical-align: bottom
}

.menucell {
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    text-align: center
}

.menucelllast {
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    text-align: center
}

.menucelllast {
    border-right-style: none
}

#sel {
    background: #fff
}

#sel a {
    color: #429edd
}

.h1 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 25px;
    padding-bottom: 6px;
    vertical-align: bottom;
    color: #429edd;
    padding-top: 0px
}

h1 {
    font-weight: bold;
    font-size: 14px;
    color: #000000
}

.h2 {
    padding-right: 15px;
    padding-left: 15px;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 9px;
    vertical-align: bottom;
    color: #429edd;
    padding-top: 0px
}

h2 {
    padding-right: 15px;
    padding-left: 15px;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 9px;
    vertical-align: bottom;
    color: #429edd;
    padding-top: 0px
}

.h3 {
    font-weight: bold;
    font-size: 14px;
    color: #333333
}

h3 {
    font-weight: bold;
    font-size: 14px;
    color: #333333
}

.h4 {
    font-weight: bold;
    font-size: 12px;
    color: #429edd;
    text-decoration: none
}

h4 {
    font-weight: bold;
    font-size: 12px;
    color: #429edd;
    text-decoration: none
}

h5 {
    font-weight: bold;
    font-size: 12px;
    color: #429edd;
    text-decoration: none
}
.h7 {
    font-weight: normal;
    font-size: 10px;
    color: #429edd
}

h7 {
    font-weight: normal;
    font-size: 10px;
    color: #429edd
}

h6 {
    font-weight: normal;
    font-size: 10px;
    color: #429edd
}

h1 {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px
}

h2 {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px
}

h3 {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px
}

h4 {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px
}

h5 {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px
}

h6 {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px
}

h7 {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px
}

h8 {
    font-weight: normal;
    font-size: 20px;
    color: #676969;
    font-family: georgia, "times new roman", times, serif;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 32px;
    padding-top: 0px
}

h9 {
    font-weight: normal;
    font-size: 10px;
    font-family: arial, helvetica, sans-serif;
    color: #676969;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 32px;
    padding-top: 0px
}

h10,h6 {
    font-weight: normal;
    text-align: center;
    font-size: 10px;
    font-family: arial, helvetica, sans-serif;
    color: #676969;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px
}

#borderr {
    border-right: #c4c4c4 1px solid
}

#borderb {
    border-bottom: #c4c4c4 1px solid
}

.contentarea {
    vertical-align: top;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    border-right: #c4c4c4 1px solid;
    border-left: #c4c4c4 1px solid
}

.contentareawhatsnew {
    vertical-align: top;
    background-color: #ffffff;
    padding-left: 6px;
    padding-right: 5px;
    border-right: #c4c4c4 1px solid;
    border-left: #c4c4c4 1px solid
}

.contentareatext {
    vertical-align: top;
    background-color: #ffffff;
    padding-left: 6px;
    padding-right: 5px;
    border-right: #c4c4c4 1px solid;
    border-left: #c4c4c4 1px solid
}

.contentarea1 {
    padding-top: 6px;
    vertical-align: top;
    background-color: #ffffff;
    border-right: #c4c4c4 1px solid;
    border-left: #c4c4c4 1px solid
}

.contentarea2 {
    padding-top: 10px;
    vertical-align: top;
    background-color: #ffffff;
    border-right: #c4c4c4 1px solid;
    border-left: #c4c4c4 1px solid
}

.contentarea3 {
    padding-top: 55px;
    vertical-align: top;
    background-color: #ffffff;
}

.contentarea4 {
    padding-top: 10px;
    vertical-align: top;
    background-color: #ffffff;
}

.contentarea5 {
    padding-top: 55px;
    padding-bottom: 20px;
    padding-left: 0;
    vertical-align: top;
    background-color: #ffffff;
}

.contentarea6 {
    padding-top: 10px;
    vertical-align: top;
    background-color: #ffffff;
    text-align: center;
}

.main {
    padding:0 6px 4px;
}

.main2 {
	padding:0 2px 4px 0;
}

.wnheader p {
    font-size: 9pt;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 2px;
    font-weight: lighter;
    color: #003a8f;
    font-family: times;
}

.wnheader td {
    color: #003a8f;
    font-family: times;
}

.wnheader h1 {
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 62px;
    font-size: 10pt;
    font-weight: normal;
    font-family: times;
    color: #003a8f;
}

.dreamspray {
    width: 244px;
    height: 145px;
    background-image: url(whatsnew_dreamspray.jpg);
    background-repeat: no-repeat;
}

.silkmove {
    width: 244px;
    background-image: url(whatsnew_silkmove.jpg);
    background-repeat: no-repeat;
}

.starlight {
    width: 244px;
    background-image: url(whatsnew_starlight.jpg);
    background-repeat: no-repeat;
}

.textindent {
    padding: 27px;
    font: 12px verdana, arial, helvetica, sans-serif;
    color: #000000
}

.contacttextindent {
    padding: 10px;
    font: 12px verdana, arial, helvetica, sans-serif;
    color: #000000
}

.mainimages {
    border-right: #c4c4c4 1px solid
}

.innerarea {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 10px;
    padding-bottom: 15px;
    vertical-align: top;
    color: #000000;
    padding-top: 15px
}

.innerarea_nopadding {
    font-size: 10px;
    vertical-align: top;
    color: #000000
}

.boxtitle {
    padding-right: 8px;
    padding-left: 8px;
    font-weight: bold;
    font-size: 10px;
    padding-bottom: 8px;
    color: #ffffff;
    padding-top: 8px;
    background-color: #c4c4c4
}

.boxcontentarea {
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #e5e5e5
}

.headrow {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 12px;
    padding-bottom: 5px;
    color: #333333;
    padding-top: 5px;
    background-color: #e5e5e5
}

.contentcell {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 11px;
    padding-bottom: 8px;
    color: #333333;
    padding-top: 8px
}

.footeritems {
    font-size: 9px;
    color: white;
    text-decoration: none
}

#footer {
    margin: 10px 0px 5px 0px
}

#eventcal {
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid
}

#eventcal .event {
    background: #eafaf5
}

#eventcal th {
    padding-right: 4px;
    padding-left: 4px;
    background: #ccc;
    padding-bottom: 4px;
    padding-top: 4px
}

#eventcal td {
    border-right: #ccc 1px solid;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    vertical-align: top;
    padding-top: 3px;
    border-bottom: #ccc 1px solid
}

#eventcal td a {
    display: block;
    margin-bottom: 5px
}

#eventcal h4 {
    font-weight: normal;
    font-size: 18px;
    color: #fff
}

#eventcal td.lcol {
    width: 30px
}

#eventfilter {
    padding-left: 15px
}

#eventfilter table {
    margin: 5px 0px
}

#eventfilter h6 {
    font-weight: bold;
    font-size: 13px;
    color: #666
}

#bcrumb a {
    text-decoration: underline
}

#bcrumb {
    font-size: 10px;
    margin-bottom: 2px;
    color: #429edd
}

#article {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: #333 1px dashed
}

#article #img {
    clear: both;
    margin: 5px 0px;
    overflow: hidden;
    width: 350px
}

#article #txt {
    font-size: 10px;
    margin: 5px 0px
}

#article h4 {
    color: #333
}

#letters {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 12px;
    padding-bottom: 3px;
    padding-top: 3px
}

#letters a {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 12px;
    padding-bottom: 3px;
    padding-top: 3px
}

.s3 {
    font-size: 10px;
    width: 160px;
    color: #000000
}

.s4 {
    font-size: 10px;
    width: 110px;
    color: #000000
}

.s6 {
    font-size: 10px;
    width: 79px;
    color: #000000
}

.btn_date {
    font-size: 10px;
    width: 25px;
    color: #000000;
    background-color: #d4d4d4
}

.formcell {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 10px;
    padding-bottom: 2px;
    vertical-align: top;
    color: #000000;
    padding-top: 2px
}

.titlelink {
    font-weight: bold;
    font-size: 12px;
    vertical-align: top;
    color: #429edd
}

.inputbox {
    font-size: 10px
}
/* navigation css begins */
#topnavwrapper {
    width: 642px;
    padding-top: 29px;
    float: left;
}

#navigation {
    width: 763px;
    height: 26px;
}

#navigation ul {
    width: 763px;
    height: 26px;
    margin: 0;
    padding: 0;
    position: relative;
}

#navigationbuttons li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}

#navigationbuttons li, #navigationbuttons a {
    display: block;
}

#navigationbuttons li a {
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

#navigationbuttons li a span {
    display: block;
    padding: 5px 0 0 0;
}

#navigationbuttons li a:hover {
    color: #429edd;
}
/* drop down menus */
#navigationbuttons li ul {
    display: none;
    width: inherit;
    position: absolute;
    z-index: 500;
    top: 26px;
    /*padding: 1em;
     margin: -1em 0 0 -1em;*/
    height: 1%;
}

#navigationbuttons li:hover ul {
    display: block;
}

#navigationbuttons li ul li {
    position: relative;
    background: none #375ba5;
    margin: 0 0 0 1px;
    display: block;
    min-height: 1px; /* sophie dennis contribution for ie7 */
    vertical-align: bottom; /* sophie dennis contribution for ie7 */
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 0 none;
    border-left: 1px solid #fff;
}

#navigationbuttons li ul li a {
    height: auto;
    margin: 0 0px;
    padding: 3px 0;
    color: #fff;
    display: block;
    text-decoration: none;
    border-top: 1px solid #5a696d;
    border-bottom: 1px solid #5a696d;
}

#navigationbuttons li ul li a:hover {
    height: auto !important;
    background: none #375ba5 !important;
}

#navigationbuttons li ul li a span {
    display: block;
    vertical-align: middle;
    position: relative;
    margin: auto 0;
    height: 1%;
}

#home {
    left: 0;
    top: 0;
    width: 92px;
    height: 26px;
}

#whats-new {
    left: 92px;
    top: 0px;
    width: 103px;
    height: 26px
}

#grohe-products {
    left: 195px;
    top: 0px;
    width: 138px;
    height: 26px;
}

#boch-products {
    left: 334px;
    top: 0px;
    width: 178px;
    height: 26px;
}

#keuco-products {
    left: 511px;
    top: 0px;
    width: 136px;
    height: 26px;
}

#contact {
    left: 648px;
    top: 0px;
    width: 117px;
    height: 26px;
}

#navigationbuttons a {
    height: 26px;
}

#home a:hover {
    height: 26px;
}

#whats-new a:hover {
    height: 26px;
}

#grohe-products a:hover {
    height: 26px;
}

#boch-products a:hover {
    height: 26px;
}

#keuco-products a:hover {
    height: 26px;
}

#contact a:hover {
    height: 26px;
}

#home a.active {
    height: 26px;
}

#whats-new a.active {
    height: 26px;
}

#grohe-products a.active {
    height: 26px;
}

#boch-products a.active {
    height: 26px;
}

#keuco-products a.active {
    height: 26px;
}

#contact a.active {
    height: 26px;
}

td.footeritems {
    padding: 10px 0 3px !important;
    background-repeat: no-repeat !important;
    background-position: bottom;
}


.contentarea2.bottom td {border-top:1px solid #ccc;}

ul.pdf-list {
  margin:20px 5px;
  padding:0;
  list-style-type:none;
  overflow:hidden;
}
ul.pdf-list li {
  margin:10px 0;
  float:left;
  width:45%;
  height:130px;
}
ul.pdf-list li a {
  padding:5px;
  font-size:12px;
  color: #676969;
  text-transform:capitalize;
  text-decoration:none;
}
ul.pdf-list li a:hover {color:#429edd;}




td.copy ul {
  margin:5px 0;
  padding:0 0 0 16px;
}
td.copy ol {
  margin:5px 0;
  padding:0 0 0 24px;
}

td.copy ol ul {
  list-style-type: disc;
}

.gaurantees img.content {
  margin:20px 0 0;
  float: right;
}

.gaurantees h2 {
  margin-top:20px;
  font-size:1.8em;
}

/* COMPETITION FORM ************** */

#competition-form {
  margin:0 10px 30px;
}
#competition-form p {
	width: 80%;
}
#competition-form label {
  margin:2px 0;
  width: 150px;
  float: left;
  clear: left;
}
p.error {
	font-weight: bold;
}
.error {
	color: red;
}
#competition-form input {
  margin:2px 0;
  width:300px;
  float: left;
  border: 1px solid #666;
}
#competition-form input:focus {border-color:#aaa;}

#competition-form button {
  display: block;
  clear: left;
}

#competition-form div {
  padding:10px 0;
  width: 100%;
  float: left;
  clear: left;
}
#competition-form label.checkbox,
#competition-form input.checkbox {
  width: auto;
  float: none;
}
#conditions {clear: left;}
#conditions ol {
  padding: 0 0 0 24px;
  width: 80%;
}
#entered {
  margin: 0 0 30px;
  padding: 20px;
  border: 5px solid #21498F;
}