/* -------------- GENERAL ----------------------- */ body {border-style:solid; border-width:0px 0px 0px 0px; width:980px; position:relative; top:0px; text-align:center; margin: 0 auto; padding:0px; font-family: Trebuchet MS,Arial,Times,sans-serif; font-size:8pt; font-weight:normal; background-color:#FFFFFF; color:#214234;} ul {margin:0; margin-top:0.5em; margin-left:0em;} 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} p {margin-top:0.75em; margin-bottom:0.75em;} td {font-weight:normal;} th {font-weight:bold; padding-left:5px;} h1 {font-size:16pt; font-weight:bold;} h2 {font-size:10pt; font-weight:bold;} h3 {font-size:10pt; font-weight:bold;} h4 {margin:0px;} img {border-style:none;} table {border-style:none; border:0px; margin:0px; padding:0px;} .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:7pt; font-weight:bold; color:#666666;} .pcs a {font-size:7pt; 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;} .sdesc {text-align:left; padding:5px; 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:5px;} .sep {padding:5px;} .copyright {font-size:7pt; color:#214234; padding-top:5px; padding-bottom:5px;} .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;} /* --------------- Frame ------------------------ */ #underlogo {background-color:#CCE0CB; position:absolute; left:-10px; top:0px; width:510px; height:100px; z-index:0;} .largecopy {font-size:12pt; font-weight:bold; color:red;} .spa {font-size:24pt; font-family: Times;} .spaframe {background-color:#FFFFFF; width:850px; height:835px; position:absolute; left:120px; top:120px; z-index:0;} .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; z-index:20;} .kspagates {display:none;} .ksbanner {font-family: Times; font-size:12pt; font-weight:bold; color:#7F7F7F; position:absolute; left:110px; top:65px; z-index:20; text-align:left;} .kaddress {display:none;} .kibanner {color:#FFFFFF; font-weight:bold; font-size:9pt; position:absolute; left:580px; top:0px; z-index:20;} .kibanner img {padding:0px; margin:0px; border:0px solid #FFFFFF;} .klogo {position:absolute; left:0px; top:10px; z-index:20;} .kgradient {position:absolute; left:353px; top:0px; z-index:20;} table.frame {position:absolute; left:0px; top:0px; width:970px; z-index:10; background-color:#CCE0CB;} table.undermenu {position:absolute; left:-4px; top:800px; width:124px; border:1px solid #888888; z-index:1; 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:absolute; left:10px; top:10px; background-color:#FFFFFF; z-index:50;} #lvimg {border:12px solid #CCCCCC; font-size:0pt;} #lvclose {position:absolute; left:20px; top:20px; z-index:40;} .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:#457F65; z-index:50; font-size:0pt;} .xmasleft {position:absolute; top:0px; left:-13px; width:3px; height:980px; background-color:#457F65; z-index:50;} .xmasright {position:absolute; top:0px; left:970px; width:3px; height:980px; background-color:#457F65; z-index:50;} /* --------- 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;} .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 #FFFFFF;} .enquiry {font-size:10pt; text-align:left; padding:2px; margin: 0 auto;} .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; font-size:8pt; font-weight:bold; padding-left:5px; padding-right:5px; background-color:#CCE0CB;} .gtprice {text-align:right; 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;} .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 #FFFFFF; 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; z-index:20;} table.measure {width:600px; position:absolute; left:100px;} /* --------------- Italian Gates ---------------- */ #italian {position:absolute; left:10px; top:10px; width:620px; text-align:left;} #italian p {margin-top:8px; margin-bottom: 8px;} #italian h2 {margin-top:8px; margin-bottom: 8px;} #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; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.bgallery1 {width:200px; height:260px; position:absolute; left:10px; top:10px; z-index:20; background-color:#CCE0CB;} table.bgallery2 {width:200px; height:260px; position:absolute; left:220px; top:10px; z-index:20; background-color:#CCE0CB;} table.bgallery3 {width:200px; height:260px; position:absolute; left:430px; top:10px; z-index:20; background-color:#CCE0CB;} table.bgallery4 {width:200px; height:240px; position:absolute; left:10px; top:280px; z-index:20; background-color:#CCE0CB;} table.bgallery5 {width:200px; height:240px; position:absolute; left:220px; top:280px; z-index:20; background-color:#CCE0CB;} table.bgallery6 {width:200px; height:240px; position:absolute; left:430px; top:280px; z-index:20; background-color:#CCE0CB;} table.bgallery7 {width:200px; height:250px; position:absolute; left:10px; top:530px; z-index:20; background-color:#CCE0CB;} table.bgallery8 {width:200px; height:250px; position:absolute; left:220px; top:530px; z-index:20; background-color:#CCE0CB;} table.bgallery9 {width:200px; height:250px; position:absolute; left:430px; top:530px; z-index:20; background-color:#CCE0CB;} table.bgallery10{width:620px; position:absolute; left:10px; top:430px; z-index:20; background-color:#CCE0CB;} /* --------------- City Gallery --------------- */ .cgallery0 {width:610px; position:absolute; left:15px; top:10px; z-index:20; text-align:left; font-size:10pt;} table.cgallery1 {width:300px; position:absolute; left:15px; top:110px; z-index:20; background-color:#CCE0CB;} table.cgallery2 {width:300px; position:absolute; left:325px; top:110px; z-index:20; background-color:#CCE0CB;} table.cgallery3 {width:300px; position:absolute; left:15px; top:350px; z-index:20; background-color:#CCE0CB;} table.cgallery4 {width:300px; position:absolute; left:325px; top:350px; z-index:20; background-color:#CCE0CB;} table.cgallery5 {width:300px; position:absolute; left:15px; top:590px; z-index:20; background-color:#CCE0CB;} table.cgallery6 {width:300px; position:absolute; left:325px; top:590px; z-index:20; background-color:#CCE0CB;} /* --------------- Estate Gallery --------------- */ table.egallery1 {width:200px; height:275px; position:absolute; left:10px; top:10px; z-index:20; background-color:#CCE0CB;} table.egallery2 {width:200px; height:275px; position:absolute; left:220px; top:10px; z-index:20; background-color:#CCE0CB;} table.egallery3 {width:200px; height:275px; position:absolute; left:10px; top:290px; z-index:20; background-color:#CCE0CB;} table.egallery4 {width:200px; height:275px; position:absolute; left:220px; top:290px; z-index:20; background-color:#CCE0CB;} table.egallery5 {width:200px; height:255px; position:absolute; left:10px; top:570px; z-index:20; background-color:#CCE0CB;} table.egallery5a{width:200px; height:255px; position:absolute; left:220px; top:570px; z-index:20; background-color:#CCE0CB;} table.egallery6 {width:200px; height:275px; position:absolute; left:430px; top:10px; z-index:20; background-color:#CCE0CB;} table.egallery7 {width:200px; height:275px; position:absolute; left:430px; top:290px; z-index:20; background-color:#CCE0CB;} table.egallery8 {width:200px; height:255px; position:absolute; left:430px; top:570px; z-index:20; background-color:#CCE0CB;} table.egallery9 {width:410px; position:absolute; left:10px; top:10px; z-index:20; background-color:#CCE0CB;} table.egallery10{width:410px; position:absolute; left:10px; top:360px; z-index:20; background-color:#CCE0CB;} .egallery11 {position:absolute; left:5px; top:190px; width:620px;} /* --------------- Home Gallery ----------------- */ h2.home {font-size:11pt; margin:0px;} table.hgallery1 {width:200px; height:250px; position:absolute; left:10px; top:10px; z-index:20; background-color:#CCE0CB;} table.hgallery2 {width:200px; height:250px; position:absolute; left:220px; top:10px; z-index:20; background-color:#CCE0CB;} table.hgallery3 {width:100px; height:250px; position:absolute; left:430px; top:10px; z-index:20; background-color:#CCE0CB;} table.hgallery4 {width:200px; height:275px; position:absolute; left:10px; top:550px; z-index:20; background-color:#CCE0CB;} table.hgallery5 {width:100px; height:275px; position:absolute; left:220px; top:550px; z-index:20; background-color:#CCE0CB;} table.hgallery6 {width:100px; height:275px; position:absolute; left:430px; top:550px; z-index:20; background-color:#CCE0CB;} table.hpromo {position:absolute; left:10px; top:265px; width:620px; z-index:20; 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; z-index:20; background-color:#CCE0CB;} .etitle {text-align:left; font-size:11pt; font-weight:bold; padding-left:2px; background-color:#FFFFFF; border:2px solid #CCE0CB;} .edesc {text-align:left; font-size:8pt; padding:5px;} /* --------------- Estate Info ------------------ */ div.einfo {width:200px; height:815px; position:absolute; left:640px; top:10px; z-index:20; background-color:#CCE0CB;} table.einfo {width:200px; height:815px; position:absolute; left:640px; top:10px; z-index:20; background-color:#CCE0CB;} .einfo h3 {font-size:10pt; font-weight:bold; text-align:center; margin-top:0.2em; margin-bottom:0.2em; color:#FFFFFF; background-color:#457F65;} .einfo h4 {font-size:10pt; font-weight:bold; text-align:center; margin-top:0.2em; margin-bottom:0.2em; color:#FFFFFF; background-color:#457F65;} .eheading {padding:5px; background-color:#457F65; color:#FFFFFF;} /* --------------- Timber Gallery --------------- */ table.tgallery1 {width:200px; height:235px; position:absolute; left:10px; top:10px; z-index:20; background-color:#EEEEDD;} table.tgallery2 {width:200px; height:235px; position:absolute; left:220px; top:10px; z-index:20; background-color:#EEEEDD;} table.tgallery3 {width:200px; height:235px; position:absolute; left:10px; top:255px; z-index:20; background-color:#EEEEDD;} table.tgallery4 {width:200px; height:235px; position:absolute; left:220px; top:255px; z-index:20; background-color:#EEEEDD;} table.tgallery5 {width:200px; height:245px; position:absolute; left:10px; top:505px; z-index:20; background-color:#EEEEDD;} table.tgallery6 {width:200px; height:245px; position:absolute; left:220px; top:505px; z-index:20; background-color:#EEEEDD;} table.tgallery7 {width:200px; height:235px; position:absolute; left:430px; top:10px; z-index:20; background-color:#EEEEDD;} table.tgallery8 {width:200px; height:235px; position:absolute; left:430px; top:255px; z-index:20; background-color:#EEEEDD;} table.tgallery88{width:200px; height:235px; position:absolute; left:430px; top:260px; z-index:20; background-color:#EEEEDD;} table.tgallery9 {width:200px; height:245px; position:absolute; left:430px; top:505px; z-index:20; background-color:#EEEEDD;} table.tgallery11{width:200px; height:410px; position:absolute; left:80px; top:10px; z-index:20; background-color:#EEEEDD;} table.tgallery12{width:200px; height:410px; position:absolute; left:360px; top:10px; z-index:20; background-color:#EEEEDD;} table.tgallery13{width:200px; height:360px; position:absolute; left:80px; top:430px; z-index:20; background-color:#EEEEDD;} table.tgallery14{width:200px; height:360px; position:absolute; left:360px; top:430px; z-index:20; background-color:#EEEEDD;} table.tgallery20{width:410px; position:absolute; left:10px; top:10px; z-index:20; background-color:#EEEEDD;} table.tgallery21{width:410px; position:absolute; left:10px; top:390px; z-index:20; background-color:#EEEEDD;} #cedar1 {width:410px; border:0px; margin:0px; padding:0px; position:absolute; left:10px; top:385px; z-index:20; color: #FFFFFF; text-align:center; background: url('../images/cedar1.png'); background-repeat: no-repeat;} #cedar h2 {border:0px; margin:0px; padding:0px;} #cedar2 {width:390px; position:absolute; left:10px; top:415px; z-index:20; color: #844A36; text-align:left; padding:10px; background: url('../images/cedar2.png'); background-repeat: no-repeat;} .ttitle {text-align:left; font-size:11pt; font-weight:bold; padding-left:5px; background-color:#FFFFFF; border:2px solid #EEEEDD;} .tdesc {text-align:left; font-size:8pt; padding:5px;} /* --------------- Timber Info ------------------ */ div.tinfo {width:200px; height:815px; position:absolute; left:640px; top:10px; z-index:20; background-color:#EEEEE0;} table.tinfo {width:200px; height:815px; position:absolute; left:640px; top:10px; z-index:20; background-color:#E8C28A;} .tinfo h3 {font-size:10pt; font-weight:bold; text-align:center; margin-bottom:0.5em; color:#FFFFFF; background-color:#E8C28A;} .tinfo h4 {font-size:10pt; font-weight:bold; text-align:center; margin-bottom:0.5em; color:#FFFFFF; background-color:#E8C28A;} .theading {padding:5px; background-color:#E8C28A; color:#FFFFFF;} /* -------------- Railing Gallery --------------- */ table.rgallery1 {position:absolute; left:10px; top:10px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery2 {position:absolute; left:220px; top:10px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery3 {position:absolute; left:430px; top:10px; width:200px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery4 {position:absolute; left:10px; top:220px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery5 {position:absolute; left:220px; top:220px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery6 {position:absolute; left:430px; top:220px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery7 {position:absolute; left:10px; top:430px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery8 {position:absolute; left:220px; top:430px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery9 {position:absolute; left:430px; top:430px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery10{position:absolute; left:10px; top:625px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery11{position:absolute; left:220px; top:625px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery12{position:absolute; left:430px; top:600px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery20{width:410px; position:absolute; left:10px; top:10px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.rgallery21{width:410px; position:absolute; left:10px; top:390px; z-index:20; background-color:#CCE0CB; font-size:0pt;} .rtitle {text-align:left; font-size:11pt; font-weight:bold; background-color:#FFFFFF; border:2px solid #CCE0CB;} /* ----------- Fivebar Gate Gallery ------------- */ table.fgallery1 {width:300px; height:230px; position:absolute; left:10px; top:10px; z-index:20; background-color:#EEEEDD;} table.fgallery2 {width:300px; height:230px; position:absolute; left:330px; top:10px; z-index:20; background-color:#EEEEDD;} table.fgallery3 {width:300px; height:230px; position:absolute; left:10px; top:250px; z-index:20; background-color:#EEEEDD;} table.fgallery4 {width:300px; height:230px; position:absolute; left:330px; top:250px; z-index:20; background-color:#EEEEDD;} .ftitle {text-align:left; font-size:11pt; font-weight:bold; padding-left:5px; background-color:#FFFFFF; border:2px solid #EEEEDD;} .fdesc {text-align:left; font-size:8pt; padding:5px;} /* ---------- Sliding Gate Gallery ------------- */ table.sggallery1{width:300px; height:285px; position:absolute; left:10px; top:10px; z-index:20; background-color:#EEEEDD; font-size:0pt;} table.sggallery2{width:300px; height:285px; position:absolute; left:330px; top:10px; z-index:20; background-color:#EEEEDD; font-size:0pt;} table.sggallery3{width:250px; position:absolute; left:70px; top:340px; z-index:6; background-color:#EEEEDD; font-size:0pt;} table.sggallery4{width:300px; position:absolute; left:10px; top:500px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.sggallery5{width:300px; position:absolute; left:330px; top:500px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.sggallery6{width:200px; position:absolute; left:430px; top:500px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.sggallery7{width:300px; height:260px; position:absolute; left:10px; top:305px; z-index:20; background-color:#EEEEDD; font-size:0pt;} table.sggallery8{width:300px; height:260px; position:absolute; left:330px; top:305px; z-index:20; background-color:#EEEEDD; font-size:0pt;} table.sggallery9{width:300px; position:absolute; left:10px; top:575px; z-index:20; background-color:#EEEEDD; font-size:0pt;} table.sggallery10{width:300px; position:absolute; left:330px; top:575px; z-index:20; background-color:#EEEEDD; font-size:0pt;} .sgtitle {text-align:left; font-size:11pt; font-weight:bold; padding-left:5px; background-color:#FFFFFF; border:2px solid #EEEEDD;} .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:10px; top:10px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.prgallery21{width:400px; position:absolute; left:10px; top:450px; z-index:20; background-color:#CCE0CB; font-size:0pt;} .prtitle {text-align:left; font-size:11pt; font-weight:bold; background-color:#FFFFFF; border:2px solid #CCE0CB;} /* ------------ Side Gate Gallery --------------- */ table.sgallery1 {position:absolute; left:80px; top:10px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.sgallery2 {position:absolute; left:230px; top:10px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.sgallery3 {position:absolute; left:440px; top:10px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.sgallery4 {position:absolute; left:80px; top:280px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.sgallery5 {position:absolute; left:250px; top:265px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.sgallery6 {position:absolute; left:415px; top:290px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.sgallery7 {position:absolute; left:80px; top:510px; z-index:20; background-color:#CCE0CB; font-size:0pt;} table.sgallery8 {position:absolute; left:440px; top:510px; z-index:20; background-color:#CCE0CB; font-size:0pt;} .stitle {text-align:left; font-size:11pt; font-weight:bold; padding-left:5px; background-color:#FFFFFF; border:2px solid #CCE0CB;} /* ----------------- Automation ----------------- */ table.agallery1 {width:400px; position:absolute; left:225px; top:10px; z-index:20; background-color:#EEEEFF;} table.agallery2 {width:300px; position:absolute; left:225px; top:400px; z-index:20; background-color:#EEEEFF;} .atitle {text-align:left; font-size:11pt; font-weight:bold; padding-left:5px; background-color:#FFFFFF; border:2px solid #BBBBFF;} .adesc {text-align:left; font-size:8pt; padding:5px;} /* ------------ Automation Info ----------------- */ div.ainfo {width:200px; height:815px; position:absolute; left:640px; top:10px; z-index:20; background-color:#EEEEFF;} table.ainfo {width:200px; height:815px; position:absolute; left:640px; top:10px; z-index:20; background-color:#EEEEFF;} div.ainfol {width:200px; height:815px; position:absolute; left:10px; top:10px; z-index:20; background-color:#EEEEFF;} table.ainfol {width:200px; height:815px; position:absolute; left:10px; top:10px; z-index:20; background-color:#EEEEFF;} .ainfo h2 {font-size:10pt; font-weight:bold; text-align:center; margin-top:0.0em; margin-bottom:0.2em; color:#FFFFFF; background-color:#294FA0;} .ainfol h2 {font-size:10pt; font-weight:bold; text-align:center; margin-top:0.0em; margin-bottom:0.2em; color:#FFFFFF; background-color:#294FA0;} .aheading {padding:5px; background-color:#E01F22; color:#FFFFFF;} /* ------------- Automation Kits ---------------- */ table.koffer {width:400px; position:absolute; left:20px; top:10px; z-index:20; background-color:#FFFFFF;} table.kslider {width:620px; position:absolute; left:10px; top:10px; z-index:20; background-color:#EEEEFF;} .kslider img {border:1px solid #294FA0;} table.kgallery1 {width:305px; height:330px; position:absolute; left:10px; top:10px; z-index:20; background-color:#EEEEFF;} table.kgallery2 {width:305px; height:330px; position:absolute; left:325px; top:10px; z-index:20; background-color:#EEEEFF;} table.kgallery3 {width:305px; position:absolute; left:10px; top:350px; z-index:20; background-color:#EEEEFF;} table.kgallery4 {width:305px; position:absolute; left:325px; top:350px; z-index:20; background-color:#EEEEFF;} .ktitle {text-align:left; font-size:11pt; font-weight:bold; padding-left:5px; background-color:#FFFFFF; border:2px solid #294FA0;} .kdesc {text-align:left; font-size:8pt; padding:5px;} .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; z-index:20; background-color:#CCE0CB;} table.finish3 {width:305px; position:absolute; left:10px; top:120px; z-index:20; background-color:#CCE0CB;} table.finish2 {width:305px; position:absolute; left:325px; top:120px; z-index:20; background-color:#CCE0CB;} /* ------------- Automation Accessories---------- */ table.acc {width:620px; position:absolute; left:10px; top:10px; z-index:20; background-color:#EEEEFF;} /* --------------- FAQ -------------------------- */ table.faq {width:625px; position:absolute; left:10px; top:10px; z-index:20; text-align:left; padding-left:0px; font-size:8pt;} th.q {text-align:left; padding-left:10px; background-color:#EEEEDD; color:#86623F;} td.a {text-align:left; padding-left:10px; background-color:#FFFFFF; color:#315244;} /* ------------ topmenu ------------------------ */ #topbar {position:absolute; left:-10px; top:100px; height:27px; width:980px; z-index:2; margin:0px; background-image:url(http://www.spagates.com/products/images/topbar.png); background-repeat:no-repeat;} .menu1 {position:absolute; left:0px; top:101px; padding:2px; border:0px; margin:0px; z-index:10; color:#FFFFFF; text-align:right; font-size:10pt; font-weight:bold;} .menu1active {display:inline; padding:0px; border:0px; margin:0px; color:#FFFFFF; background-color:#457F65;} .menu1space {display:inline; padding:0px; 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:0px; padding-top:2px; padding-left:0.5em; padding-right:0.5em; border:0px; margin:0px; text-decoration:none;} .menu1active a:hover{color:#FFFFFF; background-color:#BFC1C2; text-decoration:none; padding:0px; padding-left:0.5em; padding-right:0.5em; border:0px solid #FFFFFF; margin:0px;} .menu1inactive {display:inline; padding:0px; border:0px; margin:0px;} .menu1inactive a{color:#FFFFFF; padding:0px; padding-left:0.5em; padding-right:0.5em; border:0px; margin:0px; text-decoration:none;} .menu1inactive a:hover{color:#FFFFFF; background-color:#BFC1C2; text-decoration:none; padding:0px; padding-left:0.5em; padding-right:0.5em; border:0px solid #FFFFFF; margin:0px;} /* ------------ sidemenu ----------------------- */ #backdrop {position:absolute; left:-4px; top:130px; width:128px; height:815px; z-index:0; background-image:url(http://www.spagates.com/products/images/backdrop.png); background-repeat:no-repeat;} .menu2space {height:0.9em;} .menu2 {position:absolute; left:-4px; top:140px; width:124px; padding:0px; border:0px; margin:0px; z-index:10; text-align:right; font-size:10pt; font-weight:bold;} .menu2active {width:124px; 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:124px; 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:124px; padding:0px; border:0px; margin:0px; color:#7F7F7F; background-color:#FFFFFF;} .menu2subactive a{color:#7F7F7F; text-decoration:none; display:block; padding-top:2px; padding-bottom:2px; padding-right:0.3em; border:0px; margin:0px;} .menu2subactive 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;} .menu2subinactive{width:124px; padding:0px; border:0px; margin:0px;} .menu2subinactive a{color:#444444; text-decoration:none; display:block; padding-top:2px; padding-bottom:2px; padding-right:0.3em; border:0px; margin:0px;} .menu2subinactive 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;} /* ------------ blog ------------------------ */ #blog {position:absolute; left:10px; top:10px; width:620px; height:815px; overflow:scroll;} #blog img {margin:0px;} #blog p {text-align:left; font-size:9pt; background-color:#EEEEE0; padding:5px; margin-top:0px; margin-bottom:0px; margin-right:10px;} #blog h2 {text-align:left; font-size:12pt; font-weight:bold; color:#457F65; background-color:#FFFFFF; padding-left:10px; padding-top:0px; padding-right:10px;} #blog h4 {text-align:left; font-size:10pt; font-weight:bold; color:#444444; padding-left:10px;} /* ---------------------------------------------- */ #special_offer {color:#FF0000; background-color:#EEEEEE; text-align:left; padding-left:30px; padding-right:30px;} /* ---------------------------------------------- */