@charset "utf-8";
#Wrapper  #Content  #FlashLeft {
	float: left;
	height: 250px;
	width: 460px;
	margin-top: 10px;
	margin-right: 10px;
}
#Wrapper  #Content  #FlashRight {
	float: left;
	height: 250px;
	width: 470px;
	margin-top: 10px;
	z-index: 0;
}

::selection {
	background: #f5a448; /* Safari */
	}
::-moz-selection {
	background: #f5a448; /* Firefox */
}


a {
	color: #000000;
}
.innerNav a {
	text-decoration: none;
}

a:hover {
	color: #000000;
}


.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}

.container {
	width: 965px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}




.marginRight10px {
	margin-right: 10px;
}
.marginRight20px {
	margin-right: 20px;
}
.marginLeft10px {
	margin-left: 10px;
}
.black {
	color: #000000;
}
.orange {
}

.marginTop10px {
	margin-top: 10px;
}
.marginRight30px {
	margin-right: 40px;
}

.marginTop20px {
	margin-top: 20px;
}
.quarterBox {
	float: left;
	width: 210px;
}
.quarterBox p {
	font-size: 90%;
}


.marginBottom10px {
	margin-bottom: 10px;
}
.marginBottom30px {
	margin-bottom: 50px;
}
.marginBottom100px {
	margin-bottom: 200px;
}
.marginBottom50px {
	margin-bottom: 90px;
}



.marginRight15px {
	margin-right: 20px;
	padding-right: 20px;
}

.marginRight20px {
	margin-right: 20px;
}
.marginLeft20px {
	margin-left: 20px;
}
.marginBottom20px {
	margin-bottom: 20px;
}
.topStripWrapper {
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/top-strip-bkg.jpg);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
}
.topStrip {
	width: 965px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	color: #000000;
	height: 36px;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/top-strip-bkg-inner.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.topStrip a {
	text-decoration: none;
}


.bannerWrapper {
	height: 275px;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/banner-strip-bkg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	display: block;
}
.banner {
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/banner-bkg3.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: auto;
	margin-left: auto;
	height: 275px;
	width: 965px;
}
.banner h1 {
	color: #B4B1B1;
	margin-bottom: 10px;
	font-weight: lighter;
	font-size: 230%;
}

.logoStripWrapper {
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/logostrip-bkg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
}
.logoStrip {
	width: 965px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
}
.bannerLeft {
	float: left;
	width: 535px;
	color: #FFFFFF;
	padding-top: 25px;
	height: 220px;
}

.bannerLeft3 {
	width: 450px;
	padding-top: 20px;
}



.content ul {
	margin-left: 30px;
}
.content ol {
  margin-left: 30px;
}
.content {
	width: 965px;
	margin-right: auto;
	margin-left: auto;
}
.content p {
	line-height: 160%;
}

.content ul li,
.content ol li {
	margin-bottom: 10px;
}
.banner p {
	font-size: 120%;
	line-height: 180%;
}
.tick {
	list-style-image: url(file:///M|/Web%20Sites/Balustrade/images/small-tick.jpg);
}
.tickBig {
	list-style-image: url(file:///M|/Web%20Sites/Balustrade/images/tick.png);
}

.benefitsBox ul.tickSmall {
	float: left;
	margin-right: 30px;
	font-size: 13px;
	margin-bottom: 5px;
}
.content h1 {
	font-size: 170%;
	color: #000000;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 110%;
}
.freeTrialBox ul {
	font-style: italic;
	color: #000000;
	font-size: 110%;
	margin-bottom: 20px;
}

.content h2 {
	font-size: 100%;
	color: #333333;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 140%;
	font-style: normal;
	background-color: #ECECEC;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

.content h3 {
	font-size: 140%;
	font-style: italic;
	color: #666666;
	font-weight: bold;
	margin-bottom: 15px;
}
.content h4 {
	font-size: 19px;
	line-height: 24px;
	color: #000000;
	margin-bottom: 10px;
	font-weight: normal;
}




.benefitsBox ul.tickSmall li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 15px;
	margin-left: 30px;
}

.featuresBox {
	background-repeat: no-repeat;
	width: 940px;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.freeTrialBox {
	float: right;
	width: 415px;
	height: 453px;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/ftb-new-bkg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 20px;
}


.freeTrialBox2 {
	float: left;
	width: 630px;
	height: 350px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 20px;
}


.benefitsBox {
	float: left;
	width: 550px;
}



.tickSmall {
	list-style-image: url(file:///M|/Web%20Sites/Balustrade/images/small-tick.jpg);
}

.wumm {
  margin-top: 30px;
}
.wumm li {
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.testboxmargin {
	margin-right: 11px;
}

.pageBreak {
	height: 80px;
	margin-top: 20px;
	background-color: #FFFFFF;
}
.pageBreakinner {
	height: 53px;
	width: 335px;
	float: left;
}

.freeTrialBoxInner {
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/grey-bkg-strip.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding: 10px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.freetrialhead {
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/free-trial-box-h1-bkg-new.jpg);
	background-repeat: repeat-x;
	height: 51px;
	margin-left: 1px;
	margin-right: 1px;
	border: 1px solid #B4B1B1;
}
.freetrialhead h1 {
	color: #FFFFFF;
	text-align: center;
	font-size: 160%;
	padding-top: 20px;
	font-weight: lighter;
}
.fieldbox {
	background-color: #FFFFFF;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/box-bkg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 0;
	float: left;
	margin-bottom: 10px;
	height: 20px;
	padding-top: 0px;
	width: 230px;
	font-size: 16px;
}


.fieldbox1 {
	background-color: #FFFFFF;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/box-bkg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	height: 23px;
	padding-top: 2px;
	font-size: 16px;
	width: 190px;
}

.fieldbox2 {
	background-color: #FFFFFF;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/box-bkg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	height: 24px;
	padding-top: 0px;
	font-size: 16px;
	width: 300px !important;
}

.freeTrialBox ul {
	margin-top: 10px;
	font-size: 16px;
	margin-bottom: 5px;
}
.freeTrialBox ul li {
	margin-bottom: 15px;
}

/*
Top Nav */

.nav {
	float: left;
	width: 830px;
	margin-left: 7px;
	margin-top: 48px;
	list-style-type: none;
	position: relative;
	top: 6px;
	background: transparent;
}

  .nav ul li {
  	margin-right: 0px;  	
  	height: 40px;
  	float: left;
  	list-style-type: none;
  	margin-left: -2px;
  	color: #fff;
    display: block;
  	height: 40px;
  	background: transparent;
  }
    
    .nav li a {
      color: #797979;
      text-decoration: none;
      padding-left: 13px;
      display: block;
      line-height: 30px;
      height: 40px;
      background: url('file:///M|/Web Sites/Balustrade/images/nav-nonhover.gif') top right no-repeat;
    }
    
    .nav li a span {
      display: block;
      padding-right: 13px;
      height: 40px;
    }    
    
    /* Hover States */
    .nav li:hover {
      background: #090908;
  	  color: #fff;
    }
    
    .nav li a:hover {
      color: #fff;
      text-decoration: none;
      background: #090908 url('file:///M|/Web Sites/Balustrade/images/nav-left.gif') left top no-repeat;
      padding-left: 13px;
      display: block;
      line-height: 30px;
    }
    
    .nav li a.hover {
      color: #fff;
      text-decoration: none;
      background: #090908 url('file:///M|/Web Sites/Balustrade/images/nav-left.gif') left top no-repeat;
      padding-left: 13px;
      display: block;
      line-height: 30px;
    }
    
    .nav li a:hover span {
      background: #090908 url('file:///M|/Web Sites/Balustrade/images/nav-right.gif') right top no-repeat;
      display: block;
      padding-right: 13px;
    }
    
    .nav li a.hover span {
      background: #090908 url('file:///M|/Web Sites/Balustrade/images/nav-right.gif') right top no-repeat;
      display: block;
      padding-right: 13px;
    }
    
    body.home .nav li a#home,
    body.freetrial .nav li a#freetrial,
    body.ordernow .nav li a#ordernow,
    body.learnmore .nav li a#learnmore,
    body.benefits .nav li a#benefits,
    body.portfolio .nav li a#portfolio,
    body.pricing .nav li a#pricing,
    body.helpandsupport .nav li a#helpandsupport,
    body.aboutus .nav li a#aboutus,
    body.contactus .nav li a#contactus {
      color: #fff;
      text-decoration: none;
      background: #090908 url('file:///M|/Web Sites/Balustrade/images/nav-left.gif') left top no-repeat;
      padding-left: 13px;
      display: block;
      line-height: 30px;
    }
    
    body.home .nav li a#home span,
    body.freetrial .nav li a#freetrial span,
    body.ordernow .nav li a#ordernow span,
    body.learnmore .nav li a#learnmore span,
    body.benefits .nav li a#benefits span,
    body.portfolio .nav li a#portfolio span,
    body.pricing .nav li a#pricing span,
    body.helpandsupport .nav li a#helpandsupport span,
    body.aboutus .nav li a#aboutus span,
    body.contactus .nav li a#contactus span {
      background: #090908 url('file:///M|/Web Sites/Balustrade/images/nav-right.gif') right top no-repeat;
      display: block;
      padding-right: 13px;
    }
    
.borderRight {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.halfBox {
	float: left;
	width: 450px;
}
.halfBox p {
	font-size: 90%;
}

.footContain {
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/footbkg-strip.jpg);
	background-repeat: repeat-x;
	background-position: top;
	/*height: 570px;*/
	padding-top: 30px;
	background-color: #F5A448;
}
.footer h1 {
	font-size: 190%;
	font-weight: lighter;
	margin-bottom: 20px;
}
.footCenter {
	float: left;
	width: 400px;
	margin-right: 20px;

}
.footer p a, .footer li a {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

.footer ul {
	margin-bottom: 20px;
	margin-left: 30px;
	line-height: 150%;
}
.footer ul li {
	margin-bottom: 10px;
}
.footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.tweetBox {
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/testimonial-box.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 162px;
	padding: 30px;
	padding-left: 15px;
	padding-top: 10px;
	color: #000000;
	font-size: 110%;
	font-style: normal;
	line-height: 160%;
	margin-bottom: 10px;
}

ul#twitter_update_list {
  margin-left: 0;
  list-style-type: none;
  margin-left: 10px;
  list-style-image: none;
}

  ul#twitter_update_list li a:hover {
    color: #000;
  }
  
  .tweetBox a:hover {
    color: #000;
  }


.footer {
	width: 965px;
	margin-right: auto;
	margin-left: auto;
	/*height: 580px;*/
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/footer-bkg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #FFFFFF;
	padding-top: 20px;
}
.footer ul {
	list-style-image: url(file:///M|/Web%20Sites/Balustrade/images/whitebullet.png);
}

.footer p {
	line-height: 150%;
}
.footLeft {
	float: left;
	width: 250px;
}
.testimonialfoot {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin-left: 30px;
	width: 300px;
	font-size: 12px;
}
div.footCenter {
  position: relative;
}
  .testimonialfoot div {
    margin-left: 15px;
    background: transparent;
    filter:alpha(opacity=100);
  }

.baseStrip {
	background-color: #999999;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	color: #FFFFFF;
	font-size: 90%;
}
.pageBullet {
	list-style-image: url(file:///M|/Web%20Sites/Balustrade/images/page-bullet.png);
}
.border {
	border: 1px solid #CCCCCC;
}
.featureInnerBox {
	float: left;
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 15px;
}
.featuresBox p {
	font-size: 80%;
	line-height: 150%;
	width: 90%;
}
.benefitsBox .featuresBox ul {
	display: block;
	margin-left: 0px;
	width: 680px;
	margin-right: 0px;
	margin-bottom: 0px;
	clear: both !important; 
}
.featuresBox ul li {
	display: block;
	margin-right: 6px;
	float: left;
	width: 164px;
	text-align: center;
	height: 28px;
	text-decoration: none;
	/*padding-top: 10px;*/
  border: 1px solid #ccc;
	border-bottom: 0;
	background-image: url(../images/grey-bkg-strip2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	list-style-type: none;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.featuresBox a {
	text-decoration: none;
}
.content p a {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}
.content p a:hover {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}


.featureInnerContain {
	height: 275px;
	padding: 3px;
	background-color: #FFFFFF;
	background-image: url(../images/backgroundhtingy.jpg);
	background-repeat: no-repeat;
}

#tooltip{
	position: absolute;
	border:1px solid #333;
	padding:2px 5px;
	color:#fff;
	display: none;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/60pc-black-bkg.png);
	background-repeat: repeat;
}
.marginTop30px {
	margin-top: 45px;
}
.inner .content {
	margin-top: 30px;
}
.innerNav {
	width: 210px;
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.bannerHeadBkg {
	background-repeat: no-repeat;
	color: #FFFFFF;
	background-color: #000000;
	border: 7px dotted #333333;
	margin-bottom: 20px;
	display: block;
	float: left;
	width: 620px;
}
.bannerHeadBkg h1 {
	color: #FFFFFF;
	font-size: 280%;
	padding-left: 20px;
	line-height: 140%;
	padding-top: 10px;
	font-weight: bold;
	padding-right: 20px;
}
.rightColumn {
	float: right;
	width: 245px;
	margin-left: 40px;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/right-column-bkg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 30px;
	background-color: #FFFFFF;
}
.testimonial {
	margin-left: 30px;
	padding-left: 30px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	font-style: italic;
	color: #000000;
	margin-bottom: 30px;
}
.p3 {
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/banner-bkg2.jpg);
	border: 1px solid #000000;
	color: #FFFFFF;
	width: 600px;
}
.white {
	color: #FFFFFF;
}
.inner .content ul,
.inner .content ol {
	color: #000000;
}
.inner .content ul li {
	margin-left: 30px;
}
.optionbox {
	float: left;
	width: 270px;
	padding: 15px;
	height: 380px;
	margin-bottom: 30px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.optionbox ul {
	font-weight: bold;
}
.maintable {
	margin-bottom: 30px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
th {
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/th.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
}
td {
	padding: 5px;
	color: #000000;
	text-align: left;
}
.content strong {
	color: #000000;
}
.bannerHeadBkg  p {
	color: #FFFFFF;
	background-image: none;
	font-size: 18px;
	margin-left: 20px;
}
.introtext {
	font-size: 160%;
	line-height: 160%;
	color: #333333;
	background-color: #EAEAEA;
	padding: 3px;
	margin-bottom: 30px;
}

form {
	background-color: #FFFFFF;
	padding: 20px;
	float: right;
	width: 330px;
	border: 1px solid #CCCCCC;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/grey-bkg-strip2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-left: 20px;
	margin-bottom: 20px;
}
.submit {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	padding: 5px;
}
.formbox {
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/box-bkg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #CCCCCC;
	color: #000000;
}
.freeTrialBoxPage {
	border: 1px solid #CCCCCC;
	width: 600px;
	padding: 20px;
}

.formfielddimensions {
	height: 20px;
	width: 400px;
	margin-top: 5px;
}
.lightgreybkg {
	background-color: #EFEFEF;
}
.inner .content .maintable h1 {
	color: #FFFFFF;
	font-size: 150%;
	padding-top: 5px;
	text-align: left;
}
.inner .content .maintable h2 {
	font-size: 100%;
	color: #FFFFFF;
	background-image: none;
	background: transparent;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}

.bigger {
	font-size: 130%;
	background-color: #ECECEC;
}
.height30 {
	height: 20px;
}
.inner .bannerWrapper {
	height: 140px;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/banner-strip-bkg-inner.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.inner .banner {
	height: 140px;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/banner-inner.jpg);
	background-repeat: no-repeat;
}
.inner .banner h1 {
	font-size: 34px;
	color: #FFFFFF;
}
.inner .banner p {
	font-size: 18px;
	color: #FFFFFF;
}

.inner .bannerLeft {
	height: 90px;
}

.h200 {
	height: 200px;
}
.h100 {
	height: 100px;
}

.inner .bannerLeft2 {
	width: 600px;
	padding-top: 20px;
}

.orange {
	color: #000000;
}

.content .freeTrialBox .freeTrialBoxInner .tickBig li {
	margin-right: 5px;
	margin-left: 30px;
}

.rolloverfbg a { display:block; height:40px; width:210px; overflow:hidden; }
.rolloverfbg {
	height: 40px;
	margin-top: 10px;
	float: left;
}

.rolloverfbg a:hover { display:block; text-indent:-210px; }

.rolloverfbgwhite a { display:block; height:37px; width:209px; overflow:hidden; }
.rolloverfbgwhite {
	height: 37px;
	margin-top: 10px;
	float: left;
}
.rolloverfbgwhite a:hover { display:block; text-indent:-209px; }

/* Start Free Trial */
 
input.rolloversft1 {
  display:block; 
  height:30px; 
  width:158px !important;
  font-size: 0;
  line-height: 0;
  background: url(file:///M|/Web%20Sites/Balustrade/images/start-free-trial-blue-rollover.png) top left no-repeat;
  margin-left: 10px; 
} .rolloversft1:hover { background-position: -158px 0;} 


.rolloversft2 a { display:block; height:37px; width:208px; overflow:hidden; }
.rolloversft2 {
	height: 37px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
.rolloversft2 a:hover { display:block; text-indent:-208px; }
.rolloversub a { display:block; height:22px; width:90px; overflow:hidden; }
.rolloversub {
	height: 22px;
}

.rolloversub a:hover {
	display:block;
	text-indent:-90px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.freeinnerbutton {
	float: right;
	margin-top: 45px;
	margin-right: 10px;
}

.benefitsBox strong {
	background-color: #ECECEC;
	padding: 1;
	color: #494949;
}
.content .freeTrialBox .freeTrialBoxInner table td {
	text-align: left;
	padding: 1px;
}
testimonialbox {
	float: left;
	width: 200px;
	margin-left: 30px;
}

.freeTrialBox1 {
	float: right;
	width: 243px;
	height: 600px;
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/free-trialbox-bkg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 20px;
}

.freeTrialBox1Inner {
	background-image: url(../images/grey-bkg-strip.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding: 10px;
	margin: 15px;
}
.freetrialhead1 {
	background-image: url(file:///M|/Web%20Sites/Balustrade/images/free-trial-box-h1-bkg-new.jpg);
	background-repeat: repeat-x;
	height: 50px;
	margin-left: 1px;
	margin-right: 1px;
	border: 1px solid #000000;
}
.freetrialhead1 h1 {
	color: #FFFFFF;
	text-align: center;
	font-size: 160%;
	font-weight: lighter;
}

.freeTrialBox1 ul {
	margin-bottom: 30px;
	margin-top: 10px;
	font-size: 100%;
}
.freeTrialBox1 ul li {
	margin-bottom: 15px;
}

.testimonialbox p {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-left: 20px;
	padding-left: 20px;
	font-style: italic;
	color: #000000;
}
.casestudypic {
	margin-bottom: 20px;
	margin-left: 30px;
	border: 1px solid #CCCCCC;
}
.cscategory {
	font-size: 14px;
	font-style: italic;
	color: #666666;
}

.nav ul li ul {
  position: absolute;
  left: -999em;
  text-align: left;
  height: auto; 
  font-size: 11px;
	color: #fff;
  background: #090908;
  text-decoration: none:
  font-size: 11px;
  border: 0;
}

.nav ul li:hover ul {
  left: auto;
  border: 0;
  padding: 10px 0 10px 10px;
}

.nav li:hover ul,
.nav li.sfhover ul {
  left: auto;
  border: 0;
  background: #090908;
}

.nav li ul,
.nav li ul li,
.nav li ul li a {
  width: 200px; 
  border: 0;
  background: #090908;
  color: #f4f4f4;
}

.nav li ul li {
  height: 28px;
}

.nav li ul li a {
  line-height: 18px;
  text-decoration: none;
  height: 28px;
  width: 187px;
}

.nav li ul li a:hover,
.nav li ul li a.hover {
  background: #090908;
  outline: 0;
  color: #fff;
  text-decoration: underline;
  padding-left: 13px;
  display: block;
  line-height: 18px;
  height: 28px;
  width: 187px;
}
.toptext {
	display: block;
	float: right;
	height: 26px;
	padding-top: 10px;
}
.smalltext {
	font-size: 16px;
	color: #666666;
	font-style: italic;
}

.tenpx {
	font-size: 12px;
	color: #999999;
}
.leftColumn {
	float: left;
	width: 635px;
}
.whitebox {
  float: left;
	background-color: #FFFFFF;
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
	width: 635px;
	background-image: url(../images/grey-bkg-strip2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.500 {
	width: 400px;
}
.contactform {
	padding: 20px;
	border: 1px solid #CCCCCC;
}
.halfboxinner {
	float: left;
	width: 380px;
	margin-top: 20px;
}

.halfboxinner1 {
	float: left;
	width: 230px;
}
.20pxfont {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.fifteenpx {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.marginRight50px {
	margin-right: 80px;
}
.testimonialContainer {
	margin-bottom: 40px;
}
.contactpagebox {
	float: right;
	width: 200px;
}

.linehr {
	width: 560px;
	margin-top: 25px;
	margin-bottom: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.uibox {
	float: left;
	width: 150px;
	margin-right: 20px;
}
#portfolioImages a {
  float: left;
}

.freeTrialBoxInner form,
.freeTrialBox1Inner form,
.newsletterSubscribe form {
	padding: 18px;
	padding-top: 10px;
	padding-bottom: 0;
	width: 330px;
	border: 0;
	background: transparent;
	margin: 0;
} .freeTrialBox1Inner form,
  .newsletterSubscribe form {
    margin-left: 0;
    float: none;
    width: 190px;
    padding: 0;
  }
  
  .freeTrialBox1Inner form input,
  .newsletterSubscribe form input {
    width: 190px;
    line-height: 30px;
  }

.freeTrialBoxInner form label {
  height: 28px;
  line-height: 14px;
  display: block;
}

.subscribeButton {
  background: url('file:///M|/Web Sites/Balustrade/images/subscribe.png') no-repeat;
  width: 90px;
  height: 22px;
}

.authenticationOptions {
  list-style-type: none;
  width: 500px;
}
  .authenticationOptions li {
    width: 500px;
    margin: 4px 0;
  }
  .authenticationOptions input {
    /*width: 10px;*/
    margin-right: 10px;
    float: left;
  }
  
  .authenticationOptions label {
    width: 470px;
    float: left;
  }
  
.orderNowForm {
  margin: 0;
  float: none;
  background: none;
  padding: 0; 
  border: 0;
  font-family: inherit;
}

  .orderNowForm textarea {
    height: 200px;
    font-family: Arial, Helvetica, sans-serif;
  }
  
.submitbutton {
  background: url('file:///M|/Web Sites/Balustrade/images/submit-button.jpg') no-repeat;
  width: 150px;
  height: 29px;
  font-size: 0;
  line-height: 0;
}
.tweetBox ul {
	font-size: 14px;
	line-height: 24px;
}

.contactForm {
  background-color: #FFFFFF;
	background-image: url(../images/grey-bkg-strip2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

form#frmSS8 {
  float: left;
  width: auto;
  background-color: #FFFFFF;
	background-image: url(../images/grey-bkg-strip2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

form#frmSS6,
form#frmSS6-2 {
  background: none;
  border: 0;
  float: none;
  clear: both;
  width: 200px;
  margin: 0;
  padding: 0;
}


form.freeTrialForm {
  background: none;
  width: 94%;
  margin-left: 0;
  float: left;
  background-color: #FFFFFF;
	background-image: url(../images/grey-bkg-strip2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

  form.freeTrialForm input {
    /*width: 96%;*/
  }
  
form.freeBrochureForm {
  width: 94%;
  margin: 0;
  background: none;
}

form.freeBrochureForm label {
  float: left; 
  width: 200px;
  line-height: 30px;
}

form.freeBrochureForm input,
form.freeBrochureForm textarea {
  float: left;
  width: 380px;
} form.freeBrochureForm input.submit {
    width: 150px;
    background: none;
    padding: 0;
    float: none;
  }
  
#twitter_update_list a {
  display: block;
  text-decoration: none;
  border: 0;
}


ul.ordernowForm {
  list-style-type: none; 
  padding-left: 10px; 
  height: auto; 
  font-size: 11px; 
  width: auto;
}

ul.ordernowForm li {
  margin-left: 10px !important;
} 
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
    position: relative;
    top: 1px;
    left: -3px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 3px 0 0;
    min-width: 84px; /* be nice to Opera */
    height: 38px;
}
.tabs-nav a, .tabs-nav a span {
    /*display: block;*/
}
.tabs-nav a {
    position: relative;
    top: 0px;
    z-index: 2;
    padding-left: 0;
}
.tabs-nav .tabs-selected a, .tabs-nav li a {
  display: block;
  height: 28px;
  padding-top: 10px;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
    
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}

.tabs-nav .tabs-selected {
	background: url('../images/tabs-hover.jpg') no-repeat;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #b4b1b1;
}

.tabs-nav .tabs-selected a { 
  color: #fff;
  border: 0;
}

.tabs-container {
  background: transparent url(../images/grey-bkg-strip.jpg) 0 4px repeat-x;
	margin-top: 0px;
	padding: 15px 8px 10px 25px;
	width: 901px;
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../loading.gif) no-repeat 0 50%;
}

.tabs-nav .reporting {
  margin-right: 0;
.tabs-nav .reporting2 {
	margin-right: 0;
}