.hidden
{
  display: none;
}

.noBorder
{
  border-style: hidden;
}

#bNext
{
  background-image: url("Images/bNext.png");
}

#bPrev
{
  background-image: url("Images/bPrevious.png");
}

.pointer
{
  cursor: pointer;
}

.popupClose
{
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.modalBackground
{
  background-color: #1d59a0;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.modalPopup
{
  position: fixed;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  overflow: auto;
}

.transparentPanel
{
  position: fixed;
  background-image: url("Images/transparentPanel.png");
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  overflow: auto;
}

.transparentButton
{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.popupPanel
{
  display: none;
  position: relative;
  margin-top: 10px;
  padding: 5px;
}
.invisiblePanel
{
  position: relative;
  margin-top: 10px;
  padding: 5px;
}

.ImageBack
{
  position: absolute;
  background-color: Gray;
  padding: 5px;
}

.invisiblePanel p
{
  color: White;
  background-color: Gray;
  border: solid 1px Black;
  padding: 5px;
  max-width: 500px;
}
.prevButton
{
  background-image: url("Images/prevButton.png");
  width: 24px;
  height: 24px;
}

.nextButton
{
  background-image: url("Images/nextButton.png");
  width: 24px;
  height: 24px;
}
.closeButton
{
  background-image: url("Images/closeButton.png");
  width: 24px;
  height: 24px;
  float: right;
}


#slideShow
{
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

/* 0 BASIC TAGS */

table
{
  font-size: 1em;
}

h1, h2, h3, h4, h5
{
  margin: 0;
  font-family: Calibri, Arial, sans-serif;
}

h1
{
  position: absolute;
  left: 37px;
  top: 12px;
  text-transform: uppercase;
  font-size: 18px;
}

h2
{
  margin-top: 0px;
  margin-bottom: 1.12em;
  font-size: 1.5em;
}

h3
{
  margin-top: 1.0em;
  margin-bottom: 1.12em;
  font-size: 1.5em;
}

h4
{
  margin-top: 1.0em;
  margin-bottom: 1.12em;
  font-size: 1.2em;
  font-family: sans-serif;
}

h5
{
  margin-top: 10px;
  font-size: 1.1em;
  font-family: sans-serif;
  margin-bottom: 2px;
}

p
{
  line-height: 1.4em;
  color: #333344;
}

ol
{
  line-height: 1.4em;
  color: #333344;
  font-size: 12px;
}

hr
{
  border: 0;
  border-top: 1px solid #505050;
  height: 1px;
}
a
{
  color: #1B599F;
}
a:hover
{
  color: #3D7BBF;
}

form
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

body
{
  background-color: #E6E7EC;
  background-image: url(Images/background.png);
  background-repeat: repeat-x;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  font: small sans-serif;
  font-size: 12px;
  color: Black;
}

img
{
  border: none 0 transparent;
}


#wrapper-top
{
  height: 3px;
  background-image: url(Images/wrapper-top.png);
  background-repeat: no-repeat;
  background-position: center top;
  margin-top: 2px;
}

#wrapper-mid
{
  background-image: url(Images/wrapper-mid.png);
  background-repeat: repeat-y;
  background-position: center;
}

#wrapper-end
{
  height: 10px;
}

#wrapper-bot
{
  background-image: url(Images/wrapper-bot.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 12px;
}

#bodyWrapper
{
  height: auto;
  min-height: 900px;
  margin-left: auto;
  margin-right: auto;
  width: 996px;
  text-align: left;
  background-color: #FFFFFF;
  background-image: url(Images/sidebar.png);
  background-repeat: repeat-y;
  overflow: auto;
  padding-bottom: 1em;
}

/* 0.1 Specialised, generic tags */

.caption
{
  margin-top: 7px;
  margin-bottom: 14px;
  line-height: 1.4em;
  color: #443344;
  font-size: 11px;
}

.lightCaption
{
  margin-top: 7px;
  margin-bottom: 14px;
  line-height: 1.4em;
  color: #AAAAAA;
  font-size: 11px;
}

.post
{
  border: solid 1px #BBBBBB;
  padding: 5px;
  margin: 5px;
  margin-bottom: 15px;
}

.post p
{
  padding-right: 20px;
  text-align: justify;
}

.post h4
{
  border: solid 1px gray;
  background-color: #7E919B;
  padding: 2px;
  margin: 0px;
  color: White;
}

.post h5
{
  color: #7E919B;
  background-color: White;
  font-size: 14px;
  padding: 2px;
  margin-left: 36px;
  margin-right: 0px;
}

.post h6
{
  color: #7E919B;
  background-color: White;
  font-size: 13px;
  padding: 2px;
  margin: 0px;
}

.pull-quote
{
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  background-color: White;
}

.pull-quote lightCaption
{
  white-space: nowrap;
  background-color: White;
}

.pull-quote q
{
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 3px;
  background-color: White;
}


#cntIntro
{
  border: solid 1px #8080AD;
  padding: 5px;
  margin: 5px;
  margin-bottom: 15px;
  text-align: left;
}

#cntIntro h4
{
  background-color: #1D59A0;
  color: White;
  padding: 5px;
  margin: 0px;
  margin-bottom: 15px;
  text-align: left;
  border: 1px solid gray;
}

#cntIntro p
{
  border: none;
  padding: 5px;
  margin: 5px;
  margin-bottom: 5px;
  text-align: left;
  color: #213689;
}

#Overview
{
  margin-bottom: 14px;
}

.why-smart
{
  margin-bottom: 14px;
}

.feature-list
{
  font-family: Arial, Sans-Serif;
  margin-bottom: 14px;
}

.inline-image
{
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
  text-align: center;
  background-color: White;
}

.inline-image img
{
  margin-left: 0%;
  margin-right: 0%;
}

.inline-image .caption
{
  position: relative;
  bottom: 0px;
  width: 80%;
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
  white-space: normal;
}

.inline-image .lightCaption
{
  position: relative;
  bottom: 0px;
  width: 80%;
  padding-left: 5%;
  padding-right: 5%;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  text-align: center;
  white-space: normal;
  background-color: White;
}

.flagTable table
{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.7em;
  text-align: center;
  border: None;
}

.flagTable * td
{
  text-align: center;
}

.flagTable * img
{
  margin-left: auto;
  margin-right: auto;
}

.flagTable * .lightCaption
{
  margin-top: 0.2em;
}

hr
{
  height: 1px;
  color: #CCCCCC;
}

.rightClear
{
  clear: right;  
}

div.lead
{
  width: 100%;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding-right: 0.5em;
  padding-left: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-repeat: no-repeat;
}

.lead p
{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  font-family: Calibri, Sans-Serif;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.1em;
  color: #1056AA;
  text-align: justify;
}

/* 1 HEADER */

#leftIconLink
{
  position: absolute;
  z-index: 99;
  float: left;
  width: 72px;
  height: 150px;
  margin-top: 15px;
  margin-left: 27px;
  text-align: right;
  cursor: pointer;
}

.iconLink
{
  position: absolute;
  z-index: 99;
  float: left;
  width: 24px;
  height: 17px;
  margin-top: 95px;
  text-align: right;
  cursor: pointer;
}

#englishIconLink
{
  background-image: url(Images/ukFlag.png);
  margin-left: 690px;
}

#nederlandIconLink
{
  background-image: url(Images/nederlandFlag.png);
  margin-left: 720px;
}

#spanishIconLink
{
  background-image: url(Images/spanishFlag.png);
  margin-left: 750px;
}

#italianIconLink
{
  background-image: url(Images/italianFlag.png);
  margin-left: 780px;
}

#germanIconLink
{
  background-image: url(Images/germanFlag.png);
  margin-left: 810px;
}

#frenchIconLink
{
  background-image: url(Images/frenchFlag.png);
  margin-left: 840px;
}

#topHeader
{
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #FFFFFF;
}

.headerLeft
{
  background-image: url(Images/hdr_left.png);
  background-repeat: no-repeat;
  position: relative;
  width: 996px;
  height: 117px;
  margin: 0 auto 0px auto;
}

.headerLeft .homePage
{
  background-image: url(Images/builder/hdr_right.png);
  background-repeat: no-repeat;
  position: relative;
  width: 128px;
  height: 117px;
  margin: 0 auto 0px auto;
  margin-left: 868px;
}

.headerLeft .showerPage
{
  background-image: url(Images/shower/hdr_right.png);
  background-repeat: no-repeat;
  position: relative;
  width: 128px;
  height: 117px;
  margin: 0 auto 0px auto;
  margin-left: 868px;
}

.headerLeft .shopfrontPage
{
  background-image: url(Images/shopfront/hdr_right.png);
  background-repeat: no-repeat;
  position: relative;
  width: 128px;
  height: 117px;
  margin: 0 auto 0px auto;
  margin-left: 868px;
}

.headerLeft .toolboxPage
{
  background-image: url(Images/toolbox/hdr_right.png);
  background-repeat: no-repeat;
  position: relative;
  width: 128px;
  height: 117px;
  margin: 0 auto 0px auto;
  margin-left: 868px;
}

.headerLeft .railingPage
{
  background-image: url(Images/railing/hdr_right.png);
  background-repeat: no-repeat;
  position: relative;
  width: 128px;
  height: 117px;
  margin: 0 auto 0px auto;
  margin-left: 868px;
}

.headerLeft .balustradePage
{
  background-image: url(Images/balustrade/hdr_right.png);
  background-repeat: no-repeat;
  position: relative;
  width: 128px;
  height: 117px;
  margin: 0 auto 0px auto;
  margin-left: 868px;
}

.headerLeft .splashbackPage
{
  background-image: url(Images/splashback/hdr_right.png);
  background-repeat: no-repeat;
  position: relative;
  width: 128px;
  height: 117px;
  margin: 0 auto 0px auto;
  margin-left: 868px;
}

.topNav
{
  color: #FFFFFF;
  font-family: sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px; /*font-size: 10px;*/ /*cursor:pointer;*/
  line-height: 165%;
  position: relative;
  margin: 0 auto 0px auto;
}

.topNav a:link
{
  color: #FFFFFF;
  text-decoration: none;
}
.topNav a:visited
{
  color: #FFFFFF;
  text-decoration: none;
}
.topNav a:hover
{
  color: #CCCCCC;
  text-decoration: none;
}
.topNav a:active
{
  color: #FFFFFF;
  text-decoration: none;
}

.topNav .homePage
{
  background-image: url(Images/builder/topNav_bgrnd.png);
  background-repeat: no-repeat;
  width: 996px;
  height: 68px;
}

.topNav .showerPage
{
  background-image: url(Images/shower/topNav_bgrnd.png);
  background-repeat: no-repeat;
  width: 996px;
  height: 68px;
}

.topNav .shopfrontPage
{
  background-image: url(Images/shopfront/topNav_bgrnd.png);
  background-repeat: no-repeat;
  width: 996px;
  height: 68px;
}

.topNav .toolboxPage
{
  background-image: url(Images/toolbox/topNav_bgrnd.png);
  background-repeat: no-repeat;
  width: 996px;
  height: 68px;
}

.topNav .railingPage
{
  background-image: url(Images/railing/topNav_bgrnd.png);
  background-repeat: no-repeat;
  width: 996px;
  height: 68px;
}

.topNav .balustradePage
{
  background-image: url(Images/balustrade/topNav_bgrnd.png);
  background-repeat: no-repeat;
  width: 996px;
  height: 68px;
}

.topNav .splashbackPage
{
  background-image: url(Images/splashback/topNav_bgrnd.png);
  background-repeat: no-repeat;
  width: 996px;
  height: 68px;
}

.topNavHover
{
  color: #FFFFFF;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
  font-size: 13px;
  line-height: 165%;
}

.topNavSel
{
  color: #FFFFFF;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
  font-size: 13px;
  line-height: 165%;
}

.subNav
{
  background: url(../images/subNavBgrnd.gif) top left repeat-y;
  color: #7A7A7A;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0px;
  font-size: 13px;
  width: 192px;
  height: 149px;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0px;
  padding-top: 10px;
  text-align: right;
  line-height: 100%;
}

.subSubNav
{
  color: #7A7A7A;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0px;
  font-size: 12px;
  height: 22px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 11px;
  margin-right: 0px;
  padding-top: 4px;
  line-height: 100%;
}

.subSubNavHover
{
  color: #7A7A7A;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0px;
  font-size: 12px;
  height: 22px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 11px;
  margin-right: 0px;
  padding-top: 4px;
  text-align: right;
  line-height: 100%;
}

.nav
{
  position: absolute;
  left: 240px;
  top: 195px;
  text-transform: lowercase;
  font-size: x-small;
}

.menua
{
  position: relative;
  padding-left: 150px;
  padding-top: 25px;
  text-transform: lowercase;
  font-size: 14px;
  font-weight: bold;
}

.menua a
{
  color: White;
}

.menua li 
{
  padding-right: 20px;  
}

/* 2 PAGE */

.page
{
  position: relative;
  width: 590px;
  text-align: left;
  margin-left: 250px;
  margin-bottom: 30px;
  margin-top: 30px;
}

#master
{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 1008px;
  padding: 0px 0px;
}

#homePageOwl
{
  background-image: url(Images/homePageOwl.png);
}

#balustradePageOwl
{
  background-image: url(Images/balustradePageOwl.png);
}

#toolboxPageOwl
{
  background-image: url(Images/toolboxPageOwl.png);
}

#showerPageOwl
{
  background-image: url(Images/showerPageOwl.png);
}

#shopfrontPageOwl
{
  background-image: url(Images/shopfrontPageOwl.png);
}

#railingPageOwl
{
  background-image: url(Images/railingPageOwl.png);
}

#splashbackPageOwl
{
  background-image: url(Images/splashbackPageOwl.png);
}

.benefitsHover
{
  background-color: #F4F4F4;
}

.click
{
  color: #000000;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
  font-size: 10px;
  line-height: 100%;
}

/* 2.2 SIDE BARS */

#sidebarLeft
{
  position: absolute;
  left: 6px;
  width: 219px;
  color: White;
  font-size: small;
  color: #6D91A3;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 100%;
  margin-top: 10px;
}

#sidebarLeftHover
{
  color: #1D599F;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 100%;
}


.sideBarLeftBox
{
  background-position: top; /*background-image: url(Images/blueBox.png);*/
  background-repeat: no-repeat;
  background-color: White;
  width: 219;
  height: 64;
  padding-top: 7px;
  padding-left: 10px;
  margin: 10px;
  margin-top: 4px;
  margin-bottom: 10px;
  border: solid 1px #B2D5E9;
  border-style: ridge;
}

.sideBarLeftBox p
{
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: normal;
}

#featuresBox .topx
{
  background-image: url(Images/features.png);
  background-repeat: no-repeat;
  height: 5px;
  width: 200px;
}

#featuresBox .midx
{
  background-image: url(Images/features.png);
  background-repeat: repeat-y;
  height: auto;
  width: 200px;
}

#featuresBox .botx
{
  background-image: url(Images/features.png);
  background-repeat: no-repeat;
  height: 5px;
  width: 200px;
}

#featuresBox
{
  background-image: url(Images/features.png);
  background-repeat: no-repeat;
  list-style-type: disc;
  cursor: pointer;
}

#featuresBox ul
{
  position: relative;
  margin-top: 10px;
  margin-left: 10px;
  padding: 0px;
}

#featuresBox li
{
  margin-left: 0px;
  padding-top: 1px;
  color: #444444;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
}

#facebookBox
{
  height: 106px;
  margin-top: 25px;
  padding: 0px;
  padding-left: 3px;
}

#FacebookBanner
{
  width: 191px;
  height: 54px;
  background-image: url(Images/Facebook-Header.png);
  background-repeat: no-repeat;
  cursor: pointer;
  margin-bottom: 6px;
}

#sidebarRight
{
  position: absolute;
  width: 102px;
  left: 875px;
}

#sidebarRightText
{
  padding-bottom: 20px;
}

#sidebarRightText .homePage
{
  background-image: url(Images/builder/tag.png);
  background-repeat: no-repeat;
  width: 102px;
  height: 35px;
}

#sidebarRightText .showerPage
{
  background-image: url(Images/shower/tag.png);
  background-repeat: no-repeat;
  width: 102px;
  height: 35px;
}

#sidebarRightText .shopfrontPage
{
  background-image: url(Images/shopfront/tag.png);
  background-repeat: no-repeat;
  width: 102px;
  height: 35px;
}

#sidebarRightText .toolboxPage
{
  background-image: url(Images/toolbox/tag.png);
  background-repeat: no-repeat;
  width: 102px;
  height: 35px;
}

#sidebarRightText .railingPage
{
  background-image: url(Images/railing/tag.png);
  background-repeat: no-repeat;
  width: 102px;
  height: 35px;
}

#sidebarRightText .balustradePage
{
  background-image: url(Images/balustrade/tag.png);
  background-repeat: no-repeat;
  width: 102px;
  height: 35px;
}

#sidebarRightText .splashbackPage
{
  background-image: url(Images/splashback/tag.png);
  background-repeat: no-repeat;
  width: 102px;
  height: 35px;
}

.sideLink
{
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: pointer;
  margin-left: 11px;
}

#smartShowerLink
{
  background-image: url(Images/smartshower.png);
  background-repeat: no-repeat;
  width: 194px;
  height: 46px;
}

#smartShowerLinkSelected, #smartShowerLink:hover
{
  background-image: url(Images/smartshower_big.png);
  background-repeat: no-repeat;
  width: 220px;
  height: 46px;
}

#smartShopfrontLink
{
  background-image: url(Images/smartshopfront.png);
  background-repeat: no-repeat;
  width: 194px;
  height: 46px;
}

#smartShopfrontLinkSelected, #smartShopfrontLink:hover
{
  background-image: url(Images/smartshopfront_big.png);
  background-repeat: no-repeat;
  width: 220px;
  height: 46px;
}

#smartToolboxLink
{
  background-image: url(Images/smarttoolbox.png);
  background-repeat: no-repeat;
  width: 194px;
  height: 46px;
}

#smartToolboxLinkSelected, #smartToolboxLink:hover
{
  background-image: url(Images/smarttoolbox_big.png);
  background-repeat: no-repeat;
  width: 220px;
  height: 46px;
}

#smartRailingLink
{
  background-image: url(Images/smartrailing.png);
  background-repeat: no-repeat;
  width: 194px;
  height: 46px;
}

#smartRailingLinkSelected, #smartRailingLink:hover
{
  background-image: url(Images/smartrailing_big.png);
  background-repeat: no-repeat;
  width: 220px;
  height: 46px;
}

#smartBalustradeLink
{
  background-image: url(Images/smartbalustrade.png);
  background-repeat: no-repeat;
  width: 194px;
  height: 46px;
}

#smartBalustradeLinkSelected, #smartBalustradeLink:hover
{
  background-image: url(Images/smartbalustrade_big.png);
  background-repeat: no-repeat;
  width: 220px;
  height: 46px;
}

#smartSplashbackLink
{
  background-image: url(Images/smartsplashback.png);
  background-repeat: no-repeat;
  width: 194px;
  height: 46px;
}

#smartSplashbackLinkSelected, #smartSplashbackLink:hover
{
  background-image: url(Images/smartsplashback_big.png);
  background-repeat: no-repeat;
  width: 220px;
  height: 46px;
}

/* 2.3 Testimonials */

#testimonials .pull-quote
{
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid gray;  
}

#testimonials .pull-quote .quote
{
  color: Navy;
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
  padding-right: 3px;
  background-color: White;
  text-align: justify;
  /*text-indent: 3em;*/
}

#testimonials .pull-quote .lightCaption
{
  color: #444;
  padding-bottom: 1em;
  margin-bottom: 2px;
  border-bottom: 1px solid gray;
}

#testimonials .pull-quote img
{
  width: 64px;
  height: 64px;
  margin-right: 2em;
  margin-top: 0.25em;
  margin-bottom: 2em;
  border: 1px solid gray;
}

#testimonials table.customers
{
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

#testimonials table.customers td
{
  text-align: left;
  border-bottom: 1px solid gray;
  padding-left: 1em;
  padding-right: 1em;
}

#testimonials table.customers td a
{
  color: #444;
  text-decoration: inherit;
}

#testimonials table.customers td.gap
{
  border-bottom: none;
  width: 2em;
}

#testimonials table.customers td.logo
{
  padding-right: 5em;
  padding-top: 2em;
  padding-bottom: 0em;
  width: 60%;
  text-align: left;
}

#testimonials #AwardsTab div.lead
{
  margin-bottom: 0em;  
}

#testimonials .pull-quote
{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 85%;
  margin: auto;
}

#awards table
{
  border-collapse: collapse;
  width: 85%;
  margin: auto;
}

#awards td
{
  padding-top: 1.5em;
  border-bottom: 1px solid gray;
}

#awards .badge
{
  padding-right: 2.5em;
  margin-right: 0em;
  padding-bottom: 1.5em;
  margin-bottom: 0em;
}

#awards p
{
  color: Navy;
  font-size: 1em;
  font-weight: normal;
  padding-right: 3px;
  background-color: White;
  text-align: justify;
  margin-right: 3em;
  padding-bottom: 2.5em;
}

/* 2.4 Contact */

.reseller-details
{
  width: 80%;
  border: 1px solid LightGray;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  display: none;
}

.reseller-contact
{
  width: 50%;
  padding-left: 20%;
}

.reseller-contact p
{
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  line-height: 16px;
}

#contact h5.country-name
{
  margin-left: 0px;
  padding-left: 0px;
}

#contact #offices p
{
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

/* 2.5 Shower */

#shower h2, #shower h3, #shower h5
{
  color: #009CDA;
  margin-left: 0px;
  margin-right: 5px;
}

#shower h5
{
  border-bottom: solid 1px #009CDA;
}

#shower .pull-quote
{
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  background-color: White;
}

#shower .pull-quote q
{
  color: #0074BA;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 3px;
  background-color: White;
}

#shower .pull-quote lightCaption
{
  white-space: nowrap;
  background-color: White;
}

/* 2.6 Toolbox */

#toolbox h2, #toolbox h3, #toolbox h5
{
  color: #7EAF38;
  margin-left: 0px;
  margin-right: 5px;
}

#toolbox h5
{
  border-bottom: solid 1px #7EAF38;
}

#toolbox .pull-quote
{
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  background-color: White;
}

#toolbox .pull-quote q
{
  color: #429618;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 3px;
  background-color: White;
}

#toolbox .pull-quote lightCaption
{
  white-space: nowrap;
  background-color: White;
}

/* 2.7 Balustrade */

#balustrade h2, #balustrade h3, #balustrade h5
{
  color: #6A2C90;
  margin-left: 0px;
  margin-right: 5px;
}

#balustrade h5
{
  border-bottom: solid 1px #6A2C90;
}

#balustrade .pull-quote
{
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  background-color: White;
}

#balustrade .pull-quote q
{
  color: #5C0F78;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 3px;
  background-color: White;
}

#balustrade .pull-quote lightCaption
{
  white-space: nowrap;
  background-color: White;
}

/* 2.8 Shopfront */

#shopfront h2, #shopfront h3, #shopfront h5
{
  color: #E27C1D;
  margin-left: 0px;
  margin-right: 5px;
}

#shopfront h5
{
  border-bottom: solid 1px #E27C1D;
}

#shopfront .pull-quote
{
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  background-color: White;
}

#shopfront .pull-quote q
{
  color: #CE6A1A;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 3px;
  background-color: White;
}

#shopfront .pull-quote lightCaption
{
  white-space: nowrap;
  background-color: White;
}

/* 2.9 Railing */

#railing h2, #railing h3, #railing h5
{
  color: #EF4035;
  margin-left: 0px;
  margin-right: 5px;
}

#railing h5
{
  border-bottom: solid 1px #EF4035;
}

#railing .pull-quote
{
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  background-color: White;
}

#railing .pull-quote q
{
  color: #C21430;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 3px;
  background-color: White;
}

#railing .pull-quote lightCaption
{
  white-space: nowrap;
  background-color: White;
}

/* 2.10 Splashback */

#splashback h2, #splashback h3, #splashback h5
{
  color: #18673D;
  margin-left: 0px;
  margin-right: 5px;
}

#splashback h5
{
  border-bottom: solid 1px #18673D;
}

#splashback .pull-quote
{
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  background-color: White;
}

#splashback .pull-quote q
{
  color: #184A3D;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 3px;
  background-color: White;
}

#splashback .pull-quote lightCaption
{
  white-space: nowrap;
  background-color: White;
}

/* 2.11 Home */


#home .banner
{
  float: left;
  width: 200px;
}

#home .bullet
{
  width: 43px;
  height: 60px;
  float: left;
  padding-right: 12px;
}

#home table h2
{
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding-left: 0.25em;  
  padding-right: 0.25em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#home table .benefit-text
{
  padding-left: 0.75em;
  padding-right: 0.75em;
  }

#home ul
{
  padding-left: 1.5em;  
}

#home li 
{
  margin-top: 0.5em;
}

#home #increase-sales-text h2
{
  color: #008ACB;
  border-bottom-color: #008ACB;
}

#home #increase-sales-text ul
{
  list-style-image: url(Images/chrome/circle-b.png)
}

#home #improve-efficiency-text h2
{
  color: #009447;
  border-bottom-color: #009447;
}

#home #improve-efficiency-text ul
{
  list-style-image: url(Images/chrome/circle-g.png)
}

#home #save-costs-text h2
{
  color: #E92127;
  border-bottom-color: #E92127;
}

#home #save-costs-text ul
{
  list-style-image: url(Images/chrome/circle-r.png)
}

#home #try-button 
{
  width: 200px;
  height: 127px;
}

#home .comparison
{
  width: 290px;
  height: 248px;
}

/* 3 FOOTER */

.footerbg
{
  width: auto;
  height: 50px;
  text-align: center;
}

.footer
{
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  width: 996px;
  text-align: center;
  color: #999999;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0px;
  font-size: 11px;
  line-height: 100%;
}
.footer a:link
{
  color: #666666;
  text-decoration: underline;
}
.footer a:visited
{
  color: #666666;
  text-decoration: underline;
}
.footer a:hover
{
  color: #333333;
  text-decoration: underline;
}
.footer a:active
{
  color: #666666;
  text-decoration: underline;
}

/*DBS OLD*/

.button
{
  border: 0px solid;
  border-color: #000000;
  background-color: #1C5EA1;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: 0px;
  height: 22px;
  padding: 0px;
  text-transform: uppercase;
}

.emptydata td
{
  padding: 50px;
  color: #aeaeae;
}

.view
{
  margin-left: auto;
  margin-right: auto;
  width: 686px;
  text-align: center;
}

/* Inline styles are used because image controls hard code a border property */

.photo_198
{
  border: 4px solid #FFFFFF;
}