body {
  margin: 0px;
  padding: 0px;
  color: #717171;
  background: url(/images/background.png);
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  line-height: 16px;
  text-align: center;
}
img {
  border: 0px;
}
form {
  margin: 0px;
}
input, textarea, pre {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
h1 {
  margin: 1px 0px;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #717171;
}
p {
  margin: 0px;
  padding: 8px 0 0 0;
}
p.first {
  margin-top: 0px;
  padding: 0px
}
h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 1px;
}
h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 0 1px;
}
h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 1px;
}
h5 {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.tab { margin-left: 20px;}
/*
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
}
*/
a:link, a:visited {
  color: #bd0000;
  text-decoration: none;
}
/*
a:hover {
  color: #717171;
}*/

#wrapper {
  margin: 0px auto;
  border-right: 1px solid #717171;
  border-left: 1px solid #717171;
  width: 727px;
  background: #ffffff;
  text-align: left;
}

#header {
  padding-top: 11px;
  background: url(/images/greenbar.png) repeat-x top;
  position: relative;
}
#header a {
  text-decoration: none;
}
#logo {
  position: relative;
}
#logo a.sitemap {
  position: absolute;
  left: 5px;
  top: 2px;
  color: #6BCA57;
  font-weight: bold;
}
#logo a.sitemap:hover {
  color: #BD0000;
}
#header .search {
  font-weight: bold;
  font-size: 9px;
  position: absolute;
  top: 16px;
  right: 5px;
}
#header .search input {
  vertical-align: middle;
}
#header .search input.text {
  width: 155px;
}
#header .ssnav {
  position: absolute;
  top: 66px;
  right: 0px;
}
.nav, .pnav {
  background: url(/images/doth-1px.gif) repeat-x;
}
.nav a, .pnav a {
  text-decoration: none;
}

.snav {
  font-weight: bold;
  font-size: 11px;
  float: right;
}
.ssnav, .anav, .pnav {
  font-weight: bold;
  font-size: 10px;
}
.anav {
  float: left;
}
.ssnav a:link, .ssnav a:visited, .anav a:link, .anav a:visited, .pnav a:link, .pnav a:visited {
  color: #717171;
}
.ssnav a:hover, .anav a:hover, .pnav a:hover {
  color: #bd0000;
}

ul.snav, ul.ssnav, ul.pnav, ul.anav {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.pnav {
  margin-top: 8px;
}
ul.snav li, ul.ssnav li, ul.pnav li, ul.anav li {
  display: inline;
}
ul.snav li a, ul.ssnav li a, ul.anav li a {
  margin: 0px 4px 0px 5px;
}
ul.snav li {
  background: url(/images/snav.gif) no-repeat center left;
}
ul.ssnav li, ul.pnav li, ul.anav li {
  background: url(/images/nav.gif) no-repeat center left;
}
ul.snav li.first, ul.ssnav li.first, ul.pnav li.first, ul.anav li.first {
  background: none;
}

ul.pnav {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
ul.pnav li a {
  margin: 0px 4px 0px 6px;
}

#footer {
  background: #e7e7e7;
  height: 46px;
}
#footer div {
  float: left;
}
#footer img {
  margin-right: 2px;
}
#footer h4 {
  margin: 0px;
  padding-left: 5px;
  font-weight: bold;
  font-size: 10px;
}
#footer .questions {
  background: url(/images/questions.gif) no-repeat;
  width: 183px;
  height: 45px;
}
#footer .plan_questions {
  background: url(/images/plans_footer.jpg) no-repeat;
  width: 183px;
  height: 45px;
}
#footer .professionals{
  background: url(/images/professionals.gif) no-repeat;
  width: 182px;
  height: 45px;
}
#footer .canadian {
  background: url(/images/canadian.gif) no-repeat;
  width: 183px;
  height: 45px;
}
#footer .us {
  background: url(/images/us.jpg) no-repeat;
  width: 183px;
  height: 45px;
}
#footer .newsletter {
  width: 172px;
  height: 45px;
}
#footer .newsletter h4 {
  padding-top: 3px;
  color: #5d7496;
}
#footer .newsletter input {
  margin-top: 5px;
  vertical-align: middle;
}
#footer .newsletter input.text {
  margin-left: 22px;
  width: 120px;
}
.footerbar {
  background: url(/images/greenbar.png) repeat-x top;
  height: 11px;
}
#copyright {
  width: 727px;
  text-align: right;
  font-size: 9px;
  font-weight: bold;
  margin: 0px auto;
  padding-bottom: 2px;
}
.eseriescontentright {
  padding-right: 155px;
  padding-left: 15px;
}
.leftcontentright {
  padding-right: 155px;
  padding-left: 155px;
}
.leftcontent {
  padding-left: 154px;
}
.contentright {
  padding-right: 155px;
}
.leftsidebar {
  margin-left: -155px;
  width: 149px;
  padding: 3px;
  float: left;
  position: relative;
/* fix ie/win doubled margin bug */
  display: inline;
}
.rightsidebar {
  margin-right: -155px;
  width: 149px;
  padding: 3px;
  float: left;
  position: relative;
}
.eserisecontent {
  width: 100%;
  float: left;
  position: relative;
  margin: 0px;
  margin-top: 0px;
  padding: 0px;
}
.content {
  width: 100%;
  float: left;
  position: relative;
  margin: 0px;
  margin-top: -15px;
  padding: 0px;
}
.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
} 
.clear {
  display: inline-block;
} 
.bodycontent {
  padding: 0px 5px;
}
.bodycontent div.row {
  padding: 5px 0px 10px 0px;
}
.bodycontent ul {
  margin: 8px 0px;
  padding-left: 12px;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

/* Buttons */
.bottombar {
  position: relative;
  margin: 6px 10px 0px 10px;
}
.bottombar table {
  width: 100%;
  border-collapse: collapse;
}
.bottombar table td {
  vertical-align: middle;
}
.printbutton, .emailbutton, .portfoliobutton {
  margin-top: 3px;
}
.threedbutton, .demensionbutton, .pricingbutton, .printbutton, .emailbutton, .portfoliobutton, .interiorbutton, largertextbutton, .customizebutton, .privacy {
  padding: 0px 0px;
}
.previewbutton {
  background: url(/images/preview.gif) 1px no-repeat;
  padding: 3px 0px 0px 14px;
  color: #000000;
}
.editbutton {
  background: url(/images/editinfo.gif) left top no-repeat;
  height: 20px;
  width: 84px;
}
.back2quotebutton {
  background: url(/images/backtoquote.gif) left top no-repeat;
  height: 20px;
  width: 95px;
}
.proceedbutton {
  background: url(/images/proceed.gif) left top no-repeat;
  height: 20px;
  width: 84px;
}
.shippingbutton {
  background: url(/images/shipping_included.gif) left top no-repeat;
  height: 41px;
  width: 127px;
}
.previewbutton a:link, .previewbutton a:visited {
  color: #000000;
}
.previewbutton a:hover {
  color: #DB0000;
}
.printbutton {
  background: url(/images/print.gif) top left no-repeat;
  padding-left: 18px;
}
.emailbutton {
  background: url(/images/email.gif) top left no-repeat;
  padding-left: 16px;
}
.portfoliobutton2 {
  background: url(/images/foldericon.jpg) center left no-repeat;
  padding-left: 17px;
}
.portfoliobutton {
  background: url(/images/add_portfolio.gif) top left no-repeat;
  padding-left: 17px;
}
.threedbutton {
  background: url(/images/3d.gif) center left no-repeat;
  padding: 2px 0px 0px 17px;
  line-height: 12px;
}
.sampleplanbutton {
      background: url(/images/pappen.gif) center left no-repeat;
        padding: 2px 0px 0px 17px;
          line-height: 12px;
}
.dimensionbutton {
  background: url(/images/demension.gif) center left no-repeat;
  padding-left: 17px;
  line-height: 12px;
}
.pricingbutton {
  background: url(/images/pricing.gif) center left no-repeat;
  padding-left: 17px;
  line-height: 15px;
}
.square {
  background: url(/images/square.gif) left 1px no-repeat;
  padding-left: 15px;
}
.photo_contest {
  background: url(/images/photo_contest.gif) top left no-repeat;
  padding-left: 23px;
  line-height: 12px;
}
.contest_logo {
    background: url(/images/photo_contest_logo.gif) top left no-repeat;
    padding: 5px 0 0 71px;
    height: 50px;
}
.pricinglogo {
  background: url(/images/pricing_logo.gif) center left no-repeat;
  padding-left: 50px;
}
.searchlogo {
  background: url(/images/circle.gif) left 3px no-repeat;
  padding: 7px 0px 0px 40px;
  height: 33px;
}
.circles {
  padding: 3px 0px 0px 5px;
}
.pricinglogo h1 {
  line-height: 19px;
}
.pricetag {
  position: relative;
  background: url(/images/price_tag.gif) top right no-repeat;
  padding: 5px 10px 0px 5px;
}
ul.arrowul, .pricingpanel ul {
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
}
ul.arrowul li, .pricingpanel li {
  list-style: none;
  background: url(/images/arrow_small.gif) left 1px no-repeat;
  margin: 0px;
  padding: 0px 0px 4px 20px;
}
ul.height li {
  height: 17px;
}
.pricingpanel ul.feature li {
  background: url(/images/check_mark.gif) left 2px no-repeat;
}
.pricetag div.testimony {
  position: absolute;
  bottom: 0px;
  right: 4px;
}
.pricingpanel {
  background: url(/images/fingerprint.gif) top right no-repeat;
  padding: 5px 10px 0px 10px;
}
.pricingpanel div.floating {
  margin: 5px 50px 15px 0px;
}
.pricingpanel div.note {
  padding-top: 50px;
}
.interiorbutton {
  background: url(/images/interior.gif) top left no-repeat;
  padding-left: 18px;
  line-height: 15px;
}
.photobutton {
  background: url(/images/photo.gif) left 2px no-repeat;
  padding-left: 14px;
}
.deletebutton {
  background: url(/images/delete.gif) center left no-repeat;
  padding-left: 12px;
}
.popcorn {
  position: absolute;
  top: 2px;
  right: 3px;
}
.photosearchbutton {
  position: absolute;
  background: url(/images/photo_search.gif) center left no-repeat;
  right: 1px;
  top: -3px;
  padding-left: 12px;
  line-height: 10px;
  z-index: 2;
}
.favorite {
  background: url(/images/smile_lg.gif) center left no-repeat;
  padding-left: 19px;
}
.folderbutton {
  background: url(/images/folder.gif) bottom left no-repeat;
  padding-left: 33px;
  height: 25px;
}
.continuebutton {
  background: url(/images/continueA.gif) bottom left no-repeat;
  height: 20px;
  width: 118px;
}
.checkoutbutton {
  background: url(/images/continueC.gif) bottom left no-repeat;
  width: 84px;
  height: 20px;
}
.groupbutton div {
  position: relative;
  float: left;
  padding-right: 5px;
}
.greyarrow a.iconlink {
  position: absolute;
  text-indent: -9999px;
  height: 25px;
  width: 30px;
  top: 0px;
  left: 0px;
}
.largertextbutton {
  background: url(/images/plus.gif) center left no-repeat;
  padding-left: 13px;
  height: 11px;
}
.buildingplan {
  background: url(/images/grid.gif) left center no-repeat;
  padding-left: 31px;
  height: 21px;
  line-height: 11px;
}
.largertext {
  margin: 1px 3px 10px 3px;
  padding: 0px;
  text-align: right;
}
.buybutton {
  background: url(/images/buy_button.gif) center left no-repeat;
  width: 76px;
  height: 17px;
}
.gazebobutton {
  background: url(/images/customize_gazebo.gif) center left no-repeat;
  width: 148px;
  height: 23px;
}
.buy_gazebobutton {
  position: absolute;
  top: -15px;
  left: 29px;
  background: url(/images/buy_gazebo.gif) center left no-repeat;
  width: 143px;
  height: 22px;
  margin: 0px auto;
}
.cancelbutton {
  background: url(/images/cancel.gif) center left no-repeat;
  width: 84px;
  height: 20px;
}
.quotebutton {
  background: url(/images/quote.gif) center left no-repeat;
  width: 84px;
  height: 20px;
}
.buildquotebutton {
  background: url(/images/build_quote.gif) center left no-repeat;
  width: 110px;
  height: 20px;
}
.updatequotebutton {
  background: url(/images/update_quote.gif) center left no-repeat;
  width: 110px;
  height: 20px;
}
.updatebutton {
  background: url(/images/updateb.gif) center left no-repeat;
  width: 84px;
  height: 20px;
}
.addcartbutton {
  background: url(/images/addcart.gif) center no-repeat;
  width: 83px;
  height: 19px;
}
.returntop {
  background: url(/images/return_top.gif) left top no-repeat;
  height: 23px;
  margin-top: 8px;
  font-weight: bold;
  padding: 4px 0px 0px 24px;
}
.backtopbutton2 {
  background: url(/images/back_top.gif) center no-repeat;
  width: 60px;
  height: 35px;
}
.customizebutton {
  background: url(/images/customize_button.gif) center left no-repeat;
  margin: 0px auto;
  width: 174px;
  height: 45px;
  padding: 10px 0px;
}
.advantagebutton {
  background: url(/images/advantage.gif) center left no-repeat;
  width: 126px;
  height: 31px;
}
.photocontestbutton {
  background: url(/images/photocontest.gif) center left no-repeat;
  width: 146px;
  height: 55px;
}
.privacybutton {
  background: url(/images/privacy.gif) center right no-repeat;
  width: 95px;
  height: 31px;
}
.questionbutton {
  background: url(/images/shed_questions.gif) center right no-repeat;
  width: 146px;
  height: 86px;
}
.warrantybutton {
  background: url(/images/5yearwarranty.gif) center left no-repeat;
  width: 95px;
  height: 35px;
}
.thawtebutton {
  background: url(/images/thawte.gif) center right no-repeat;
  width: 95px;
  height: 31px;
}
.customdesignbutton {
  background: url(/images/custom_design.gif) center left no-repeat;
  width: 146px;
  height: 55px;
}
.brochurebutton {
  background: url(/images/colour_brochure.gif) center left no-repeat;
  width: 146px;
  height: 17px;
}
.brochurepos {
  position: absolute;
  top: 20px;
  left: 200px;
}
.supersalebutton {
  background: url(/images/sale2.gif) center left no-repeat;
  width: 146px;
  height: 93px;
}
.accessorybutton {
  position: absolute;
  background: url(/images/accessories.gif) bottom right no-repeat;
  height: 24px;
  margin: 0px;
  padding: 0px;
  right: 0px;
  bottom: 0px;
}
.planbutton {
  position: absolute;
  background: url(/images/plans.gif) bottom right no-repeat;
  height: 16px;
  margin: 0px;
  padding: 0px;
  right: 0px;
  bottom: 0px;
}
.accessorybutton a {
  margin-left: 230px;
  width: 125px;
}
.planbutton a {
  margin-left: 250px;
  width: 110px;
}

/* preview image button */
.preview {
  margin: 0px;
  background: transparent url(/images/preview.gif) top right no-repeat;
}
.medium_previewframe {
  position: relative;
  width: 131px;
}
.preview div.button a {
  margin: 0px;
  width: 16px;
  height: 12px;
  text-decoration: none;
  display: block;
  text-indent: -9999px;
}
.preview div.button a.medium {
  margin-left: 120px;
}
.overflow {
  height: 135px;
  overflow: auto;
}

/* image css */
.sides8 {
  position: relative;
  margin-left: 10px;
  background: url(/images/8sides.gif) top left no-repeat;
  width: 52px;
  height: 51px;
}
.sides5 {
  position: relative;
  background: url(/images/5sides.gif) top left no-repeat;
  width: 49px;
  height: 49px;
}
.sides8 a, .sides5 a {
  display: block;
  width: 100%;
  height: 34px;
  padding-top: 17px;
  text-align: center;
}
.frame_orderreview {
  position: relative;
  width: 693px;
  height: 130px;
}
.frame_large {
  position: relative;
  border: 1px solid #000000;
  padding: 3px;
  width: 250px;
  height: 175px;
  margin-bottom: 3px;
}
.frame_medium {
  border: 1px solid #000000;
  padding: 3px;
  width: 118px;
  height: 80px;
  margin: 0px auto;
  background-color: #FFFFFF;
}
.frame_cat {
  border: 1px solid #000000;
  padding: 1px;
  width: 112px;
  height: 77px;
  margin: 0px auto;
}
.frame_small {
  border: 1px solid #000000;
  padding: 1px;
  width: 53px;
  height: 37px;
  margin: 0px auto;
}
.frame_small_red {
  border: 1px solid #BD0000;
  padding: 1px;
  width: 53px;
  height: 37px;
  margin: 0px auto;
}
.frame_eopt {
   border: 1px solid #717171;
   height: 49px;
   width: 40px;
   padding: 2px;
   background-color: #FFFFFF;
}
.frame_opt {
   border: 1px solid #717171;
   height: 35px;
   width: 30px;
   margin: 0px auto;
   padding: 2px;
   background-color: #FFFFFF;
}

.frame_icon {
  border: 1px solid #000000;
  padding: 1px;
  width: 52px;
  height: 33px;
  margin: 0px auto;
}
.imagelayout {
  position: relative;
  width: 258px;
}
.mediumlayout {
  position: relative;
  width: 130px;
}
.mediumlayout div.deletebutton {
  margin-left: 3px;
}
.rollover_hidden {
  position: absolute;
  border: 1px solid #000000;
  padding: 0px;
  margin: 0px;
  width: 0px;
  top: 0px;
  left: 0px;
  margin: 0px auto;
  display: none
}
.rollover {
  position: absolute;
  background-color: #7BD069;
  border: 1px solid #000000;
  padding: 3px;
  width: 209px;
  height: 139px;
  margin: 0px auto;
}
.rollover div.caption {
  position: absolute;
  width: 207px;
  left: 4px;
  bottom: 4px;
  background-color: #FFFFFF;
  text-align: center;
}

/* global elements */
.closer {
  line-height: 15px;
}
.recred {
  background: url(/images/rec_red.gif) left 2px no-repeat;
  padding-left: 17px;
}
.buttons div {
  float: left;
  margin-right: 15px;
}
.buttons div.middle {
  margin-top: 18px;
}
.buttons div.middle2 {
  margin-top: 13px;
}
.textspace {
  line-height: 10px;
  padding-bottom: 1px;
}
.special {
  font-style: italic;
  font-size: 10px;
}
.special2 {
  font-style: italic;
  font-size: 14px;
}
.movecenter {
  margin: 0px auto;
}
.image_hidden {
  position: absolute;
  display: none;
  border: 1px solid #000000;
}
.image_display {
  position: absolute;
  display: inline-block;
  border: 1px solid #000000;
}
.image {
  border: 1px solid #000000;
}
.image_red {
  border: 1px solid #BD0000;
}
.hidden {
  display: none;
}
.display {
  display: inline-block;
}
.floating {
  float: left;
  margin: 0 5px 0 0;
}
.grid {
  background: url(/images/plan_grid.gif) 265px top no-repeat;
}
.favorite_bg {
  background: url(/images/smile_bg.gif) 270px 3px no-repeat;
}
.subheader {
  color: #000000;
}
.disabled {
  background-color: #C9C9C9;
}
.enabled {
  background-color: #FFFFFF;
}
.error {
  color: #BD0000;
  margin: 5px 0px 0px 5px;
}
.message {
  color: green;
  margin: 5px 0px 0px 5px;
}
.dotleft {
  background: url(/images/dot-left.gif) left repeat-y;
  height: 100%;
}
.dotright {
  background: url(/images/dot-right.gif) right repeat-y;
  height: 100%;
  padding: 0px;
  margin: 0px;
}
.dottop {
  background: url(/images/dot-top.gif) top repeat-x;
  padding: 0px;
  margin: 0px;
  font-size: 1px;
  height: 7px;
}
.plandottop {
  background: url(/images/dot-top.gif) top repeat-x;
  padding: 0px;
  margin: 0px;
  font-size: 1px;
  height: 4px;
}
.dotbottom {
  background: url(/images/dot-top.gif) center repeat-x;
  padding: 0px;
  margin: 0px;
  font-size: 1px;
  height: 7px;
}
.plustopleft {
  float: left;
  background: url(/images/plus_black.gif) top left no-repeat;
  padding: 0px;
  margin: 0px;
  width: 8px;
  height: 8px;
}
.plustopright {
  float: right;
  background: url(/images/plus_black.gif) top right no-repeat;
  padding: 0px;
  margin: 0px;
  width: 8px;
  height: 8px;
}
.plusbottomleft {
  float: left;
  background: url(/images/plus_black.gif) bottom left no-repeat;
  padding: 0px;
  margin: 0px;
  width: 8px;
  height: 8px;
}
.plusbottomright {
  float: right;
  background: url(/images/plus_black.gif) bottom right no-repeat;
  padding: 0px;
  margin: 0px;
  width: 8px;
  height: 8px;
}
.title {
  font-weight: bold;
}
.doubleline {
  position: relative;
  background: url(/images/doth-1px.gif) bottom repeat-x;
  height: 4px;
  margin: 0px 4px;
  padding-top: 2px;
  font-size: 1px;
}
.line {
  background: url(/images/doth-1px.gif) top repeat-x;
  margin: 8px 0 14px 0;
  padding: 0;
  height: 1px;
  font-size: 1px;
}
.line_1px {
  background: url(/images/doth-1px.gif) top repeat-x;
  padding: 0;
  height: 1px;
  font-size: 1px;
}
.mnm_line {
  background: url(/images/doth-1px.gif) bottom repeat-x;
}
.blank {
  margin: 5px 0px;
}
.doublespace {
  margin-bottom: 20px;
}
.floatingright {
  float: right;
}
.floatingleft {
  float: left;
}
.margin {
  margin-left: 5px;
}
.clearboth {
  margin: 0;
  padding: 0;
  clear: both;
}
.table0px {
  margin: 0px;
  padding: 0px;
}
.tabpricing {
  border: 1px solid #000000;
  padding: 0px;
  margin: 0px;
  background-color: #F0EFE6;
  border-collapse: collapse;
}
.tabpricing td {
  vertical-align: top;
  font-size: 11px;
}
.tabpricing td.seperate {
  padding-right: 5px;
}
.tabpricing table {
  border-collapse: collapse;
}
.tabpricing td.header {
  background-color: #DEDEDE;
  text-align: center;
  border-right: 1px solid #F7F7F5;
}
.tabpricing td.row {
  background-color: #F7F7F5;
  border-bottom: 1px solid #CCCCCC;
  padding: 5px;
  text-align: center;
}
.tabpricing a:link, .tabpricing a:visited {
  text-decoration: underline;
  color: #717171;
}
.table {
  margin: 0px;
  width: 100%;
}
.table0px td, .table td {
  padding: 0px;
}
td {
  vertical-align: top;
}
td.second {
  padding-top: 10px;
}
td.name {
  text-align: center;
}
td.col1 {
  width: 65%;
}
td.col2 {
  width: 35%;
}
td.header {
  width: 125px
}
td.imagebox {
  text-align: center;
  padding-bottom: 10px;
}
td.imagebox h1 {
  line-height: 10px;
}
td.numberic {
  text-align: right;
  vertical-align: top;
}
td.greydot {
  background: url(/images/grey_dot.gif) center no-repeat;
  height: 51px;
}
.linkablebutton {
  margin: 0px;
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}
/* font */
.header1 {
  font-size: 24px;
}
.header2 {
  font-size: 20px;
}
.header3 {
  font-size: 16px;
}
.header4 {
  font-size: 14px;
}
.header5 {
  font-size: 13px;
}
.header6 {
  font-size: 12px;
}
.videoheader {
  font-size: 16px;
  margin-left: 6px;
  font-weight: bold;
}
.topheader {
  margin-bottom: 12px;
  font-size: 18px;
}
.subheader2 {
  margin-top: 10px;
  font-size: 14px;
}
.normal {
  font-size: 9px;
}
.shadowtext {
  color: #A3A3A3;
}
.shadowtext a, .shadowtext a:visited, .shadowtext a:active {
  color: #717171;
  text-decoration: none;
}
.darktext a, .darktext a:visited, .darktext a:active {
  color: #000;
  text-decoration: none;
}
.shadowtext a:hover, .darktext a:hover {
  color: #BD0000;
}
.highlight {
  color: #BD0000;
}
.highlight a, .highlight a:visited, .highlight a:active {
  color: #BD0000;
  text-decoration: none;
}
.highlight a:hover {
  color: #717171;
}
/* dotted screen */
.leftline {
  background: url(/images/hdot.gif) left repeat-y;
  width: 100%;
  height: 100%;
}
.rightline {
  background: url(/images/hdot.gif) right repeat-y;
  width: 100%;
  height: 100%;
  z-index:3;
}
.esrightline {
  position:absolute;
  background: url(/images/hdot.gif) right repeat-y;
  top:25px;
  margin: 0px 1px 0px 0px;  
  left:721px;
  width: 1px;
  height:425px;
  z-index:3;
}
.eshlinetop {
  position: absolute;
  background: url(/images/doth-1px.gif) top repeat-x;
  margin: 0px;
  left:3px;
  top:25px;
  padding: 0px;
  height: 1px;
  width:720px;
  font-size: 1px;
  z-index:1;
}

.eshlinetop div.left {
  top: -3px;
  left: -3px;
}
.eshlinetop div.right {
  top: -3px;
  right: -4px !important;
  right: -4px;
}
.eshlinebottom {
  position: absolute;
  background: url(/images/doth-1px.gif) top repeat-x;
  margin: 0px;
  left:3px;
  top:460px;
  padding: 0px;
  height: 1px;
  width:720px;
  font-size: 1px;
  z-index:-1;
}
.eshlinebottom div.bottomleft {
  top: -4px;
  left: -3px;
}
.eshlinebottom div.bottomright {
  top: -4px;
  right: -3px !important;
  right: -4px;
}
.hline {
  position: relative;
  background: url(/images/doth-1px.gif) top repeat-x;
  margin: 0px;
  padding: 0px;
  height: 1px;
  font-size: 1px;
}
.plus {
  position: absolute;
  background: url(/images/plus_black.gif) top no-repeat;
  width: 8px;
  height: 8px;
  font-size: 8px;
}
.hline div.left {
  top: -3px;
  left: -3px;
}
.hline div.right {
  top: -3px;
  right: -3px !important;
  right: -4px;
}
.hline div.bottomleft {
  top: -4px;
  left: -3px;
}
.hline div.bottomright {
  top: -4px;
  right: -3px !important;
  right: -4px;
}
.monitormain {
  padding: 0px 4px; 
}
/* Form css */
#form div.row {
  padding: 2px;
  clear: none;
}
#form div.row label {
  float: left;
  width: 150px;
  text-align: right;
  margin-top: 3px;
  padding-right: 3px;
}
#form div.tr {
  padding: 1px;
  clear: none;
}
#form div.tr label {
  float: left;
  width: 100px;
  text-align: right;
  padding-right: 2px;
}
/* eseries quick hits css */
#equickhits {
  position: absolute;
  background-image: url(/images/Econo_Sheds_info_Box.gif);
  border: 0px solid #815f3e;
  left: 20px;
  top: 244px;
  font-size: 9px;
  width: 148px;
  height: 225px;
  margin-left: 1px;
  z-index: 9;
}
#equickhits div.header {
  font-size: 11px;
  font-weight: bold;
  background-color: #815f3e;
  color: #FFFFFF;
  text-align: center;
}
#equickhits ul {
  margin:  5px 0px 10px 20px;
  padding: 0px;
  list-style-image: url(/images/dot_brown.gif);
  text-align: left;
}
#equickhits li {
  margin: 0px;
  padding: -1px 0px 2px 0px;
  line-height: 17px;
}
#equickhits a, #equickhits a:visited, #equickhits a:active {
  color: #717171;
  text-decoration: none;
}
#equickhits a:hover, #maintitle a:hover {
  color: #815f3e; 
}

/* quick hits css */
#quickhits {
  border: 1px solid #BE0000;
  font-size: 9px;
  width: 146px;
  margin-left: 1px;
}
#quickhits div.header {
  font-size: 11px;
  font-weight: bold;
  background-color: #BE0000;
  color: #FFFFFF;
  padding-left: 10px;
}
#quickhits ul {
  margin:  5px 0px 10px 20px;
  padding: 0px;
  list-style-image: url(/images/dot_red.gif);
  text-align: left;
}
#quickhits li {
  margin: 0px;
  padding: -1px 0px 2px 0px;
  line-height: 17px;
}
#quickhits a, #quickhits a:visited, #quickhits a:active, #maintitle a, #maintitle a:visited, #maintitle a:active {
  color: #717171;
  text-decoration: none;
}
#quickhits a:hover, #maintitle a:hover {
  color: #BD0000; 
}

/* styles */
#style {
  margin: 7px 0px 0px 0px;
  padding: 0px;  
  font-size: 9px;
  width: 148px;
}
#style ul.menu {
  margin: 10px 0px 10px 0px;
  padding: 0px;
  list-style: none;
}
#styke ul.menu li {
  font-weight: bold;
}
#style ul.menu li.arrow {
  margin: 0px;
  padding: 0px 0px 2px 0px;
  line-height: 14px;
  vertical-align: top;
  font-weight: bold;
}
#style ul.menu li.arrow a.bar {
  padding-left: 13px;
  background: url(/images/arrow.gif) no-repeat;
  width: 90%;
}
#style ul.menu li.arrow a.selectedbar {
  padding-left: 13px;
  background: url(/images/green_rollunder.gif) no-repeat;
}
#style ul.menu li.arrow a.selectedbar:link, #style ul.menu li.arrow a.selectedbar:visited, #style ul.submenu a.selectedsubar:visited {
  color: #000000;
  font-weight: bold;
}
#style ul.menu li a, #style ul.menu li a:visited, #style ul.menu li a:active {
  display: block;
  text-decoration: none;
  color: #717171;
}
#style ul.menu li.arrow a.bar:hover {
  background: url(/images/green_rollunder.gif) no-repeat;
  color: #000000;
}
#style ul.submenu {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#style ul.submenu li {
  margin: 0px 0px 0px 18px;
  padding: 0px;
  height: 13px;
  vertical-align: top;
}
#style ul.submenu li a {
  margin: 0px;
  padding: 0px 0px 0px 6px;
}
#style ul.submenu li a:hover, #style ul.submenu a.selectedsubar {
  color: #000000;
  background: url(/images/blank_box.gif) center no-repeat;
}
#style ul.submenu div.expand_line {
  padding: 0px;
  margin: 0px;
  background: url(/images/solid_line.gif) left repeat-y;
}
#style ul.submenu div.expand_corner {
  background: url(/images/solid_corner.gif) left 0px no-repeat;
}
#style ul.submenu div.expand_corner2 {
  background: url(/images/solid_corner.gif) left 1px no-repeat;
}
/* Monitor css */
#monitorheader {
  position: relative;
  margin-top: 6px;
}
#monitorheader h1.shadowtext {
  padding: 7px 0px 0px 6px;
}
#monitorheader span.title {
  color: #717171;
}
#monitorheader div.cart {
  margin: 0px 3px 0px 0px;
  padding-top: 2px;
  height: 16px;
  background-color: #E4E2E5;
  width: 208px;
}
#monitorheader div.cart div.right {
  background: url(/images/hdot.gif) right repeat-y;
  height: 100%;
}
#monitorheader div.cart div.left {
  background: url(/images/hdot.gif) repeat-y;
  height: 100%;
}
#monitorheader div.cart h1 {
  background: url(/images/cart.gif) left top no-repeat;
  margin: 2px 0px 1px 5px;
  padding: 2px 6px 1px 22px;
}
#monitorheader div.cart div.plustop {
  background: url(/images/dot_black.gif) bottom right no-repeat;
}
#monitorwrapper {
  margin-bottom: 2px;
  padding: 0px 3px;
}
#monitor {
  position: relative;
  padding: 0px;
  margin: 4px;
}
#monitor div.productpanel {
  position: relative;
  height: 270px;
}
#monitor div.custom_design {
  position: relative;
  margin: 10px 0px;
}
#monitor div.pricing {
  position: absolute;
  top: 0px;
  right: 0px;
}
#monitor div.detail {
  position: relative;
  height: 160px;
  margin-right: 2px;
}
#monitor div.desc {
  width: 160px;
}
#monitor div.desc span {
  font-style: italic;
  font-size: 10px;
}
#content {
  margin: 0px 5px;
  width: 345px;
}
#content div.feature {
  position: absolute;
  right: 0px;
  width: 146px;
}
#content div.row {
  position: relative;
  margin-top: 10px;
}
#content div.accessories {
  position: relative;
  margin-top: 10px;
  padding-bottom: 10px;
  text-align: justify;
  height: 100%;
}
#content div.accessories div.text {
  padding: 5px;
}
#content div.plans {
  background: url(/images/plans.gif) top left no-repeat;
  width: 99px;
  height: 20px;
}
.gardenaccents {
  background: url(/images/garden_accents2.gif) top left no-repeat;
  height: 28px;
  width: 97px;
}
#content span.highlight {
  color: #6ECC5D;
}
#content h1.products {
  background: url(/images/products.gif) top left no-repeat;
  height: 39px;
  width: 197px;
}
/* Product page */
#product {
  width: 350px;
}
#product div.photosearch {
  height: 15px;
}
#product table {
  border-collapse: collapse;
}
#product table div.spa {
  padding-left: 60px;
}
#sidecontent {
  position: relative;
  margin-right: 0px;
}
#sidecontent div.defaultcontent, #sidecontent div.stylecontent {
  margin: 0px;
  text-align: left
}
#sidecontent div.stylecontenthidden {
  position: absolute;
  display: none;
}
#sidecontent div.stylecontent {
  position: absolute;
  background-color: #FFF;
  border: 1px solid #000;
  text-align: center;
  height: 146px;
  width: 408px;
  margin: 0px;
  padding: 35px 20px 0px 20px;
  top: 0px;
  right: 1px;
  z-index: 1;
}
#sidecontent div.stylecontent h1 {
  margin: 10px 0px;
}
/* Portfolio Page */
.desc_object {
  width: 95%;
  height: 40px;
}
.portfolio {
  position: relative;
  margin: 0px 10px;
}
.portfolio h1.signin {
  background: url(/images/portfolio_signin.gif) top left no-repeat;
  height: 180px;
  padding-left: 33px;
}
.portfolio div.welcome {
  margin: 0px 0px 10px 205px;
  padding-top: 3px;
}
.portfolio div.note {
  border: 1px solid #717171;
  bottom: 0px;
  padding: 2px;
}
.portfolio div.maincontent {
  position: relative;
  margin-left: 140px;
  width: 340px;
}
.portfolio div.maincontent div.configinfo {
  height: 118px;
}
.speedbar {
  background-color: #EAEAEA;
  padding: 2px 5px;
  height: 15px;
  margin: 5px 0px;
}
.contentdetail {
  position: relative;
  margin-left: 260px;
}
.sidebarcontent {
  position: relative;
  margin: 0px 10px 0px 265px;
}
.monitorright {
  position: relative;
  padding-right: 200px;
}
.sidebarheight {
  height: 418px;
}
.monitorrightsidebar {
  position: relative;
  width: 180px;
  padding: 2px;
  border: 1px solid #717171;
  background-color: #EAEAEA;
}
#option {
  position: absolute;
  width: 98%;
  bottom: -1px;
}
#option div.border {
  border: 1px solid #717171;
}
#option div.optioncontent {
  position: relative;
  background-color: #EAEAEA;
  margin: 0px;
  padding: 0px;
}
#option div.otherpopular {
  margin-top: 2px;
  border-top: 1px solid #FFFFFF;
  padding-top: 1px;
}
#option td.column, #option td.columnlast {
  padding: 0px 3px;
  text-align: center;
  width: 65px;
}
#option td.column {
  border-left: 1px dashed #717171;
}

/* Options & Upgrade */
#commonpage {
  position: relative;
  margin: 0px 1px;
}
#commonpage div.photosearchbutton {
  top: 0px;
}
#commonpage div.options_upgrade {
  background: url(/images/options_upgrade.gif) bottom left no-repeat;
  padding-left: 70px;
  height: 42px;
  margin: 0px 10px;
}
#commonpage div.construction {
  background: url(/images/spec.gif) bottom left no-repeat;
  padding: 0px 0px 0px 25px;
  height: 58px;
  margin: 0px 10px;
}
#commonpage div.common_header h1.pageheader {
  padding-top: 8px;
}
#commonpage div.optionscontent {
  position: relative;
  margin: 0px 5px;
}
#commonpage div.decorate {
  background: url(/images/accessory_pic.jpg) bottom left no-repeat;
  height: 125px;
}
#commonpage div.decorate h1 {
  padding-top: 10px;
}
#commonpage div.diagram {
  margin: 50px 0px;
  text-align: center;
}
#commonpage div.currentbox {
  margin-left: 8px;
  padding: 2px 5px 3px 5px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
}
#commonpage div.currentbox div.currentdata {
  position: relative;
  margin-top: 2px;
}
#commonpage div.currentbox div.bottomlineup {
  bottom: 3px;
}
#commonpage div.currentbox .photobutton, #commonpage div.currentbox .portfoliobutton {
  margin-top: 4px;
}
#commonpage div.arrowdown {
  background: url(/images/arrowdown.gif) right 20px no-repeat;
}
#commonpage div.option_frame {
  background-color: #FFFFFF;
  height: 50px;
  width: 90px;
  padding: 6px 2px;
  border: 1px solid #000000;
  margin: 0px 3px 0px 0px;
  text-align: center;
}
#commonpage div.option_frame a {
  display: block;
  width: 100%;
  height: 100%;
}
#commonpage ul.aligncenter {
  padding-top: 20px;
}
/* specification */
#commonpage div.pricingbutton {
  margin-top: 8px;
}
#commonpage div.pics {
  margin: 30px 2px;
}
#commonpage div.pics img {
  float: left;
  margin: 0px 18px;
}
#commonpage div.pics img.first {
  margin-left: 0px;
}
#commonpage div.pics img.last {
  margin-right: 0px;
}
/* Floor plan */
#floorplan {
  position: relative;
  background: url(/images/floor_plan.gif) center left no-repeat;
  width: 71px;
  height: 46px;
  margin: 2px 0px 0px 8px;
  font-size: 8px;
}
#floorplan a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 10px;
  padding: 10px 0px 0px 5px;
}
#floorplan div.width {
  position: absolute;
  background-color: #FFFFFF;
  top: 15px;
  left: -2px;
}
#floorplan div.depth {
  position: absolute;
  background-color: #FFFFFF;
  top: 39px;
  left: 33px;
  line-height: 7px;
}
/* Testimony css */
.testimony {
  width: 146px;
  background: url(/images/doublequote_top.gif) top left no-repeat;
  border: 1px solid #000000;
}
.testimony div.testimonycontent {
  width: 136px;
  background: url(/images/doublequote_bottom.gif) bottom right no-repeat;
  padding: 5px;
  text-align: left;
}
.livehelp {
  width: 155px;
  height: 65px;
  background: url(/images/live_help.gif) center no-repeat;
}
.ranges {
  position: relative;
  border: 1px solid #000000;
  margin-top: 0px;
  padding: 2px 4px;
  width: 248px;
  height: 35px;
}
.profile {
  border: 1px solid #000000;
  padding: 2px;
  width: 142px;
}
.profile h1 {
  text-align: center;
}
.profile div.profilecontent {
  background-color: #EAEAEA;
  padding: 5px;
}
.profile div.spotlight {
  background: url(/cdn/images/spotlight.gif) top center no-repeat;
  height: 39px;
}
.profile p {
  margin: 4px 0px 0px 0px;
  padding: 0;
}
.bottomlineup {
   position: absolute;
   bottom: 0px;
}
.testimony_bg1 {
  background: url(/images/testimony_bg.gif) top right no-repeat;
}
.testimony_bg2 {
  background: url(/images/testimony_bg3.gif) right 50px no-repeat;
}
.testimony_bg3 {
  background: url(/images/testimony_bg2.gif) bottom right no-repeat;
}
.testimony_bg4 {
  background: url(/images/testimony_bg4.gif) right 50px no-repeat;
}
.testimony_bg5 {
  background: url(/images/testimony_bg5.gif) right top no-repeat;
}
.testimony_bg6 {
  background: url(/images/testimony_bg6.gif) right top no-repeat;
}
.short_story { margin: 0 0 0 65px; padding: 0;}
/* Shopping cart css */
#shoppingcart {
  position: relative;
  margin: 2px 10px;
}
#shoppingcart div.order_review {
  background: url(/images/order_review.gif) left top no-repeat;
  height: 44px;
}
#shoppingcart div.help {
  position: absolute;
  background: url(/images/helpchanel.gif) left top no-repeat;
  height: 61px;
  width: 151px;
  top: 5px;
  right: 0px;
}
#shoppingcart table.quote {
  position: relative;
  margin-top: 20px;
  width: 700px;
  border-collapse: collapse;
}
#shoppingcart table.quote td.col {
  position: relative;
  width: 335px;
}
#shoppingcart table.quote td.col .group {
  margin-top: 8px;
}
#shoppingcart table.quote td.bottom {
  vertical-align: bottom;
}
#shoppingcart table.quote td.col div.row {
  padding: 0px;
  margin: 0px;
  line-height: 13px;
}
#shoppingcart table.quote td.col div.row label {
  float: left;
  width: 245px;
}
#shoppingcart table.quote td.seperate {
  background: url(/images/dot-right.gif) 10px repeat-y;
  width: 20px;
}
#shoppingcart table.quote div.summary {
  position: relative;
  background: url(/images/arrow_half.gif) left top no-repeat;
  height: 96px;
  padding-top: 5px;
  margin-bottom: 5px;
}
#shoppingcart table.quote div.summary div.total {
  position: absolute;
  bottom: -2px;
  left: 0px;
  width: 100%;
  background-color: #D8D8D8;
}
#shoppingcart table.quote div.summary div.row label {
  text-align: right;
  padding-right: 100px;
  width: 145px;
}
#shoppingcart table.quote div.summary div.row label.sub {
  padding-left: 120px;
  width: 125px;
}
#shoppingcart table.quote div.actbuttons {
  width: 200px;
  padding-top: 5px;
}
#shoppingcart div.cartheader {
  margin-bottom: 5px;
}
#shoppingcart div.cartheader img {
  padding-right: 5px;
}
#shoppingcart div.stepbar {
  margin-top: 4px;
  height: 26px;
  border-bottom: 1px solid #000;
}
#shoppingcart div.stepbar h1.carttitle {
  padding-top: 6px;
}
#shoppingcart div.stepbar ul {
  margin: 0px;
  padding: 4px 0px;
  list-style: none;
}
#shoppingcart div.stepbar li {
  color: #AFAFAF;
  display: inline;
  padding: 4px 0px 4px 27px;
}
#shoppingcart div.stepbar li.first {
  background: url(/images/first.gif) top left no-repeat;
  height: 26px;
  color: #717171;
}
#shoppingcart div.stepbar li.second {
  background: url(/images/second.gif) top left no-repeat;
  height: 26px;
  color: #717171;
}
#shoppingcart div.stepbar li.third {
  background: url(/images/third.gif) top left no-repeat;
  height: 26px;
  color: #717171;
  margin-left: 10px;
}
#shoppingcart div.stepbar li.notlast {
  padding-right: 10px;
}
#shoppingcart table.cartlist {
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
}
#shoppingcart table.cartlist td {
  padding: 1px 2px;
}
#shoppingcart table.cartlist tr.header {
  background-color: #E7E7E7;
}
#shoppingcart table.cartlist tr.header td {
  border-bottom: 1px solid #FFFFFF;
}
#shoppingcart table.cartlist tr.header td.headerline {
  font-size: 1px;
  height: 2px;
  background-color: #000000;
}
#shoppingcart table.cartlist td.deletecol {
  width: 5%;
  text-align: center;
}
#shoppingcart table.cartlist td.quantitycol {
  width: 15%;
  text-align: center;
}
#shoppingcart table.cartlist td.namecol {
  width: 60%;
}
#shoppingcart table.cartlist td.pricecol {
  width: 10%;
  text-align: right;
}
#shoppingcart div.updatebar {
  margin: 20px 0px 2px 0px;
  border-bottom: 1px solid #000000;
}
#shoppingcart div.updatebar .greyarrow {
  background: url(/images/grey_arrow.gif) top left no-repeat;
  padding: 5px 0px 2px 30px;
}
#shoppingcart div.updatebar div.update {
  padding-top: 7px;
}
#shoppingcart div.updatebar div.greyarrow {
  margin-right: 100px;
}
#shoppingcart div.totalbar {
  margin-bottom: 2px;
}
#shoppingcart div.totalbar div.summary {
  position: relative;
  width: 280px;
  border-top: 1px solid #000000;
  padding-top: 5px;
}
#shoppingcart div.totalbar div.summary div.row {
  text-align: right;
  padding-left: 5px;
  line-height: 12px;
}
#shoppingcart div.totalbar div.summary div.total {
  background-color: #E7E7E7;
}
#shoppingcart div.totalbar div.summary div.row label {
  float: left;
  width: 150px;
  text-align: left;
}
#shoppingcart input.quantity {
  text-align: center;
}
#shoppingcart div.cartinfo {
  background: url(/images/arrow_next.gif) center right no-repeat;
  height: 110px;
  width: 400px;
  padding-top: 10px;
}
#shoppingcart div.billing, #shoppingcart div.shipping {
  position: relative;
  width: 340px;
  padding: 0px;
  margin: 0px;
  border: 1px solid #FFFFFF;
}
#shoppingcart div.billing {
  margin-right: 7px;
}
#shoppingcart div.formrow {
  padding: 2px;
  clear: none;
}
#shoppingcart div.formrow label {
  float: left;
  width: 100px;
  margin-top: 3px;
  padding-right: 3px;
  text-align: right;
}
#shoppingcart div.cartpayment {
  position: relative;
  margin: 10px 0px;
}
#shoppingcart div.continue {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 101px;
  background: url(/images/arrow_next.gif) top right no-repeat;
  text-align: center;
}
#shoppingcart div.continue input {
  margin-top: 105px;
}
#shoppingcart div.saperatecol {
  background: url(/images/dotv-1px.gif) left repeat-y;
  padding-left: 10px;
}
#shoppingcart div.cartdetail {
  position: relative;
  width: 500px;
}
#shoppingcart div.bar {
  background-color: #E7E7E7;
  height: 16px;
  padding-left: 2px;
}
#shoppingcart div.cartdetail div.bar {
  position: relative;
  margin-top: 4px;
}
#shoppingcart div.shadowline {
  border-bottom: 1px solid #000000;
  padding-bottom: 1px;
}
#shoppingcart div.cartdetail div.separaterow {
  margin-bottom: 8px;
  background: url(/images/doth-1px.gif) top repeat-x;
  font-size: 1px;
  height: 1px;
}
#shoppingcart div.cartdetail ul {
  background: url(/images/doth-1px.gif) top repeat-x;
  margin: 0px;
  padding: 0px;
}
#shoppingcart div.cartdetail ul.first {
  margin-top: 8px;
}
#shoppingcart div.cartdetail li {
  list-style: square;
  margin: 0px 0px 0px 15px;
  padding: 5px 0px;
}
#shoppingcart div.cartcontent {
  position: relative;
  height: 100%;
}

/* Plan styles */
#plans {
  position: relative;
  background: url(/images/plan_bg2.gif) top left no-repeat;
  margin: 0px 2px;
}
#plans div.photosearchbutton {
  top: 0px;
}
#plans div.craft {
  background: url(/images/plan_bg.gif) top right no-repeat;
  height: 60px;  
}
#plans h1.header1 {
  padding: 0px;
}
#plans div.maincontent {
  position: relative;
  margin: 0px;
  padding: 0px;
}
#plans div.pics {
  position: relative;
  height: 100%;
  width: 350px;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
#plans div.gallery {
  bottom: 0px;
  right: 0px;
}
#plans div.funproject {
  background: url(/images/afunproject.gif) center no-repeat;
  height: 25px;
  margin: 30px 0px;
}
#plans div.info {
  position: relative;
  margin: 10px 0px 0px 10px;
  width: 330px;
  height: 100%;
}
#plans div.list {
  bottom: 0px;
  left: 0px;
}
#plans div.project {
  position: relative;
  margin: 10px 0px;
}
#plans div.first {
  margin-top: 20px;
}
#plans div.project h1 {
  position: absolute;
  top: -8px;
  background: #FFFFFF;
  padding-right: 2px;
}
#plans div.garden, #plans div.cabanas, #plans div.gazebos, #plans div.spa, #plans div.playhouse, #plans div.cabins, #plans div.studios, #plans div.garages {
  height: 27px;
  padding: 0px;
  margin: 0px;
}
#plans div.garden {
  background: url(/images/plan_garden.gif) left center no-repeat;
  width: 48px;
}
#plans div.cabanas {
  background: url(/images/plan_cabanas.gif) left center no-repeat;
  width: 56px;
}
#plans div.gazebos {
  background: url(/images/plan_gazebos.gif) left center no-repeat;
  width: 55px;
} 
#plans div.spa {
  background: url(/images/plan_spa.gif) left center no-repeat;
  width: 61px;
}
#plans div.playhouse {
  background: url(/images/plan_playhouse.gif) left center no-repeat;
  width: 73px;
}
#plans div.cabins {
  background: url(/images/plan_cabins.gif) left center no-repeat;
  width: 45px;
}
#plans div.studios {
  background: url(/images/plan_studios.gif) left center no-repeat;
  width: 50px;
}
#plans div.garages {
  background: url(/images/plan_garages.gif) left center no-repeat;
  width: 54px;
}

/* File Folder css */
#filefolder {
  position: relative;
  margin: 0px 0px;
}
#filefolder .line {
  margin: 0px;
  padding-top: 0px;
}
#filefolder div.bg {
  background-color: #E7E7E7;
}
#filefolder div.button {
  position: relative;
  padding-left: 23px;
  margin: 0px;
  height: 15px;
}
#filefolder div.button a {
  width: 100%;
  height: 100%;  
  display: block;
  color: #BD0000; 
}
#filefolder div.button a.selected {
  color: #000000;
}
#filefolder div.button div {
  float: left;
  margin-right: 11px;
  width: 71px;
  border-top: 1px solid #717171;
  border-right: 1px solid #717171;
  border-left: 1px solid #717171;
  border-bottom: 0px;
  text-align: center;
  font-size: 9px;
  font-weight: bold;
}
#filefolder div.bar {
  position: relative;
  font-size: 6px;
  height: 6px;
  padding: 0px;
  margin: 0px;
}
#filefolder div.bar div {
  position: relative;
  height: 6px;
  font-size: 5px;
  padding: 0px;
  margin: 0px;
}
#filefolder div.cons_tab1 {
  background: url(/images/construction_tab.gif) left no-repeat;
}
#filefolder div.cons_tab2 {
  background: url(/images/construction_tab.gif) 133px no-repeat;
}
#filefolder div.cons_tab3 {
  background: url(/images/construction_tab.gif) 266px no-repeat;
}
#filefolder div.tab1 {
  background: url(/images/filefolder_selected.gif) left no-repeat;
}
#filefolder div.tab2 {
  background: url(/images/filefolder_selected.gif) 84px no-repeat;
}
#filefolder div.tab3 {
  background: url(/images/filefolder_selected.gif) 168px no-repeat;
}
#filefolder div.tab4 {
  background: url(/images/filefolder_selected.gif) 252px no-repeat;
}
#filefolder div.tabcolor1 {
  background: url(/images/filefolder_color.gif) left no-repeat;
}
#filefolder div.tabcolor2 {
  background: url(/images/filefolder_color.gif) 84px no-repeat;
}
#filefolder div.tabcolor3 {
  background: url(/images/filefolder_color.gif) 168px no-repeat;
}
#filefolder div.tabcolor4 {
  background: url(/images/filefolder_color.gif) 252px no-repeat;
}
#filefolder div.tabcolor5 {
  background: url(/images/filefolder_color.gif) 336px no-repeat;
}
#filefolder div.tabcolor6 {
  background: url(/images/filefolder_color_last.gif) 420px no-repeat;
}
#filefolder div.tabcolor90 {
  background: url(/images/filefolder_color90.gif) 336px no-repeat;
}
#filefolder div.doublesolidbar {
  position: relative;
}
#filefolder div.bottomleft1, #filefolder div.bottomright1, #filefolder div.bottomleft2, #filefolder div.bottomright2, #filefolder div.bottomleft3, #filefolder div.bottomright3, #filefolder div.bottomleft4, #filefolder div.bottomright4, #filefolder .bottomleft5, #filefolder .bottomright5, #filefolder .bottomleft6, #filefolder .bottomright6 {
  height: 4px;  
  font-size: 4px;
  background-color: #000000;
  margin: 0px;
  padding: 0px;
}
#filefolder div.eoptbottomleft1 {
  height: 2px;  
  font-size:2px;
  border-right: 0px;
  background-color: #717171;
  margin: 0px;
  padding: 0px;
  width: 0px;
}
#filefolder div.eoptbottomleft2 {
  height: 2px;  
  border-right: 0px;
  background-color: #717171;
  margin: 0px;
  font-size:2px;
  padding: 0px;
  width: 85px;
}
#filefolder div.eoptbottomleft3 {
  height: 2px;  
  border-right: 0px;
  font-size:2px;
  background-color: #717171;
  margin: 0px;
  padding: 0px;
  width: 169px;
}
#filefolder div.eoptbottomleft4 {
  height: 2px;  
  font-size:2px;
  border-right: 0px;
  background-color: #717171;
  margin: 0px;
  padding: 0px;
  width: 253px;
}

#filefolder div.bottomright1, #filefolder div.bottomright2, #filefolder div.bottomright3, #filefolder div.bottomright4, #filefolder .bottomright5, #filefolder .bottomright6 {
  border-left: 0px;
}
#filefolder div.bottomleft1, #filefolder div.bottomleft2, #filefolder div.bottomleft3, #filefolder div.bottomleft4, #filefolder .bottomleft5, #filefolder .bottomleft6 {
  border-right: 0px; 
}
#filefolder div.bottomleft4 {
  width: 253px;
}
#filefolder div.bottomright4 {
  position: absolute;
  width: 100px;
  left: 457px;
  top: 0px;
}
#filefolder div.eoptbottomright4 {
  position: absolute;
  border-left: 0px;
  width: 40px;
  left: 457px;
  top: 0px;
  height: 2px;  
  font-size:2px;
  background-color: #717171;
  margin: 0px;
  padding: 0px;
}
#filefolder div.eoptbottomright3 {
  position: absolute;
  border-left: 0px;
  width: 124px;
  left: 373px;
  top: 0px;
  height: 2px;  
  background-color: #717171;
  margin: 0px;
  font-size:2px;
  padding: 0px;
}
#filefolder div.eoptbottomright2 {
  position: absolute;
  font-size:2px;
  border-left: 0px;
  width: 208px;
  left: 289px;
  top: 0px;
  height: 2px;  
  background-color: #717171;
  margin: 0px;
  padding: 0px;
}
#filefolder div.eoptbottomright1 {
  position: absolute;
  border-left: 0px;
  font-size:2px;
  width: 292px;
  left: 205px;
  top: 0px;
  height: 2px;  
  background-color: #717171;
  margin: 0px;
  padding: 0px;
}
#filefolder div.bottomleft5 {
  width: 337px;
}
#filefolder div.bottomright5 {
  position: absolute;
  width: 16px;
  left: 541px;
  top: 0px;
}
#filefolder div.bottomleft6 {
  width: 421px;
}
#filefolder div.bottomright6 {
  position: absolute;
  width: 17px;
  left: 540px;
  top: 0px;
}
#filefolder div.bottomleft3 {
  width: 169px;
}
#filefolder div.bottomright3 {
  position: absolute;
  width: 184px;
  left: 373px;
  top: 0px;
}
#filefolder div.bottomleft2 {
  width: 85px;
}
#filefolder div.bottomright2 {
  position: absolute;
  width: 268px;
  left: 289px;
  top: 0px;
}
#filefolder div.bottomleft1 {
  width: 1px;
  font-size: 0px;
}
#filefolder div.bottomright1 {
  position: absolute;
  width: 352px;
  left: 205px;
  top: 0px;
}
#filefolder div.eoptbody {
  position: relative;
  border-bottom: 2px solid #717171;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
}
#filefolder div.body {
  position: relative;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  margin: 0 0 0 0;
  padding: 10px 10px;
  text-align: left;
}
#filefolder div.body li {
  padding: 3px 0px; 
}
.optionscontent div.list div.optionlist {
  padding: 0px;
  width: 380px;
  margin: 0 0px 0 auto;
}
#.optionscontent div.list div.optionlist table {
#  padding-left: 10px;
#  float: left;
#  border-collapse: collapse;
#}
#.optionscontent div.list div.optionlist table td.space {
#  padding-right: 2px;
#}
#.optionscontent div.list div.optionlist table td.morespace {
#  padding-right: 8px;
#}
.optionscontent div.list {
  padding: 0px;
  margin: 0px;
}
.headline {
  margin: 20px 0px;
}
.imagespace {
  margin-right: 15px;
}
.subcontent {
  padding: 15px 0px 15px 15px;
  width: 450px;
}
a.heart {
  background: url(/images/heart.gif) center left no-repeat;
  padding-left: 14px;
}
a.heart:hover {
  background: url(/images/heart_2.gif) center left no-repeat;
}
a.smile {
  background: url(/images/smile.gif) center left no-repeat;
  padding-left: 13px;
}
a.smile:hover {
  background: url(/images/smile_2.gif) center left no-repeat;
}
.greyarrow {
  background: url(/images/grey_arrow.gif) left 10px no-repeat;
  padding: 10px 0px 14px 30px;
}
.greyarrow:hover {
  background: url(/images/red_arrow.gif) left 10px no-repeat;
}
.greyarrow2 {
  background: url(/images/grey_arrow.gif) left 6px no-repeat;
  padding: 10px 0px 14px 30px;
}
.greyarrow2:hover {
  background: url(/images/red_arrow.gif) left 6px no-repeat;
}
a.underdotted {
  /*color: #aa5151;*/
  color: #bd0000;
  font-size: 9px;
  font-weight: bold;
/*  border-bottom: 1px dashed #bd0000; */
  text-decoration: none;
}
a.underdotted2 {
  color: #bd0000;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px dashed #bd0000;
  text-decoration: none;
}
a.softlink {
  color: #717171;
  text-decoration: none;
}
a.underdotted:hover {
  color: #717171;
  border-bottom: 1px dashed #bd0000;
  text-decoration: none;
}
a.underdotted2:hover {
  color: #BD0000;
  text-decoration: underline;
  border: none;
} 
a.softlink:hover {
  color: #BD0000;
  border-bottom: 1px dashed #bd0000;
  text-decoration: none;
}
ul.decimal li {
  list-style: decimal;
}
.panel {
  background-color: #f4f4f4;
  border: 1px solid #999999;
  padding: 5px;
}
.one_sm, .two_sm, .three_sm, .four_sm, .five_sm, .six_sm, .seven_sm, .eight_sm, .nine_sm, .ten_sm, .eleven_sm, .twelve_sm, .thirteen_sm {
  padding: 2px 0 3px 24px;
}
.one_sm {
  background: url(/images/1_sm.gif) left top no-repeat;
}
.two_sm {
  background: url(/images/2_sm.gif) left top no-repeat;
}
.three_sm {
  background: url(/images/3_sm.gif) left center no-repeat;
}
.four_sm {
  background: url(/images/4_sm.gif) left center no-repeat;
}
.five_sm {
  background: url(/images/5_sm.gif) left center no-repeat;
}
.six_sm {
  background: url(/images/6_sm.gif) left center no-repeat;
}
.seven_sm {
  background: url(/images/7_sm.gif) left center no-repeat;
}
.eight_sm {
  background: url(/images/8_sm.gif) left center no-repeat;
}
.nine_sm {
  background: url(/images/9_sm.jpg) left center no-repeat;
}
.ten_sm {
  background: url(/images/10_sm.jpg) left center no-repeat;
}
.eleven_sm {
  background: url(/images/11_sm.jpg) left center no-repeat;
}
.twelve_sm {
  background: url(/images/12_sm.jpg) left center no-repeat;
}
.thirteen_sm {
  background: url(/images/13_sm.jpg) left center no-repeat;
}
.one, .two, .three, .four, .five, .six, .seven, .eight {
  padding: 10px 0 2px 28px;
  height: 25px;
}
.one {
  background: url(/images/1.gif) left center no-repeat;
}
.two {
  background: url(/images/2.gif) left center no-repeat;
}
.three {
  background: url(/images/3.gif) left center no-repeat;
}
.four {
  background: url(/images/4.gif) left center no-repeat;
}
.five {
  background: url(/images/5.gif) left center no-repeat;
}
.six {
  background: url(/images/6.gif) left center no-repeat;
}
.seven {
  background: url(/images/7.gif) left center no-repeat;
}
.eight {
  background: url(/images/8.gif) left center no-repeat;
}
.numbered ul {
  padding-top:0px;
  margin-top:0px;
}
/* About us css*/
.aboutuslogo {
  background: url(/images/aboutus.gif) left top no-repeat;
  height: 15px;
  margin-left: 5px;
  padding: 10px 0px 0px 45px;
}
.aboutus {
  background: url(/images/girl.gif) right top no-repeat;
}
.monitormain div.textcontent, #commonpage div.textcontent {
  padding: 0px 5px;
}
.greenlight {
  color: #6BCA57;
}
.darkgreen {
  color: #397963;
}
.aboutus div.aboutus_content {
  width: 420px;
}
.monitormain div.showroomtime {
  width: 250px;
  border: 2px solid #717171;
  text-align: center;
}
.aboutus p.space {
  padding: 8px 0px;
}
.theteam img { margin-top: 2px; }
.theteam div.askexpert {
  margin-left: 150px;
}
#askexpert .header5 {
  margin: 8px 10px;
}
#askexpert .expert-topics {
  font-style: italic;
  font-size: 10px;
  padding-bottom: 8px;
}
/* Contact us css*/
.contactsidebar {
  /*height: 430px;  */
}
.contactlogo {
  background: url(/images/hand.gif) left top no-repeat;
  margin-left: 2px;
  padding: 14px 0px 0px 14px;
  height: 40px;
}
.contactlogo span.header3 {
  padding-left: 14px;
}
.contactpanel {
  position: relative;
  background: url(/images/headset.gif) right top no-repeat;
  width: 275px;
  height: 396px;
  margin: 5px 2px 5px 0px;
}
.contactpanel div.question {
  position: relative;
  margin: 8px 65px 8px 30px;  
}
.contactpanel div.quickhelp {
  position: relative;
  margin: 20px 10px 10px 30px;
  text-align: left;
}
.contactpanel div.quickhelp div {
  margin: 10px 0px;
}
/* Information css*/
.information {
  background: url(/images/info.gif) right top no-repeat;
}
.infologo {
  background: url(/images/i.gif) left top no-repeat;
  padding-left: 56px;
  margin-right: 160px;
}
.infologo h1 {
  padding-top: 5px;
  line-height: 20px;
}
.information div.header {
  background: url(/images/you.gif) left top no-repeat;
}
.information div.header .header2 {
  padding-top: 25px;
}
.information div.header .header2 label {
  padding-left: 65px;
}
.information div.buildingplan {
  margin: 25px 10px 0px 0px;
  width: 250px;
}
.information div.info {
  position: relative;
  padding: 10px 0px 20px 0px;
}
.information div.info div.col {
  width: 280px;
}
.information div.info div.col div {
  margin: 5px 0px;
}
.information div.info div.col a:link, .information div.info div.col a:visited {
  color: #717171;
  display: block;
  width: 90%;
}
.information div.info div.col a:hover {
  background: #6BCA57;
  color: #000000;
}
.infodetail {
  text-align: left;
}
.sample_image { /*FIXME*/
  border: 1px solid #000000;
  width: 150px;
  height: 90px;
}

/* Tips&Ideas */
.tipnideapanel {
  background: url(/images/tipnidea_bg.gif) right top no-repeat;
  height: 380px;
  padding: 0px 5px;
}
.tiplogo {
  background: url(/images/bulb.gif) left top no-repeat;
  height: 40px;
  padding-left: 27px;
  margin-left: 5px;
}
.tipnideapanel div.ideacontent {
  padding: 0px 10px;
  margin-right: 150px;
}
.tipnideapanel .tipphotos {
  margin: 10px 0px;
}
.tipnideapanel .tipphotos img {
  margin-right: 20px;
}
/* Favorite CSS*/
.favoritepanel {
  background: url(/images/favorite_bg.gif) top right no-repeat;
  height: 420px;
  padding: 0px 10px;
}
.favoritepanel div.map {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}
.favoriteoptions {
  z-index: 2;
  position: absolute;
  left: 10px;
}
.favoriteoptions div {
  float: left;
  width: 205px;
}

/* Gallery css */
.hscrollbar {
  position: relative;
}
.hscrollbar div.next {
  width: 9px;
  margin-left: 1px;
}
.hscrollbar div.previous {
  width: 9px;
  margin-right: 1px;
}
.hscrollbar div.options {
  width: 238px;
}
.hscrollbar div.next, .hscrollbar div.previous, .hscrollbar div.options, .hscrollbar div.options div {
  float: left;
}
.hscrollbar div.options div {
  margin-right: 3px;
}
.hscrollbar div.options div.last {
  margin-right: 0px;
}
.hscrollbar div.options div.center {
  margin-right: 4px;
}
.hscrollbar table {
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
  height: 41px;
}
div.frame_small div.image {
  margin: 0px;
  padding: 0px;
  background-color: #E4E2E5;
  height: 35px;
  width: 51px;
}
div.frame_cat img.image {
  margin: 0px;
  padding: 0px;
  background-color: #E4E2E5;
  width: 110px;
  height: 75px;
}
/* Search form css */
.searchbar {
  position: relative;
  border: 1px solid #000000;
  margin: 0px;
  padding: 2px 4px 0px 4px;
  width: 177px;
  height: 464px;
}
.searchbar div.searchbuttons {
  margin-top: 10px;
}
.searchbar input, .searchbar select {
  font-size: 11px;
}
.searchbar select {
  width: 170px;
}
.searchpanel {
  position: relative;
  height: 466px;
}
.searchresultheader {
  margin-left: 40px;
}
.searchbg {
  background: url(/images/robot.gif) top right no-repeat;
}
.searchbg div.searchtext {
  padding: 2px 125px 0px 0px;
  text-align: left;
}
.searchbox {
  position: absolute;
  background:url(/images/search_bg.gif) no-repeat;
  width: 490px;
  height: 91px;
  padding: 10px 18px;
  bottom: 0px;
  left: 1px;
}
.searchbox h1 {
  margin-bottom: 5px;
}
.leftsidebarsearch {
  position: relative;
  padding-top: 26px;
  margin-left: -193px;
}
.leftcontentsearch {
  padding-left: 192px;
}

/* configuration page */
#configform {
  position: relative;
  padding: 3px 4px 4px 4px;
}
#configform div.arrowus {
  background: url(/images/arrow_half_us.gif) top left no-repeat;
}
.solidline {
  border-bottom: 1px solid #4F5055;
}
#configform div.arrow {
  background: url(/images/arrow_half.gif) bottom left no-repeat;
}
#configform div.sidebarnav div.align {
  padding: 0px 5px;
}
#configform div.sidebarnav table.table {
  line-height: 10px;
}
#configform div.sidebarnav div.optionlist {
  position: relative;
  height: 160px;
}
#configform div.sidebarnav div.optionlistus {
  position: relative;
  height: 150px;
}
#configform div.sidebarnav div.item {
  width: 110px; height: 1.1em; overflow: hidden; text-overflow: ellipsis;
}
#configform div.sidebarnav div.up {
  margin-top: 1px;
  height: 13px;
}
#configform .floor span, #configform .floor label, #configform .floor input {
  vertical-align: middle;
}
#configform div.sidebarnav div.down {
  position: absolute;
  bottom: 1px;
  height: 13px;
}
#configform div.sidebarnav div.summary {
  margin: 3px 0px 0px 20px;
}
#configform div.sidebarnav div.summary table {
  width: 100%;
  border-collapse: collapse;
}
#configform div.sidebarnav div.summary td {
  line-height: 10px;
}
#configform div.sidebarnav div.summary td.title {
  height: 15px;
}
#configform div.paneldetail div.buythisbar {
  position: relative;
  bottom: 0px;
  margin: 0px;
  padding: 1px 5px;
}
#configform div.paneldetail div.buythisbar td {
  vertical-align: top;
}
.callme {
  background: url(/images/phone.gif) left top no-repeat;
  height: 12px;
  padding: 8px 0px 0px 10px;
}
#configform div.rightsidebarconfig {
  position: absolute;
  padding: 4px;
  border: 1px solid #717171;
  top: 4px;
  right: 4px;
}
#configform div.contentconfig {
  position: relative;
  width: 506px;
  height: 460px;
  margin: 0px;
  padding: 0px;
}
.hiringcontractor {
  background: url(/images/hiringcontractor.gif) top center no-repeat;
  height: 17px;
  margin: 10px 0px;
}
/* Sidebar */
#configform div.paneldetail {
  position: relative;
  background-color: #EAEAEA;
  height: 450px;
  width: 195px;
  padding: 0px;
  margin: 0px;
}
#configform div.panelportfolio {
  background-color: #EAEAEA;
}
#configform div.sidebarnav select, #configform div.sidebarnav input {
  font-size: 10px
}
#configform div.sidebarnav {
  position: relative;
  font-size: 9px;
  margin: 0px;
  padding: 0px;
}
#configform div.sidebarnav .aligncenter {
  margin: 0px 5px;
}
#configform div.sidebarnav div.row {
  padding: 2px;
  clear: none;
  text-align: right;
}
#configform div.sidebarnav div.row label {
  float: left;
  width: 125px;
  text-align: left;
}
#configform div.sidebarnav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#configform div.sidebarnav li {
  margin: -3px 0px;
  line-height: 8px;
}
#configform div.sidebarnav li input, #configform div.sidebarnav li label {
  vertical-align: middle;
}
#configform h1.sidebartitle {
  background: url(/images/green_bg2.gif) #FFFFFF repeat;
  height: 15px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #717171;
  color: #000;
}
#hidden_frame {
  display: none;
  width: 0px;
  height: 0px;
}
#configform div.sidebarnav div.us {
  position: relative;
  height: 70px;
}

#configform div.sidebarnav div.us table {
  vertical-align: middle;
}

#configform div.sidebarnav div.ca {
  height: 120px;
}

/* Option Sample photo */
.sample_photo, .popup_form {
  position: relative;
  width: 585px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  margin: 2px auto;
  text-align: left;
  padding: 4px;
}
.sample_photo table {
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
}
.sample_photo table.tabbuttons {
  margin-top: 10px;
  width: 100%;
}
.sample_photo table.tabbuttons td {
  width: 50%;
  text-align: center;
}
.sample_photo table.tabbuttons td div {
  margin: 0px auto;
}
.sample_photo table.tabbuttons td h1 {
  margin: 0px auto;
  width: 250px;
}
.sample_photo h1.header1 {
  text-align: center;
}
.sample_photo div.photos {
  margin: 20px 0px 0px 0px;
}
.sample_photo div.deletebutton {
 position: absolute;
 top: 2px;
 right: 3px;
}
.sample_photo div.printbutton {
  position: absolute;
  top: 0px;
  right: 100px;
}
.sample_photo div.option_photoframe {
  height: 122px;
  width: 177px;
  padding: 3px;
  border: 1px solid #000000;
}
.sample_photo div.option_photoframe div.image {
  margin: 0px;
  padding: 0px;
  background-color: #808080;
  height: 120px;
  width: 175px;
}

#custom_support_window table {
  width: 100%;
  table-layout: fixed;
  margin-top: 7px;
}
#custom_support_window table tr td {
  width: 33%;
  text-align: center;
}
#custom_support_window ul {
  margin: 0px 0px 10px 15px;
  padding: 0px;
}

/* 3D Tour elements*/
.tour3dlogo {
  background: url(/images/take.gif) top left no-repeat;  
  height: 42px;
  margin: 3px 0px 0px 0px;
  padding: 15px 0px 0px 35px;
}
.tour3d {
  background: url(/images/pop_corn.gif) right top no-repeat;
  padding: 0px 10px;
}
.tour3d div.info {
  padding-right: 170px;
}
.tour3d div.bottomlineup {
  margin-bottom: 5px;
}
.tour3d div.bottomlineup div.testimony {
  margin-right: 15px;
}
.tour3d div.bottomlineup h1.header3 {
  padding-top: 30px;
}

/* Custom design center emelents*/
.cdc {
  background: url(/images/cdc1.gif) right 15px no-repeat;
  padding: 0px 2px;
}
.cdclogo {
  background: url(/images/logo.gif) left top no-repeat;
  height: 32px;
  padding: 8px 0px 0px 37px;
}
.cdc div.info {
  padding: 0px 100px 0px 10px;
}
.cdc div.sample {
  background: url(/images/cdc2.gif) left 15px no-repeat;
  height: 220px;
  margin: 30px 0px 2px 2px;
  padding-left: 120px;
}
.cdc div.sample .photo {
  margin: 20px 0px;
}
.cdc h1 {
  line-height: 20px;
}
body#cdc_review div.sides div.side {
  float: left;
  border-right: 1px solid black;
  padding: 0px;
  margin: 0px;
}
body#cdc_review {
  background: white;
}
body#cdc_review div.sides div.lastside {
  border-right: none;
}
.customer_pics {
  margin: 20px 0px;
}
.customer_pics h2 {
  padding: 0px;
  margin: 0px 0px 50px 0px; 
  line-height: 10px;
  font-weight: normal;
}
/* Mix n Match page */
#mixnmatch {
  position: relative;
  margin: 5px 2px;
}
#mixnmatch .customize {
  background: url(/images/customize.gif) 22px top no-repeat;
}
#mixnmatch .customize .two_sm {
  padding-left: 0px;
}
#mixnmatch .three_sm select {
  margin: 0px 30px 0px 3px;
}
#mixnmatch .header .customize {
  padding-left: 130px;
  background: url(/images/customize.gif) no-repeat;
  width: 500px;
}
#mixnmatch .logo {
  background: url(/images/girls.gif) top left no-repeat;
  padding: 4px 0px 0px 32px;
  height: 24px;
}
#mixnmatch div.header {
  padding: 0px 6px;
}
#mixnmatch div.body {
  position: relative;
  margin: 8px 0px;
  padding: 0px 3px;  
}
#mixnmatch div.customizebox {
  padding-bottom: 8px;
  border: 2px solid #000;
}
#mixnmatch div.customizebox h1 {
  margin: 0px;
  padding: 0px 5px;
  height: 17px;
  background-color: #E7E7E7;
  border-bottom: 1px solid #000;
}
#mixnmatch div.customizebox h1.boxheader {
  padding-left: 245px;
}
#mixnmatch div.options {
  border: 2px solid #000;
}
#mixnmatch div.options table {
  margin: 5px 0px 5px 2px;
  border-collapse: collapse;
  width: 99%;
}
#mixnmatch div.options table td {
  line-height: 11px;
  width: 14.90%;
}
#mixnmatch div.options table td.text {
  width: 20%;
  line-height: 15px;
}
#mixnmatch div.options table img {
  border: 1px solid #000;
}
#mixnmatch div.customizebox div.mixmatchtext {
  margin: 8px 0px 0px 205px;  
}
#mixnmatch div.customizebox div.updatequotebutton {  
  margin: 5px 0px 0px 43px;
}
#mixnmatch div.customizebox div.currentbox {
  float: left;
  margin: 0px 5px;
  width: 194px;
  height: 227px;
  border: 1px solid #000;
  border-top: 0px;
}
#mixnmatch div.customizebox div.currentbox div.frame_review {
  margin-top: 2px;
  text-align: center;
  height: 207px;
}
#mixnmatch div.customizebox div.currentbox h1 {
  border-top: 1px solid #000;
  text-align: center;  
}
#mixnmatch div.customizebox div.list {
  margin: 0px 5px 0px 205px;
  height: 247px;
  border: 1px solid #000;
}
#mixnmatch div.customizebox div.list table {
  border-collapse: collapse;
  width: 100%;
}
#mixnmatch div.customizebox div.list td {
  padding: 0px;
  margin: 0px;
}
#mixnmatch div.customizebox div.list td.rowheader {
  height: 17px;
  background-color: #E7E7E7;
  padding-left: 5px;
  border-bottom: 1px solid #000;
}
#mixnmatch div.customizebox div.list td.row {
  height: 65px;
  text-align: center;
  vertical-align: middle;
  padding: 0px 2px;
}
#mixnmatch div.customizebox .bordertop {
  border-top: 1px solid #000;
}
#mixnmatch div.customizebox a {
  width: 100%;
}
#mixnmatch div.imagebox, #mixnmatch div.imageselectedbox {
  padding-top: 5px;
  border: 1px solid #FFF;
}
#mixnmatch div.imageselectedbox {
  border: 1px solid #000;
}

/* home page */
.home {
  margin: 20px 0px 10px 3px;
}
.home div.info {
  margin-right: 3px;
}
.home div.info h1 {
  padding: 0px;
  line-height: 11px;
}
.home div.solidline {
  height: 2px;
  font-size: 2px;
  background-color: #000000;
}
.home div.videobox {
  position: relative;
  margin: 2px 0px 5px 0px;
}
.home div.videobox h1.topbar {
  height: 13px;
  background-color: #EFEFEF;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #000;
}
.home div.videobox h1.bottombar {
  height: 15px;
  background-color: #EFEFEF;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}
.home div.videobox div.mainbar {
  position: relative;
  height: 180px;
  border-left: 1px solid #707070;
  padding: 1px 1px 1px 0px;
}
.home div.videobox div.mainbar div.services {
  width: 189px;
}
.home div.videobox div.mainbar div.services div {
  height: 44px;
  margin-bottom: 1px;
}
.home div.videobox div.mainbar div.services div.special {
  height: 45px;
  margin-bottom: 0px;
}
.home div.products {
  position: relative;
  border: 1px solid #676767;
  background-color: #F2F2F2;
  padding: 5px 5px 5px 10px;  
  width: 125px;
}
.home div.products ul {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
.home div.products li {
  list-style: none;
  font-weight: bold;
  font-size: 9px;
  padding: 0px;
  margin: 0px;
  line-height: 12px;
}
.home div.products .dotred {
  background: url(/images/dot-red.gif) left 3px no-repeat;
  padding-left: 9px;
}
.home div.profile {
  width: 136px;
}
.home div.optbox {
  position: absolute;
  background: url(/images/blackline.gif) right 19px no-repeat;
  width: 153px;
  z-index: 1;
}
.home div.optbox div {
  background-color: #FFF;
  border: 1px solid #000;
  width: 140px;
  line-height: 11px;
  padding: 2px;
}
.home div.content div.text {
  padding-left: 3px;
}

.style1 {
    color: #717171
}

.style2 {
    font-size: 18px;
    font-weight: bold;
}
.assembly {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.assembly li.num_one, .assembly li.num_two, .assembly li.num_three, .assembly li.num_four, .assembly li.num_five, .assembly li.num_six, .assembly li.num_seven, .assembly li.num_eight, .assembly li.num_nine {
  position: relative;
  padding-left: 28px;
  padding-top: 4px;
}
.assembly li.num_one {
  background: url(/images/one.gif) left top no-repeat;
}
.assembly li.num_two {
  background: url(/images/two.gif) left top no-repeat;
}
.assembly li.num_three {
  background: url(/images/three.gif) left top no-repeat;
}
.assembly li.num_four {
  background: url(/images/four.gif) left top no-repeat;
}
.assembly li.num_five {
  background: url(/images/five.gif) left top no-repeat;
}
.assembly li.num_six {
  background: url(/images/six.gif) left top no-repeat;
}
.assembly li.num_seven {
  background: url(/images/seven.gif) left top no-repeat;
}
.assembly li.num_eight {
  background: url(/images/eight.gif) left top no-repeat;
}
.assembly li.num_nine {
  background: url(/images/nine.gif) left top no-repeat;
}
.assemblytime table {
  width: 100%;
}
.assemblytime .solidspace {
  height: 20px;
  border-bottom: 1px solid #000
}

/* Linking to summerwood css */
.termpage {
  position: relative;
  padding: 5px;
}
.termpage .logo {
  background: url(/images/linking.gif) top left no-repeat;
  margin-left: 10px;
  padding-left: 72px;
}
.termpage td.infopanel {
  width: 246px;
  background-color: #E7F5E4;
  padding: 10px 5px 10px 10px;
}
.termpage td.infopanel h1, .termpage div.infopanel li {
  color: #61D24C;
}
.termpage td.infopanel ul {
  margin: 0px;
  padding: 2px 0px 0px 20px;
}
.termpage td.infopanel li {
  list-style: url(/images/green_arrow.gif);
  font-weight: bold;
  margin: 0px;
  padding-bottom: 5px;
  line-height: 15px;
}
.termpage td.infopanel li a:link, .termpage td.infopanel li a:visited {
  color: #61D24C;
}
.termpage td.infopanel li a:hover {
  color: #BD0000;
}
.termpage td.linkingpanel {
  padding: 5px 0px 5px 10px;
}
.termpage .titlebar {
  padding: 4px;
  background-color: #D9D9D9;
}
.termpage .separateline {
  padding: 0px;
  margin: 8px 0px;
  border-top: 1px solid #D9D9D9;
}
.termpage table {
  width: 100%;
  border-collapse: collapse;
}
.termpage .terms {
  margin-left: 20px;
}
.termpage td.title {
  background-color: #D9D9D9;
  padding: 5px 0px;
}
.termpage table.sitemap {
  margin-bottom: 10px;
}
.termpage table.sitemap td {
  padding-left: 5px;
  padding-right: 5px;
}
.termpage table.sitemap ul {
  margin: 0px;
  padding-left: 10px;
  
}
.brochure input {
  vertical-align: middle;
}
.scrollbar {
  position: relative;
  padding: 0px 3px;
  width: 250px;
  height: 16px;
  border: 1px solid #000;
  background-color: #fff;
  margin-bottom: 2px;
}
.scrollbar div {
  float: left;
  font-size: 9px;
  font-weight: bold;
  text-align: center;
}
.scrollbar .next, .scrollbar .previous, .scrollbar .next_disabled, .scrollbar .previous_disabled {
  position: relative;
  width: 90px;
}
.scrollbar .next {
  background: url(/images/speedbar_next.jpg) right 5px no-repeat;
}
.scrollbar .previous {
  background: url(/images/speedbar_previous.jpg) left 5px no-repeat;
}
.scrollbar .next_disabled {
  background: url(/images/speedbar_next_disabled.jpg) right 5px no-repeat;
}
.scrollbar .previous_disabled {
  background: url(/images/speedbar_previous_disabled.jpg) left 5px no-repeat;
}
.scrollbar .info {
  width: 68px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background-color: #CCC;
  height: 16px;
}
.scrollbar .nextbutton {
  background: url(/images/next.gif) left top no-repeat;
  height: 7px;
  width: 5px;
}
.scrollbar a {
  display: block;
}
.permit_bg {
  background: url(/images/registered.gif) right 10px no-repeat;
  padding-right: 85px;
}
.sidingbox {
  width: 150px;
  background-color: #D9D9D9;
  border: 1px outset #CCC;
  padding: 4px;
}
.sidingbox div.info {
  border: 1px inset #CCC;
  padding: 3px;
}
.num1, .num2, .num3, .num4, .num5, .num6, .num7, .num8, .num9, .num10 {
  padding: 5px 0 5px 28px;
}
.num1 {
  background: url(/images/numbers1_sm.gif) left top no-repeat;
}
.num2 {
  background: url(/images/numbers2_sm.gif) left top no-repeat;
}
.num3 {
  background: url(/images/numbers3_sm.gif) left top no-repeat;
}
.num4 {
  background: url(/images/numbers4_sm.gif) left top no-repeat;
}
.num5 {
  background: url(/images/numbers5_sm.gif) left top no-repeat;
}
.num6 {
  background: url(/images/numbers6_sm.gif) left top no-repeat;
}
.num7 {
  background: url(/images/numbers7_sm.gif) left top no-repeat;
}
.num8 {
  background: url(/images/numbers8_sm.gif) left top no-repeat;
}
.num9 {
  background: url(/images/numbers9_sm.gif) left top no-repeat;
}
.num10 {
  background: url(/images/numbers10_sm.gif) left top no-repeat;
}
/*  Call Me css */
.call_please {
  width: 652px;
  border-collapse: collapse;
}
.call_please .bg {
  background: url(/images/green_bg2.gif) top left repeat-x;
  height: 12px;
  
}
.call_please .bg2 {
  background: url(/images/green_bg3.gif) top left repeat-y;
}

/* Register css */
.register {
  width: 300px;
  background-color: #E0E7E2; 
  border: 1px solid #88B499;
  margin-left: 5px;
}
.register h1.title {
  text-align: center;
}
.register div.row {
  padding: 2px;
  clear: none;
}
.register div.row label {
  float: left;
  width: 80px;
  text-align: right;
  margin-top: 3px;
  padding-right: 3px;
}
/* colour css */
.chooser_link {
    color       : black ;
    text-decoration : none ;
}
#review_screen {
  position: relative;      
  font-size : 8pt ;
  text-align : center ;
}
#review_screen div.monitor {
  position: relative;
  float: left;
  width: 120px;
  background-color: #E5EFE5;
  margin-left: 5;
  border: 1px solid #FFF;
  padding: 1px;
}
#review_screen div.selected {
  border: 1px solid red;
  padding: 1px;
}
.monitor div.topline {
  position: relative;
  background: url(/coloursplash/top.gif) top left repeat-x;
  height: 3px;
}
.monitor div.bottomline {
  position: relative;
  background: url(/coloursplash/bottom.gif) top left repeat-x;
  height: 3px;
  font-size: 3px;
}
.monitor div.leftline {
  background: url(/coloursplash/left.gif) top left repeat-y;
}
.monitor div.rightline {
  background: url(/coloursplash/right.gif) top right repeat-y;
  height: 50px;
}
.monitor div.topleft, .monitor div.topright, .monitor div.bottomleft, .monitor div.bottomright {
  position: absolute;
  height: 3px;
  width: 3px;
  font-size: 3px;
}
.monitor div.topleft {
  background: url(/coloursplash/topleft.gif) top left no-repeat;
  left: 0px;
  top: 0px;
}
.monitor div.topright {
  background: url(/coloursplash/topright.gif) top right no-repeat;
  right: 0px;
  top: 0px;
}
.monitor div.bottomleft {
  background: url(/coloursplash/bottomleft.gif) left 0px no-repeat;
  left: 0px;
  top: 0px;
}
.monitor div.bottomright {
  background: url(/coloursplash/bottomright.gif) right 0px no-repeat;
  right: 0px;
  top: 0px;
}
.monitor a, monitor a:visited {
  display: block;
  width: 100%;
  height: 100%;
  color: #717171;
}
.monitor a:hover {
  color: #BD0000;
}
.monitor div.samplebar {
  position: absolute;
  height: 5px;
  width: 118px;
  left: 1px;
  bottom: 1px;
}
/* Garden accents css */
.garden_logo {
  background: url(/images/garden_bg2.gif) top left no-repeat;
  height: 54px;
  padding-left: 40px;
}
.garden_bg {
  background: url(/images/garden_bg.gif) top right no-repeat;
}
#askexpect .expert-topics {
  font-style: italic;
  font-size: 10px;
  padding-top: 0px;
  margin-top: 0px;
}
.dimension_desc {
  position: absolute;
  right: 20px;
  bottom: 50px;
  width: 200px;
  height: 50px;
}
table.cutaway {
  border-collapse: collapse;
}
table.cutaway td { width: 33%; padding: 0 2px; }
table.cutaway label {
  float: left;
  font-weight: bold;
}
table.cutaway label { width: 21px; }
table.cutaway div div { margin-left: 21px; }
table.dimension { border-collapse: collapse; }
table.dimension td { padding: 5px; line-height: 12px; }
.bargain_bg {
  background: url(/images/bargain_bg.jpg) right top no-repeat;
  height: 256px;
}
.bargain_bg .logo {
  background: url(/images/bargain_logo.gif) top left no-repeat;
  padding: 3px 0px 3px 40px;
}
.sale_logo {
  background: url(/images/sale_logo.gif) left top no-repeat;
  height: 70px;
  width: 108px;
}
.eseries_otherstyle {
    position: relative;
    background: url(/images/Econo_Sheds_BG2.jpg) top no-repeat;
    border: 1px dashed #717171;
    width: 220px;
    height: 37px;
}
.eseries_bg {
    position:absolute;
    background: url(/images/Econo_Sheds_BG2.jpg) top repeat;
    border: 0px;
    left: 2px;
    width: 718px;
    height: 431px;
    z-index:0;
}
.shed_bg {
    background: url(/images/hose.jpg) 525px top no-repeat;
}
.pool_bg {
    background: url(/images/pool_bg.jpg) right top no-repeat;
}
.gazebo_bg {
    background: url(/images/gazebo_bg.jpg) 390px top no-repeat;
}
.studio_bg {
    background: url(/images/studio_bg.jpg) 470px top no-repeat;
}
.workshop_bg {
    background: url(/images/workshop_bg.jpg) 440px top no-repeat;
}
.garages_bg {
    background: url(/images/car.jpg) 550px top no-repeat;
}
.spas_bg {
    background: url(/images/feet.jpg) 480px top no-repeat;
}
.cabins_bg {
    background: url(/images/frog.jpg) 550px top no-repeat;
}
.playhouses_bg {
    background: url(/images/kids.jpg) 480px top no-repeat;
}

#inaccurate_freight {
    float: right;
    font-style: normal;
}

/* IE hack to fix rendering/position problems: */
* html #add_tagline {
    margin-top: -15px;
}

/* Assembly css */
table.tab_assembly {
    position: relative;
    border-collapse: collapse; width: 500px;
}
table.tab_assembly td.secondcol {
    padding-left: 8px;
}
table.tab_assembly div.img_box {
    position: relative; border: 1px solid #000; margin-top: 8px; padding: 2px; width: 252px;
}
table.tab_assembly div.number {
    position: absolute; left: -2px; top: -2px;height: 14px;
}
table.tab_assembly div.special {
   padding: 20px 0 0 3px;
}
.infoboxstyle {
  position: absolute;
  color: black;
  border: black;
  border-style: solid;
  border-top-width: 1px;
  border-bottom-width: 3px;
  border-left-width: 6px;
  border-right-width: 6px;
  background-color: #EFEFEF;
  z-index: 1;
  visibility: hidden;
}