BODY {PADDING:0px; MARGIN: 0px; voice-family: "\"}\""; voice-family: inherit; font-family:Arial, Helvetica, sans-serif; color:#655c43; font-size:0.96em; background:#1a1a1a url(../images/bg-body.jpg) no-repeat top center;} a, img, span {border:0; margin:0; padding:0;} p{ padding:0px; margin:0px; font-size:0.96em; color:#655c43; line-height:17px; text-decoration:none; font-weight:normal;} h1{ margin:0px; padding:0px; font-size:2.0em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#68b324; line-height:23px; letter-spacing:0px;} h1 span{color:#765f21;} h2{ margin:0px; padding:0px; font-family:"Avant Garde"; font-size:2.27em; font-weight:normal; color:#fff; line-height:29px;} h3{ margin:0px; padding:0px; font-size:1.58em; font-weight:normal; color:#fff; line-height:35px;} h3 span{font-size:1.72em; line-height:35px; font-weight:normal} h4{ margin:0px; padding:0px; font-size:1.45em; font-weight:bold; color:#5fa91d; line-height:25px; letter-spacing:0px; vertical-align:top;} h5{ margin:0px; padding:0px; font-size:1.45em; font-weight:bold; color:#5fa91d; line-height:28px; } h6{ margin:0px; padding:0px; font-size:1.8em; font-weight:normal; color:#5fa91d; line-height:23px; font-style:italic;} .dotedlin{border-bottom:1px dotted #b3d592; height:28px; vertical-align:top;} ul{margin:0px; padding: 0 0 0 40px;} .right{float:right; padding:0px; margin:0px;} .left{float:left; padding:0px; margin:0px;} .textbox{ border:none; padding:5px 5px 0 5px; background:#fbfafa; font-family:Tahoma; font-size:0.96em; color:#696464; height:20px; width:225px; border:1px solid #d4d4d4; } .textarea{ border:none; padding:5px 5px 0 5px; background:#fbfafa; font-family:Tahoma; font-size:0.96em; color:#696464; height:25px; width:225px; height:80px; border:1px solid #d4d4d4;} table, input, inputtexarea {FONT-SIZE: 12px; COLOR: #626362; FONT-FAMILY: arial; text-align:left; line-height:18px;} .paratext{color:#655c43; line-height:18px; font-size:0.96em; text-decoration:none;} .paratextdiy{color:#655c43; line-height:18px; font-size:1.1em; text-decoration:none; font-weight:bold;} .ptitle{color:#5fa91d; line-height:18px; font-size:1.18em; text-decoration:none; font-weight:bold;} .tdmain{background:#99c733; padding:0 8px; vertical-align:top;} .tdbggray{background:#e7e3d5; height:5px;} .toppad5{padding-top:5px; } .topmar{vertical-align:bottom; padding-bottom:4px;} .topmar1{vertical-align:bottom; margin-bottom:25px; float:left; margin-right:5px; } /* Header */ .headerbg{background:url(../images/bg-header.gif) repeat-x; height:110px;} .life{background:url(../images/this-is-living.jpg) no-repeat; width:268px; height:110px;} /*Top Links */ .toplinkbg{background:url(../images/bg-toplink.gif) repeat-x; height:36px;} #manu{ padding:0 0 0 0px; margin:0; list-style:none; height:36px; position:relative; white-space:nowrap;} #manu li {float:left;} #manu li a { display:block; float:left; font-size: 1.2em; padding:0 0px 0 19px; font-weight:bold; background:url(../images/bgtoplink-ho1.gif) repeat-x right top; text-decoration:none; color:#fff; line-height:36px; height:36px; cursor:pointer;} #manu li a span {float:left; padding:0px 20px 0px 0px; display:block;} #manu li a:hover {background:url(../images/bgtoplink-ho1.gif) no-repeat right -36px;} #manu li a:hover span {background:url(../images/bgtoplink-ho1.gif) no-repeat right -36px;} #manu li.current a {background:url(../images/bgtoplink-ho1.gif) no-repeat left -36px;} #manu li.current a span {background:url(../images/bgtoplink-ho1.gif) no-repeat right -36px;} #manu li.current a:hover {background:url(../images/bgtoplink-ho1.gif) no-repeat right -36px; cursor:pointer;} #manu li.current a:hover span {background:url(../images/bgtoplink-ho1.gif) no-repeat left -36px;} /* Diy Page Manu */ ul.leftlink {margin:0px 0; padding:0px 0 0 1px; list-style:none; } ul.leftlink li{height:31px; margin:0px; padding:0px; display:block; float:left; } ul.leftlink li a{font-family:Arial, Helvetica, sans-serif; font-size:1.04em; color:#fff; font-weight:bold; height:31px; line-height:28px; text-decoration:none; padding:0px 0 0px 22px; width:160px; display:block; background:url(../images/bg-leftlink.gif) repeat-x; } ul.leftlink li a:hover{ background:url(../images/bg-leftlink-ho.gif) repeat-x; color:#43340d;} ul.leftlink li.current a{background:url(../images/bg-leftlink-ho.gif) repeat-x; color:#43340d;} ul.leftlink li.current a:hover{background:url(../images/bg-leftlink-ho.gif) repeat-x; color:#43340d;} .leftlink li:hover > a. {background:url(../images/bg-leftlink-ho.gif) repeat-x; color:#43340d;} .leftlink li:hover > a.{background:url(../images/bg-leftlink-ho.gif) repeat-x; color:#43340d;} .leftlink li.current a.{color:#fff; } .leftlink li.current a.{} /* Submanu */ .leftlink a:hover {visibility:visible; position:relative; z-index:200;} .leftlink li:hover {position:relative; z-index:200;} /* keep the 'next' level invisible by placing it off screen. */ .leftlink ul, .leftlink :hover ul ul, .leftlink :hover ul :hover ul ul, .leftlink :hover ul :hover ul :hover ul ul, .leftlink :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0px; list-style:none;} .leftlink :hover ul.sub {left:181px; top:-1px; background: #7be31d; padding:4px; border:0px solid #d0bc89; white-space:nowrap; width:180px; height:auto; z-index:300 } .leftlink :hover ul.sub li {display:block; height:31px; position:relative; float:left; width:180px; font-weight:bold; font-size:1.0em; color:#43340d; background-color:#2d6b02; border-bottom:1px solid #7be31d; text-align:left; } .leftlink :hover ul.sub li a {display:block; font-size:1.0em; height:30px; width:175px; line-height:30px; text-indent:0px; color:#fff; text-decoration:none; background:#2d6b02; text-align:left; padding:0 0 0 5px;} .leftlink :hover ul.sub li a.fly { text-align:left; } .leftlink :hover ul.sub li a:hover { color:#534009; background:url(../images/bg-sub-leftlink-ho.gif) repeat-x; border-bottom:1px solid #3b9300; } .leftlink :hover ul.sub li a.fly:hover {color:#efefef;} .leftlink :hover ul li:hover > a.fly {color:#efefef;} /* #info {height:400px;} .tabs {list-style:none; padding:5px 0 0 0px; height:36px; background:url(../images/bg-toplink.gif) repeat-x left bottom;} .tabs li {float:left; margin-right: 0px;} .tabs li a {display:block; position:relative; text-decoration:none;} .tabs li a em {display:block; height:36px; float:left; padding:0 38px 0 0px; background:url(../images/tab3.gif) right top; position:relative; z-index:100; font-size:1.18em; font-weight:normal; font-style:normal; color:#fff; line-height:36px; font-family:verdana;} .tabs li a b {display:block; float:left; width:3px; height:36px; background:url(../images/tab3.gif) left top; position:relative; z-index:200;} .tabs li a:hover {border:0; z-index:2100; cursor:pointer;} .tabs li a:hover b {background-position: left center;z-index:2100;} .tabs li a:hover em {background-position: right center; color:#050;z-index:2100;} .tabs li a.selected, .tabs li a.selected:hover {border:0; z-index:1800; cursor:default;} .tabs li a.selected b, .tabs li a.selected:hover b {background-position: left bottom;} .tabs li a.selected em, .tabs li a.selected:hover em {background-position: right bottom; color:#000;} .tabs li a.m1 {z-index:1000;} .tabs li a.m2 {z-index:900;} .tabs li a.m3 {z-index:800;} .tabs li a.m4 {z-index:700;} .tabs li a.m5 {z-index:600;} .tabs li a.m6 {z-index:500;} .tabs li a.m7 {z-index:400;} .tabs li a.m8 {z-index:300;} .tabs li a.m9 {z-index:200;} .tabs li a.m10 {z-index:100;} */ /* Content */ .bggrass{background:url(../images/bg-grass.gif) repeat-y;} .bggrassbtm{background:url(../images/bg-grass-btm.gif) no-repeat bottom left; height:17px;} .contentbgtable{background:#fff url(../images/bg-content.jpg) no-repeat left bottom; padding:8px 12px 7px 8px;} /* left Content */ .leftpartbg{background:url(../images/bg-content-box.gif) no-repeat; padding-top:15px; padding-left:15px;} .arrowpoint{padding:0px 0 0px 20px; background:url(../images/arrow.gif) 0px 6px no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:0.96em; color:#696464; line-height:24px; font-weight:bold;} .btnbrochure{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#bea96f; line-height:17px; text-decoration:none; font-weight:bold; font-style:italic;} a.btnbrochure{font-size:0.96em; color:#856b27; line-height:17px; text-decoration:none; font-weight:bold; font-style:italic;} a.btnbrochure:hover{color:#bea96f;} .imgborder{padding:4px; background:#f4e6c9; border:1px solid #d8bb80; float:left; } .sap{background:url(../images/bg-sap.gif) no-repeat 0 5px; height:35px;} .sap1{background:url(../images/bg-sap1.gif) no-repeat 0 5px; height:35px;} /* Right Content */ .rightpartbg{background:url(../images/bg-left-link.gif) no-repeat;} ul.point {margin:0px 0; padding:0 0 0 0px; list-style:none;} ul.point li{padding:0px 0 0px 20px; background:url(../images/arrow.gif) 0px 7px no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:0.96em; color:#696464; line-height:26px; font-weight:bold; } ul.point li a{ text-decoration:none; color:#696464;} ul.point li a:hover{ text-decoration:underline; color:#696464;} .table1{background-color:#e3e3e3; vertical-align:top;} .table2{background-color:#fafafa; vertical-align:top;} /* Photo Gallery */ .imagegall {padding:0px; margin: 0px; list-style:none; position:relative; z-index:1; } .imagegall li {display:block; float:left;} .imagegall li img {padding:4px; background:#d0b87a; border:1px solid #947b38;} .imagegall li a:hover img {padding:4px; background:#88e649; border:1px solid #46a705;} .imgborder1{padding:4px; background:#292929; border:1px solid #000; float:left; margin:20px 20px 0px 0px;} .doted{ background:url(../images/doted.gif) repeat-x center;} /*Footer links*/ .footerbg{background:url(../images/bg-footer.gif) no-repeat; height:70px; padding-top:10px;} .btmtext{ font-size:0.96em; color:#fff; text-decoration:none; height:25px;} a.btmlink{ font-size:0.96em; color:#fff; text-decoration:none; padding:0 3px 0px 3px;} a.btmlink:hover{color:#a4ff55; text-decoration:underline;} a.green:link, a.green:active, a.green:visited { color:#5FA91D; text-decoration:none;} a.green:hover { color:#626362; text-decoration:none;} /* Text Box style*/ .form-field, .form-field-hover, .form-field-filled { border: none; display: block; width: 300px; padding: 5px 5px 5px 5px; height:15px; } .form-field { background: #f3eee0; border-right: 1px solid #e0c67f; border-bottom: 1px solid #e0c67f; } .form-field:hover, .form-field-hover { background: #f9ebc7; border-right: 1px solid #e0c67f; border-bottom: 1px solid #e0c67f; } .form-field-filled { background: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .textfield{height:200px; width:308px; border:solid #CCCCCC 1px; background-color:#F4F3E8;} .form-buttonstyle{background:#947b38; width:55px; height:22px; font-family:Arial, Helvetica, sans-serif; font-size:0.96em; color:#FFFFFF; border:1px solid #7f6829; cursor:pointer; vertical-align:top;} .form-buttonstyle:hover, .form-buttonstyle-hover{background:#70591d; cursor:pointer; border:1px solid #513e0b; color:#fff; width:55px; height:22px; font-family:Arial, Helvetica, sans-serif; font-size:0.96em;} /* Diy Pages Style */ .leftlinkleftop{background:url(../images/con-left-top.gif) no-repeat; width:7px; height:7px;} .leftlinkbg{background:#538c2a;} .leftlinkrighttop{background:url(../images/con-right-top.gif) no-repeat; width:7px; height:7px;} .leftlinkleftbtm{background:url(../images/con-left-btm.gif) no-repeat; width:7px; height:7px;} .leftlinkrightbtm{background:url(../images/con-right-btm.gif) no-repeat; height:7px; width:7px;} .photos { padding:0px 0px 0px 0px; position: relative; width: 60px; height: 60px; float: left; } .photos2 { padding:10px 4px 4px 4px; position: relative; width: 65px; height: 65px; float: left; } .photos2 img { background: #fff; border: solid 1px #ccc; padding: 4px; } .photo { padding:0px 0px 0px 0px; position: relative; width: 160px; height: 123px; float: left; } .photo img { background: #fff; border: solid 1px #ccc; padding: 4px; max-height:120px; %max-height:120px; min-width:120px; } .photo span { width: 20px; height: 18px; display: block; position: absolute; top: 12px; left: 12px; background: url(../images/digg-style.gif) no-repeat; } .photo a { text-decoration: none; } /*sample8 span { width: 170px; height: 120px; display: block; position: absolute; top: 5px; left: 6px; background: url(../images/round-corner.png) no-repeat; } .sample8 img { border: none; padding: 5px 6px 6px; background: url(../images/round-bg.gif) no-repeat; } */ /* Diy Pages Style */ .leftlinkleftop{background:url(../images/con-left-top.gif) no-repeat; width:7px; height:7px;} .leftlinkbg{background:#538c2a;} .leftlinkrighttop{background:url(../images/con-right-top.gif) no-repeat; width:7px; height:7px;} .leftlinkleftbtm{background:url(../images/con-left-btm.gif) no-repeat; width:7px; height:7px;} .leftlinkrightbtm{background:url(../images/con-right-btm.gif) no-repeat; height:7px; width:7px;} .leftlinknewtop{ background:url(../images/leftlink-top-new.gif) no-repeat; width:184px; height:9px;} .leftlinknewbg{background:url(../images/leftlink-bg-new.gif) repeat-y; width:184px; } .leftlinknewbtm{background:url(../images/leftlink-btm-new.gif) no-repeat; height:9px;} .leftlinkheader{background:url(../images/left-link-top.gif) no-repeat;} .leftlinkback{background:url(../images/left-link-bg.gif) repeat-y;} .leftlinkfooter{background:url(../images/left-link-footer.gif) no-repeat; height:15px;} .subtitle{color:#FFFFFF; font-size:22px; font-weight:bold; padding:0px 3px 0px 10px} a.linkmore{ background:url(../images/arrow-more.gif) no-repeat 1px 3px; font-size:9pt; color:#382900; text-decoration:underline; line-height:20px; padding:0 0 0 12px;} a.linkmore:hover{color:#6e5205; text-decoration:none;} .btnbrochuretitle {color:#876D2A;font-size:1.05em;font-style:normal;font-weight:bold;line-height:17px;text-decoration:none;} .btnbrochuretitlegreen{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#3DC040; line-height:17px; text-decoration:none; font-weight:bold; font-style:normal;} #vmMainPage { padding:0px 0px 0px 43px; width:90%; } a.btnpurchase{background:url(../images/btn.png) no-repeat; width:224px; height:53px; display:block; color:#fff; font-size:12pt; text-decoration:none; line-height:35px; text-align:center; font-weight:bold;} a.btnpurchase:hover{background:url(../images/btn-ho.png) no-repeat; }