/* -------------- GENERAL ---------------------- */ body {border-style:solid; border-width:0px 0px 0px 0px; width:980px; z-index:0; position:relative; top:0px; text-align:center; margin: 0 auto; padding:0px; font-family: Trebuchet MS,Arial,Times,sans-serif; font-size:9pt; font-weight:normal; background-color:#777777; color:#000000;} ul {padding-left:10px; margin-left:10px; margin-top:0.5em; margin-bottom:0.5em;} li {} input {font-size:8pt; font-weight:normal;} input[type=text]{font-size:8pt; font-weight:normal; background-color:#FFFFFF !important} select {font-size:8pt; text-align:left; padding:2px; background-color:#FFFFFF !important} A:link {text-decoration:underline;} p {margin-top:0.75em; margin-bottom:0.75em;} h1 {font-size:16pt; font-weight:bold; margin-top:0em; margin-bottom:0.25em;} h2 {font-size:12pt; font-weight:bold; margin-top:0em; margin-bottom:0.25em;} h3 {font-size:10pt; font-weight:bold; color:#FFFFFF; margin-top:0em; margin-bottom:0.25em;} h3 a {color:#FFFFFF;} h4 {margin:0px;} img {border-style:none; border:0px; margin:0px; padding:0px;} table {border-style:none; border:0px; margin:0px; padding:0px;} tr {margin:0px; border:0px; padding:0px;} td {margin:0px; border:0px; padding:0px;} th {font-weight:bold; padding-left:5px;} .splist li {margin-bottom:10px; margin-top:10px;} .pc {font-size:9pt; font-weight:bold; color:#FFFFFF;} .pc a {font-size:9pt; font-weight:bold; color:#FFFF00;} .pc a:hover {font-weight:bold; color:#FF0000;} .pcs {font-size:8pt; font-weight:bold; color:#666666;} .pcs a {font-size:8pt; font-weight:bold; color:#666666;} .pcs a:hover {font-weight:bold; color:#FF0000;} .sendq a {font-size:8pt; font-weight:bold; color:#000000;} .sendq a:hover {font-weight:bold; color:#FF0000;} .desc {text-align:left; padding:5px; margin-bottom:0px; color:#FFFFFF;} .bdesc {text-align:left; padding:5px; margin-bottom:0px; color:#000000;} .sdesc {text-align:left; padding:5px; color:#000000;} .kit_desc {font-size:8pt; text-align:left; padding:0px; margin-bottom:0px; color:#000000;} .red {color:#FF0000;} .smallred {color:#FF0000; font-size:7pt;} .help {text-align:center; margin-left:auto; margin-right:auto; font-size:8pt; font-weight:bold; padding:5px; background-color:#457F65; color:#FFFFFF;} .spec {text-align:center; padding:5px; color:#000000;} .guide {text-align:left; padding:0px;} .sep {padding:5px;} .copyright {font-size:8pt; color:#214234; padding-top:5px; padding-bottom:5px; text-align:center;} .more {width:40px; height:18px; background-image:url(http://www.spagates.com/products/images/more.png); background-repeat:no-repeat; font-size:8pt; text-align:center;} .more a {font-weight:bold; color:#FFFFFF; text-decoration:none;} .from {color:yellow; font-size:10pt;} .calculators {color:yellow; font-size:10pt; font-weight:bold;} /* --------------- Frame ------------------------ */ #underlogo {background-color:#CCE0CB; position:absolute; left:-10px; top:0px; width:510px; height:100px;} .largecopy {font-size:12pt; font-weight:bold; color:red;} .spa {font-size:24pt; font-family: Times;} .spaframe {background-color:#000000; width:850px; height:850px; position:absolute; left:120px; top:120px;} .form {background-color:#FFFFFF;} img.sbanner {border-style:none; border:0px; margin:0px; padding:0px;} img.tbanner {display:none;} .kbanner {font-family: Times; font-size:40pt; font-weight:bold; color:#457F65; position:absolute; left:110px; top:5px;} .kspagates {display:none;} .ksbanner {font-family: Times; font-size:12pt; font-weight:bold; color:#7F7F7F; position:absolute; left:110px; top:65px; text-align:left;} .kaddress {display:none;} .kibanner {color:#FFFFFF; font-weight:bold; font-size:9pt; position:absolute; left:580px; top:0px;} .kibanner img {padding:0px; margin:0px; border:0px solid #FFFFFF;} .klogo {position:absolute; left:0px; top:10px;} .kgradient {position:absolute; left:353px; top:0px;} table.frame {position:absolute; left:0px; top:0px; width:970px; background-color:#CCE0CB;} table.undermenu {position:relative; left:-0px; top:20px; width:124px; border:1px solid #888888; background-color:#DDDDDD;} table.index {width: 600px; position:absolute; left:20px; background-color:#FFFFFF;} .pricem {text-align:center; font-size:9pt; font-weight:bold; padding:3px; background-color:#BBBBBB;} #footeradd {position:absolute; left:-10px; top:955px; width:980px; height:25px; border:0px; margin:0px; background-image:url(http://www.spagates.com/products/images/footer.png); background-repeat:no-repeat; font-size:9pt; font-weight:bold; text-align:center; color:#FFFFFF;} #bottom {position:absolute; left:-130px; top:875px; width:990px; text-align:left;} .pcfooter {display:none;} .ponly {display:none;} .sonly {text-align:center; color:#000000;} #largerview {position:fixed; top:50%; left:50%; margin-left:-450px; margin-top:-250px; background-color:#FFFFFF; z-index:20;} #lvimg {border:10px solid #C90104; font-size:0pt; z-index:20;} #lvclose {position:absolute; left:15px; top:15px; z-index:20;} .viewlarger {padding:0px;} td.viewlarger {padding:0px;} input.viewlarger{font-size:7pt; font-weight:normal; background-color:#FFFFFF; color:#000000;} .ptitle {text-align:center; font-size:9pt; font-weight:bold; padding-left:5px; background-color:#FFFFFF; border:2px solid #E3D1B6;} h2.ptitle {text-align:center; font-size:10pt; font-weight:bold; padding:5px; background-color:#FFFFFF; border:2px solid #E3D1B6; margin-bottom:5px;} .psubtitle {text-align:left; font-size:8pt; font-weight:bold; padding-left:5px; background-color:#FFFFFF; border:2px solid #E3D1B6;} /* xmas colour..... background-color:#C90104; non xmas #457F65; */ .xmastop {position:absolute; top:-3px; left:-13px; width:986px; height:3px; background-color:#C90104; font-size:0pt;} .xmasleft {position:absolute; top:0px; left:-13px; width:3px; height:980px; background-color:#C90104;} .xmasright {position:absolute; top:0px; left:970px; width:3px; height:980px; background-color:#C90104;} /* --------- Enquiry & Price Calculator --------- */ .enquiryg {border-style:none; border:0px; margin:0px; padding:0px; position:static; left:0px; top:0px; font-size:8pt; font-weight:normal; background-color:#FEF3E5; color:#315244;} .enquiryg p {padding-left:10px; padding-right:10px} .pricesg {border-style:none; border:0px; margin:0px; padding:0px; position:static; left:0px; top:0px; font-size:9pt; font-weight:normal; background-color:#FEF3E5; color:#315244;} .mandat {font-size:15pt; font-weight:bold; color:#FF0000;} .qheader {text-align:left; font-size:8pt; font-weight:bold; padding:3px; background-color:#457F65; color:#FFFFFF;} .enquiryh {width:100%; background-color:#EEEEE0; color:#315244; border:10px solid #000000;} .enquiry {font-size:10pt; text-align:left; padding:2px; margin: 0 auto; background-color:#FFFFFF;} .small {font-size:8pt; text-align:left; padding:1px;} .alist {text-align:left; font-size:7pt; font-weight:normal; padding-left:5px; padding-right:5px; background-color:#E3D1B6;} .aprice {text-align:right; font-size:7pt; font-weight:normal; padding-left:5px; padding-right:5px; background-color:#E3D1B6;} .iprice {text-align:right; width:60px; font-size:8pt; font-weight:bold; padding-left:5px; padding-right:5px; background-color:#CCE0CB;} .gtprice {text-align:right; width:60px; font-size:8pt; font-weight:bold; padding-left:3px; padding-right:5px; background-color:#CCE0CB;} .price {text-align:right; font-size:8pt; font-weight:bold; padding:2px; background-color:#CCE0CB;} .pbold {font-size:7pt; padding:2px; font-weight:bold;} .promo {font-size:12pt; padding:2px; color:#FF0000;} .spbold {font-size:7pt; text-align:left; padding:2px;} .gtbold {font-size:8pt; font-weight:bold; text-align:right; padding:3px; background-color:#457F65; color:#FFFFFF;} .outerptable {width:100%; border:10px solid #000000; background-color:#EEEEE0; font-size:8pt; text-align:left; padding:1px;} .ptable {width:100%; border:solid #FFFFFF; background-color:#EEEEE0; font-size:8pt; text-align:left; padding:1px;} .preselect {background-color:#FFBBBB;} .psubmit {font-size:8pt; font-weight:bold; text-align:center; padding:2px; background-color:#E3D1B6; color:#214234;} .kpsubmit {font-weight:bold; font-size:8pt; color:#FFFFFF; background-color:#9A0000; border: 2px outset #CCCCCC; padding:2px;} .submit {font-size:9pt; font-weight:bold; text-align:center; padding:2px; background-color:#E3D1B6; color:#214234;} /* --------------- Content ---------------------- */ table.home {width:180px; height:20px; position:absolute; left:660px; top:760px;} table.measure {width:600px; position:absolute; left:100px;} img.measurement {border-style:solid; padding:10px; background-color:#FFFFFF;} /* --------------- Italian Gates ---------------- */ #italian {position:absolute; left:10px; top:10px; width:610px; text-align:left; background-color:#EEEEE0; color:#000000; padding:5px;} #italian p {margin-top:8px; margin-bottom: 8px;} #italian h2 {margin-top:8px; margin-bottom: 8px; color:#FFFFFF; background-color:#457F65; padding:5px; font-size:10pt; font-weight:bold;} #italian table p{padding-left:10px; text-align:align;} /* --------------- Town Gates ------------------- */ .town_gates {position:absolute; left:5px; top:10px;} .town_gates img {border:2px solid #CCE0CB;} /* --------------- Regent Gallery --------------- */ table.bgallery0 {width:620px; position:absolute; left:10px; top:10px; background-color:#CCE0CB; font-size:0pt;} table.bgallery1 {width:200px; height:260px; position:absolute; left:10px; top:10px; background-color:#CCE0CB;} table.bgallery2 {width:200px; height:260px; position:absolute; left:220px; top:10px; background-color:#CCE0CB;} table.bgallery3 {width:200px; height:260px; position:absolute; left:430px; top:10px; background-color:#CCE0CB;} table.bgallery4 {width:200px; height:240px; position:absolute; left:10px; top:280px; background-color:#CCE0CB;} table.bgallery5 {width:200px; height:240px; position:absolute; left:220px; top:280px; background-color:#CCE0CB;} table.bgallery6 {width:200px; height:240px; position:absolute; left:430px; top:280px; background-color:#CCE0CB;} table.bgallery7 {width:200px; height:250px; position:absolute; left:10px; top:530px; background-color:#CCE0CB;} table.bgallery8 {width:200px; height:250px; position:absolute; left:220px; top:530px; background-color:#CCE0CB;} table.bgallery9 {width:200px; height:250px; position:absolute; left:430px; top:530px; background-color:#CCE0CB;} table.bgallery10{width:620px; position:absolute; left:10px; top:430px; background-color:#CCE0CB;} table.bgallery11{width:610px; position:absolute; left:10px; top:400px; background-color:#CCE0CB; font-size:0pt;} /* --------------- City Gallery --------------- */ .cgallery0 {width:600px; position:absolute; left:15px; top:10px; padding:5px; text-align:left; font-size:9pt; background-color:#555555; color:#FFFFFF;} .cgallery0 h2 {color:#FFFFFF;; background-color:#777777; padding:5px;} table.cgallery1 {position:absolute; left:15px; top:90px;} table.cgallery2 {position:absolute; left:325px; top:90px;} table.cgallery3 {position:absolute; left:15px; top:330px;} table.cgallery4 {position:absolute; left:325px; top:330px;} table.cgallery5 {position:absolute; left:15px; top:570px;} table.cgallery6 {position:absolute; left:325px; top:570px;} table.cgallery7 {position:absolute; left:15px; top:10px;} table.cgallery8 {position:absolute; left:15px; top:505px;} table.cgallery10{position:absolute; left:15px; top:10px;} table.cgallery11{position:absolute; left:15px; top:430px;} /* --------------- Estate Gallery --------------- */ table.egallery1 {position:absolute; left:10px; top:10px;} table.egallery2 {position:absolute; left:220px; top:10px;} table.egallery3 {width:200px; height:275px; position:absolute; left:10px; top:290px; background-color:#CCE0CB;} table.egallery4 {width:200px; height:275px; position:absolute; left:220px; top:290px; background-color:#CCE0CB;} table.egallery5 {position:absolute; left:10px; top:640px;} table.egallery5a{position:absolute; left:220px; top:640px;} table.egallery6 {position:absolute; left:430px; top:10px; width:200px;} table.egallery8 {position:absolute; left:430px; top:640px; width:200px;} table.egallery9 {position:absolute; left:10px; top:10px; background-color:#CCE0CB;} table.egallery10{position:absolute; left:10px; top:520px; background-color:#CCE0CB;} .egallery11 {position:absolute; left:5px; top:190px; width:620px;} .egallery12 {position:absolute; left:100px; top:365px;} table.egallery66{position:absolute; left:430px; top:10px; background-color:#CCE0CB; width:200px;} table.egallery77{position:absolute; left:430px; top:280px; background-color:#CCE0CB; width:200px;} table.egallery88{position:absolute; left:430px; top:555px; background-color:#CCE0CB; width:200px;} /* --------------- Home Gallery ----------------- */ h2.home {font-size:11pt; margin:0px;} table.hgallery1 {width:200px; height:250px; position:absolute; left:10px; top:10px; background-color:#CCE0CB;} table.hgallery2 {width:200px; height:250px; position:absolute; left:220px; top:10px; background-color:#CCE0CB;} table.hgallery3 {width:100px; height:250px; position:absolute; left:430px; top:10px; background-color:#CCE0CB;} table.hgallery4 {width:200px; height:275px; position:absolute; left:10px; top:550px; background-color:#CCE0CB;} table.hgallery5 {width:100px; height:275px; position:absolute; left:220px; top:550px; background-color:#CCE0CB;} table.hgallery6 {width:100px; height:275px; position:absolute; left:430px; top:550px; background-color:#CCE0CB;} table.hpromo {position:absolute; left:10px; top:265px; width:620px; background-color:#C90104} td.hpromo {text-align:center; font-size:11pt; font-weight:bold; padding-left:5px; background-color:#FFFFFF; border:2px solid #CCE0CB;} table.hfooter {position:absolute; left:5px; top:395px; width:620px; background-color:#CCE0CB;} .etitle {text-align:left; font-size:10pt; font-weight:bold; color:#FFFFFF; padding:5px; background-color:#777777;} .edesc {text-align:left; font-size:8pt; padding:10px;} /* --------------- Estate Info ------------------ */ div.einfo {width:200px; height:815px; position:absolute; left:640px; top:10px; background-color:#000000; color:#FFFFFF;} table.einfo {width:200px; height:815px; position:absolute; left:640px; top:10px; background-color:#000000;} .einfo h3 {font-size:12pt; font-weight:bold; text-align:center; padding:3px; margin-top:0.2em; margin-bottom:0.2em; color:#FFFFFF; background-color:#457F65;} .einfo h4 {font-size:12pt; font-weight:bold; text-align:center; padding:3px; margin-top:0.2em; margin-bottom:0.2em; color:#FFFFFF; background-color:#457F65;} .eheading {padding:3px; background-color:#457F65; color:#FFFFFF;} /* --------------- Timber Gallery --------------- */ table.tgallery1 {width:200px; height:230px; position:absolute; left:10px; top:10px; background-color:#EEEEDD;} table.tgallery2 {width:200px; height:230px; position:absolute; left:220px; top:10px; background-color:#EEEEDD;} table.tgallery3 {width:200px; height:235px; position:absolute; left:10px; top:255px; background-color:#EEEEDD;} table.tgallery4 {width:200px; height:235px; position:absolute; left:220px; top:255px; background-color:#EEEEDD;} table.tgallery5 {width:200px; height:240px; position:absolute; left:10px; top:505px; background-color:#EEEEDD;} table.tgallery6 {width:200px; height:240px; position:absolute; left:220px; top:505px; background-color:#EEEEDD;} table.tgallery7 {width:200px; height:230px; position:absolute; left:430px; top:10px; background-color:#EEEEDD;} table.tgallery8 {width:200px; height:235px; position:absolute; left:430px; top:255px; background-color:#EEEEDD;} table.tgallery88{width:200px; position:absolute; left:430px; top:265px; background-color:#EEEEDD;} table.tgallery9 {width:200px; height:225px; position:absolute; left:430px; top:505px; background-color:#EEEEDD;} table.tgallery10{width:620px; height:200px; position:absolute; left:10px; top:505px;} table.tgallery11{width:200px; height:410px; position:absolute; left:80px; top:10px; background-color:#EEEEDD;} table.tgallery12{width:200px; height:410px; position:absolute; left:360px; top:10px; background-color:#EEEEDD;} table.tgallery13{width:200px; height:360px; position:absolute; left:80px; top:430px; background-color:#EEEEDD;} table.tgallery14{width:200px; height:360px; position:absolute; left:360px; top:430px; background-color:#EEEEDD;} table.tgallery20{width:410px; position:absolute; left:10px; top:10px; background-color:#EEEEDD;} table.tgallery21{width:410px; position:absolute; left:10px; top:390px; background-color:#EEEEDD;} .tgallery21 h2 {font-size:10pt; font-weight:bold; text-align:left; padding:5px; color:#000000; background-color:#E8C28A;} table.tgallery30{width:620px; position:absolute; left:10px; top:10px; background-color:#CCE0CB; font-size:0pt;} table.tgallery31{width:620px; position:absolute; left:10px; top:515px; background-color:#CCE0CB; font-size:0pt;} .ttitle {text-align:left; font-size:10pt; font-weight:bold; padding:5px; background-color:#777777; color:#FFFFFF;} .tdesc {text-align:left; font-size:8pt; padding:5px;} table.tgallery50{position:absolute; left:10px; top:430px;} /* --------------- Timber Info ------------------ */ div.tinfo {width:200px; height:815px; position:absolute; left:640px; top:10px; background-color:#000000; color:#FFFFFF;} table.tinfo {width:200px; height:815px; position:absolute; left:640px; top:10px; background-color:#E8C28A;} .tinfo h3 {font-size:12pt; font-weight:bold; text-align:center; padding:3px; margin-bottom:0.5em; color:#000000; background-color:#E8C28A;} .tinfo h4 {font-size:12pt; font-weight:bold; text-align:center; padding:3px; margin-bottom:0.5em; color:#000000; background-color:#E8C28A;} .theading {padding:3px; background-color:#E8C28A; color:#000000;} /* -------------- Railing Gallery --------------- */ table.rgallery1 {position:absolute; left:10px; top:10px;} table.rgallery2 {position:absolute; left:220px; top:10px;} table.rgallery3 {position:absolute; left:430px; top:10px; width:200px;} table.rgallery4 {position:absolute; left:10px; top:220px;} table.rgallery5 {position:absolute; left:220px; top:220px;} table.rgallery6 {position:absolute; left:430px; top:220px;} table.rgallery6a{position:absolute; left:430px; top:570px;} table.rgallery7 {position:absolute; left:10px; top:430px;} table.rgallery8 {position:absolute; left:220px; top:430px;} table.rgallery9 {position:absolute; left:430px; top:430px;} table.rgallery10{position:absolute; left:10px; top:625px;} table.rgallery11{position:absolute; left:220px; top:625px;} table.rgallery12{position:absolute; left:430px; top:600px;} table.rgallery20{position:absolute; left:10px; top:10px;} table.rgallery21{position:absolute; left:10px; top:360px;} table.rgallery22{position:absolute; left:430px; top:185px;} table.rgallery23{position:absolute; left:430px; top:530px;} .rtitle {text-align:left; font-size:10pt; font-weight:bold; color:#FFFFFF; padding:5px; background-color:#777777;} /* ----------- Fivebar Gate Gallery ------------- */ table.fgallery1 {width:300px; position:absolute; left:15px; top:15px;} table.fgallery2 {width:300px; position:absolute; left:330px; top:15px;} table.fgallery3 {width:300px; position:absolute; left:15px; top:215px;} table.fgallery4 {width:300px; position:absolute; left:330px; top:215px;} .ftitle {text-align:left; font-size:10pt; font-weight:bold; padding:5px; background-color:#777777; color:#FFFFFF;} .fdesc {text-align:left; font-size:8pt; padding:5px;} /* ---------- Sliding Gate Gallery ------------- */ table.sggallery1{position:absolute; left:10px; top:10px;} table.sggallery2{position:absolute; left:330px; top:10px;} table.sggallery3{width:250px; position:absolute; left:70px; top:625px; background-color:#FFFFFF;} table.sggallery4{position:absolute; left:10px; top:500px;} table.sggallery5{position:absolute; left:330px; top:500px;} table.sggallery7{position:absolute; left:10px; top:285px;} table.sggallery8{position:absolute; left:330px; top:285px;} table.sggallery9{position:absolute; left:10px; top:560px;} table.sggallery10{position:absolute; left:330px; top:560px;} .sgtitle {text-align:left; font-size:10pt; font-weight:bold; padding:5px; background-color:#777777; color:#FFFFFF;} .sgdesc {text-align:left; font-size:8pt; padding:5px;} .sgmsg {text-align:center; font-size:10pt; font-weight:bold; padding:5px;} /* -------------- Projects Gallery --------------- */ table.prgallery20{width:400px; position:absolute; left:20px; top:10px; font-size:0pt;} table.prgallery21{width:400px; position:absolute; left:20px; top:400px; font-size:0pt;} .prtitle {text-align:left; font-size:10pt; font-weight:bold; padding:5px; background-color:#777777; color:#FFFFFF;} /* ------------ Side Gate Gallery --------------- */ table.sgallery1 {position:absolute; left:80px; top:10px; background-color:#CCE0CB; font-size:0pt;} table.sgallery2 {position:absolute; left:230px; top:10px; background-color:#CCE0CB; font-size:0pt;} table.sgallery3 {position:absolute; left:440px; top:10px; background-color:#CCE0CB; font-size:0pt;} table.sgallery4 {position:absolute; left:80px; top:280px; background-color:#CCE0CB; font-size:0pt;} table.sgallery5 {position:absolute; left:250px; top:265px; background-color:#CCE0CB; font-size:0pt;} table.sgallery6 {position:absolute; left:415px; top:290px; background-color:#CCE0CB; font-size:0pt;} table.sgallery7 {position:absolute; left:80px; top:510px; background-color:#CCE0CB; font-size:0pt;} table.sgallery8 {position:absolute; left:440px; top:510px; background-color:#CCE0CB; font-size:0pt;} .stitle {text-align:left; font-size:10pt; font-weight:bold; padding:5px; background-color:#777777;} /* ----------------- Automation ----------------- */ table.agallery1 {width:100px; position:absolute; left:225px; top:10px;} .atitle {text-align:left; font-size:10pt; font-weight:bold; padding:5px; color:#FFFFFF; background-color:#777777;} .adesc {text-align:left; font-size:8pt; padding:5px;} /* ------------ Automation Info ----------------- */ div.ainfo {width:200px; height:815px; color:#FFFFFF; position:absolute; left:640px; top:10px; background-color:#000000;} div.ainfol {width:200px; color:#FFFFFF; position:absolute; left:10px; top:5px; background-color:#000000;} .ainfo h2 {font-size:10pt; font-weight:bold; text-align:center; padding:3px; margin-top:0.0em; margin-bottom:0.2em; color:#FFFFFF; background-color:#294FA0;} .ainfol h2 {font-size:10pt; font-weight:bold; text-align:center; padding:3px; margin-top:0.0em; margin-bottom:0.2em; color:#FFFFFF; background-color:#294FA0;} .aheading {padding:3px; background-color:#E01F22; color:#FFFFFF;} /* ------------- Automation Kits ---------------- */ table.koffer {width:400px; position:absolute; left:20px; top:10px; background-color:#FFFFFF;} table.kslider {width:620px; position:absolute; left:10px; top:10px; background-color:#EEEEE0; color:#000000;} .kslider img {margin-left:5px;} .kslider p {padding-left:5px; padding-right:5px;} .kslider h2 {margin-bottom:0px;} .ares {position:absolute; left:10px; top:480px;} table.kgallery1 {width:305px; height:330px; position:absolute; left:10px; top:10px; background-color:#EEEEFF;} table.kgallery2 {width:305px; height:330px; position:absolute; left:325px; top:10px; background-color:#EEEEFF;} table.kgallery3 {width:305px; position:absolute; left:10px; top:350px; background-color:#EEEEFF;} table.kgallery4 {width:305px; position:absolute; left:325px; top:350px; background-color:#EEEEFF;} .ktitle {text-align:left; font-size:10pt; font-weight:bold; padding:5px; background-color:#777777; color:#FFFFFF;} .kdesc {text-align:left; font-size:9pt; padding:0px; padding-left:10px; padding-right:10px;} .offer {text-align:center; font-size:10pt; font-weight:bold; padding:5px; background-color:#457F65; color:#FFFFFF;} .offer_desc {text-align:left; font-size:9pt; padding:5px; margin-bottom:0px;} /* ------------------- Finishes ---------------- */ table.finish1 {width:620px; position:absolute; left:10px; top:10px; color:#000000; background-color:#EEEEE0;} table.finish3 {width:300px; position:absolute; left:10px; top:130px; color:#000000; background-color:#EEEEE0;} table.finish2 {width:300px; position:absolute; left:325px; top:130px; color:#000000; background-color:#EEEEE0;} /* ------------- Automation Accessories---------- */ table.acc {width:620px; position:absolute; left:10px; top:10px; font-size:10pt; background-color:#666666; color:#FFFFFF;} /* --------------- FAQ -------------------------- */ table.faq {width:625px; position:absolute; left:10px; top:10px; text-align:left; padding-left:0px; font-size:9pt;} th.q {text-align:left; padding-left:10px; padding-right:10px; background-color:#E8C28A; color:#000000;} td.a {text-align:left; padding-left:10px; padding-right:10px; background-color:#FFFFFF; color:#444444;} /* ------------ topmenu ------------------------ */ /* #topbar {position:absolute; left:-10px; top:100px; height:27px; width:980px; z-index:1; margin:0px; background-image:url(http://www.spagates.com/products/images/topbar.png); background-repeat:no-repeat;} */ #topbar {position:absolute; left:-10px; top:100px; height:27px; width:980px; z-index:1; margin:0px; background-color:#000000;} .menu1 {position:absolute; left:120px; top:101px; padding:2px; border:0px; margin:0px; z-index:1; color:#FFFFFF; text-align:right; font-size:10pt; font-weight:bold;} .menu1active {display:inline; padding:2px; border:0px; margin:0px; color:#FFFFFF; background-color:#457F65;} .menu1space {display:inline; padding:2px; border:0px; margin:0px; color:#FFFFFF;} .topregistered {display:inline; padding:0px; border:0px; margin:0px; color:yellow; font-weight:bold;} .menu1active a {color:#FFFFFF; padding:2px; border:0px; margin:0px; text-decoration:none;} .menu1active a:hover{color:#FFFFFF; background-color:#BFC1C2; text-decoration:none; padding:2px; border:0px; margin:0px;} .menu1inactive {display:inline; padding:2px; border:0px; margin:0px;} .menu1inactive a{color:#FFFFFF; padding:2px; border:0px; margin:0px; text-decoration:none;} .menu1inactive a:hover{color:#FFFFFF; background-color:#7F7F7F; text-decoration:none; padding:2px; border:0px; margin:0px;} /* ------------ sidemenu ----------------------- */ /* #backdrop {position:absolute; left:-4px; top:130px; width:128px; height:815px; background-image:url(http://www.spagates.com/products/images/backdrop.png); background-repeat:no-repeat;} */ #backdrop {position:absolute; left:-10px; top:120px; width:130px; height:850px; background-color:#000000;} .menu2space {height:0.9em;} .menu2 {position:absolute; left:-4px; top:140px; width:128px; padding:0px; border:0px; margin:0px; z-index:1; text-align:right; font-size:10pt; font-weight:bold;} .menu2active {width:128px; padding:0px; border:0px; margin:0px; color:#FFFFFF; background-color:#457F65;} .menu2active a {color:#FFFFFF; text-decoration:none; display:block; padding-top:2px; padding-bottom:2px; padding-right:0.3em; border:0px; margin:0px;} .menu2active a:hover{color:#FFFFFF; background-color:#7F7F7F; text-decoration:none; padding-top:2px; padding-bottom:2px; padding-right:0.3em; border:0px solid #FFFFFF; margin:0px;} .menu2inactive {width:128px; padding:0px; border:0px; margin:0px;} .menu2inactive a{color:#FFFFFF; text-decoration:none; display:block; padding-top:2px; padding-bottom:2px; padding-right:0.3em; border:0px; margin:0px;} .menu2inactive a:hover{color:#FFFFFF; background-color:#7F7F7F; text-decoration:none; padding-top:2px; padding-bottom:2px; padding-right:0.3em; border:0px solid #FFFFFF; margin:0px;} .menu2sub {background-color:#E3D1B6;} .menu2subactive {width:128px; padding:0px; border:0px; margin:0px; background-color:#7F7F7F;} .menu2subactive a{color:#FFFFFF; text-decoration:none; display:block; padding-top:2px; padding-bottom:2px; padding-right:0.2em; border:0px; margin:0px;} .menu2subactive a:hover{color:#FFFFFF; background-color:#7F7F7F; text-decoration:none; padding-top:2px; padding-bottom:2px; padding-right:0.2em; border:0px solid #FFFFFF; margin:0px;} .menu2subinactive{width:128px; padding:0px; border:0px; margin:0px; background-color:#FFFFFF;} .menu2subinactive a{color:#444444; text-decoration:none; display:block; padding-top:2px; padding-bottom:2px; padding-right:0.2em; border:0px; margin:0px;} .menu2subinactive a:hover{color:#FFFFFF; background-color:#7F7F7F; text-decoration:none; padding-top:2px; padding-bottom:2px; padding-right:0.2em; border:0px solid #FFFFFF; margin:0px;} /* ------------ blog ------------------------ */ #blog {position:absolute; left:10px; top:10px; width:620px; height:815px; background-color:#EEEEE0; color:#000000; overflow:scroll;} #blog img {margin:0px;} #blog p {text-align:justify; font-size:9pt; padding:5px; margin-top:0px; margin-bottom:0px; margin-right:0px;} #blog h2 {text-align:left; font-size:12pt; font-weight:bold; color:#000000; padding-left:10px; padding-top:0px; padding-right:10px;} #blog h4 {text-align:left; font-size:10pt; font-weight:bold; color:#000000; padding-left:10px;} /* ---------------------------------------------- */ #special_offer {color:#FF0000; background-color:#EEEEEE; text-align:left; padding-left:30px; padding-right:30px;} #fixed {position:fixed; width:30px; height:120px; right:0%; top:50%; margin-top:-60px; background-color:#FFFFFF;} #black_overlay {background-color:#000000; width:980px; height:970px; position:fixed; left:0%; top:0%; width:100%; height:100%; z-index:10; display:none; -moz-opacity:0.8; opacity:.80; filter: alpha(opacity=80);} /* ---------------------------------------------- */