/* import css for mainNav separate css file as it is common to both new and old pages */ @import url(mainNav.css); /* Reset and Default Styles */ * {margin:0; padding:0;} fieldset, img {border:0;} body { font-size:62.5%; color:#000000; background:#D2CAB7; font-family: verdana, arial, sans-serif; margin: 10px 0 0 0; text-align:center; } h1, h2, h3, h4, h5 {font-size:1.4em;} ul {list-style:none;} /* Utilites */ .hide {text-indent:-9999px;overflow:hidden; position:absolute;} /* pageWrapper */ #pageWrapper {width:770px; margin: 0 auto; text-align:left;} /* header */ #header {font-size:1.1em;} #header #words-swfwrapper {height:40px; background: url(../images/bar2.gif) no-repeat top right; padding-top:20px;} #header #imageslider.sm {border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; list-style:none; width:770px; height:252px; display:block; overflow:hidden} #header #imageslider.sm li {float:left; display:inline; overflow:hidden;} /* leftNav */ #leftNav {font-family: "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, sans-serif; width:169px; background:url(../images/leftnav-bot-bg.gif) bottom left no-repeat #eeeeee; margin-bottom:15px;} #leftNav h3 {font-size:1.1em; color:#030303; padding:.8em 1em; background:url(../images/leftnav-hd-bg.gif) top left no-repeat #cdcdcd;} #leftNav ul {background:url(../images/leftnav-top-bg.gif) top left no-repeat; padding:2px 0 15px 0;} #leftNav ul li {border-bottom:1px solid #dcdcdc;} #leftNav ul li a:link, #leftNav ul li a:active, #leftNav ul li a:visited {color:#333333; background:url(../images/leftnav-arrow-off.gif) 95% 50% no-repeat; display:block; padding:1em; font-size:1em; text-decoration:none;} #leftNav ul li a:hover {background-color:#e0e0e0;} #leftNav ul li.selected a:link, #leftNav ul li.selected a:active, #leftNav ul li.selected a:visited {background:url(../images/leftnav-arrow-on.gif) 95% 50% no-repeat #e9e9e9; font-weight:bold; color:#000000;} #leftNav ul li ul {display:none;} #leftNav ul li.selected ul {display:block;} #leftNav ul ul {background:none; margin-top:15px;} #leftNav ul li.selected ul li {line-height:1.7em; border:none;} #leftNav ul li.selected ul li a:link, #leftNav ul li.selected ul li a:active, #leftNav ul li.selected ul li a:visited {background:url(../images/leftnav-arrow.gif) center left no-repeat; padding:0 15px; margin-left:15px; font-weight:normal; color:#333333; display:inline;} #leftNav ul li.selected ul li a:hover {color:#000000;} #leftNav ul li.selected ul li.current {background:url(../images/leftnav-arrow-dark.gif) 15px 6px no-repeat; padding-right:15px; padding-left:30px; font-weight:bold;} #leftNav ul li ul li.divide {margin:0 15px 10px 15px; padding-bottom:10px; border-bottom:1px dotted #b2b2b2;} #leftNav ul li ul li.divide a:link {margin-left:0;} /* content */ #content-1col, #content-2col, #content-3col {font-size:1.1em; background: url(../images/footer.gif) bottom right no-repeat #ffffff;} #content-1col h1, #content-2col h1, #content-3col h1 {color:#0b439a; font-size:1.4em; font-weight:normal; margin-bottom:1.2em;} #content-1col h2, #content-2col h2, #content-3col h2 {font-size: 1em; color: #ea007a; line-height:1.5em; clear:left;} #content-1col p, #content-2col p, #content-3col p {color:#000000; font-size:1em; line-height:1.5em; clear:both;} /* homepage content-3col */ #content-3col .column.first {margin-left:15px;} /* altered in ieonly.css */ #content-3col .column {float:left; min-height:18em; font-size:.9em; line-height:1.5em; margin:10px 4px; padding:10px 9px 5px 9px; border:1px solid #cccccc; width:221px;} #content-3col .column h2 {color:#6e6e6e; font-weight:normal; font-size:1.5em; margin-bottom:5px;} #content-3col .column img {border-top:3px solid #ea007b; margin-bottom:5px;} #content-3col .column a:link, #content-3col .column a:active, #content-3col .column a:visited, #content-1col .column a:link, #content-1col .column a:active, #content-1col .column a:visited {color:#101bb1; padding-left:15px; background:url(../images/link-arrow.gif) no-repeat center left;} #content-3col .column a:hover, #content-1col .column a:hover {color:#ea007b;} #content-1col .column a {line-height:2em;} #content-3col .column .homelinks {float:right; margin-top:.5em;} #content-3col .column .multiplelinks {margin-top:.5em;} #content-3col .column .multiplelinks .odd {float:left; width:50%;} #content-3col .column .multiplelinks .even {float:left;} /* centered box */ #content-3col #logos {text-align:center; padding:10px; clear:both;} /* content image list */ #content-3col #imagelist {clear:both;} #content-3col #imagelist h3 {color:#ffffff; background:#3b3b3b; padding:3px 15px; font-size:1.1em; font-weight:normal; border:1px solid #b2b2b2;} #content-3col #imagelist ul {background:url(../images/slider-bg.jpg) top left no-repeat; margin:0 auto; padding:15px 10px; text-align:center;} #content-3col #imagelist ul li {display:inline; background:url(../images/slider-bg.jpg) top left no-repeat; padding:0px 8px;} #content-3col #imagelist ul li img {border:2px solid #ffffff;} #content-1col #imagelist h2, #content-2col #imagelist h2 {padding-bottom:.3em; border-bottom:1px solid #b2b2b2; margin:20px 0 14px 0;} #content-1col #imagelist ul li {display:inline; margin-right:20px;} #content-1col #imagelist ul li.last {margin-right:0;} #content-1col #imagelist ul li a {background:none; padding:0px;} #content-2col #imagelist h2 {margin-bottom:0; font-size:1.2em;} #content-2col #imagelist ul li {display:inline; float:left; margin:0 20px 0 0; padding:0; background:none;} #content-2col #imagelist ul li img {padding-top:20px;} #content-2col #imagelist ul li a:link, #content-2col #imagelist ul li a:active, #content-2col #imagelist ul li a:visited {font-size:1.1em; color:#0c4497; display:block; text-align:center; line-height:2em;} #content-2col #imagelist ul li a:hover {text-decoration:none;} #content-2col h1 {margin-bottom:.5em;} /* image replacement for headers */ #content-2col .column #pageHd h1, #content-1col .column h1, #content-2col .column h1 {float:left; margin:0; height:22px; text-indent:-9999px;} #content-2col .column #pageHd h1.tc {background:url(../images/titles/tc.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.ssm {background:url(../images/titles/matrix2.jpg) top left no-repeat; width:220px;} #content-2col .column #pageHd h1.tpip {background:url(../images/titles/planning2.jpg) top left no-repeat; width:335px;} #content-2col .column #pageHd h1.pg {background:url(../images/titles/pagoda2.jpg) top left no-repeat; width:65px;} #content-2col .column #pageHd h1.im {background:url(../images/titles/iron.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.cl {background:url(../images/titles/class.jpg) top left no-repeat; width:100px;} #content-2col .column #pageHd h1.st {background:url(../images/titles/stork.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.si {background:url(../images/titles/sir.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.bs {background:url(../images/titles/bandshell.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.ms {background:url(../images/titles/mistral.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.pd {background:url(../images/titles/pod.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.ha {background:url(../images/titles/halo.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.dc {background:url(../images/titles/dc.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.sk {background:url(../images/titles/skylar.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.sc {background:url(../images/titles/sc.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.pw {background:url(../images/titles/pow.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.wv {background:url(../images/titles/wave.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.ic {background:url(../images/titles/ic.jpg) top left no-repeat; width:122px;} #content-2col .column #pageHd h1.gbv {background:url(../images/titles/gothic.jpg) top left no-repeat; width:162px;} #content-2col .column #pageHd h1.hw {background:url(../images/titles/hull.jpg) top left no-repeat; width:122px;} #content-1col .column h1 {margin-top:1.5em;} #content-1col .column h1.products {background:url(../images/titles/overview2.jpg) top left no-repeat; width:155px;} #content-2col .column h1.sun {background:url(../images/titles/sun-canopy.gif) top left no-repeat; width:179px;} #content-2col .column h1.playground {background:url(../images/titles/playground.gif) top left no-repeat; width:179px;} #content-2col .column h1.smoking {background:url(../images/titles/smoking.gif) top left no-repeat; width:179px;} #content-2col .column h1.all-structures {background:url(../images/titles/all.gif) top left no-repeat; width:179px;} #content-2col .column #pageHd ul {float:right;} #content-2col .column #pageHd ul.productNav li {display:inline; margin:0 15px 0 0 ; background:none;} #content-2col .column #pageHd ul.productNav li a:link, #content-2col .column #pageHd ul.productNav li a:active, #content-2col .column #pageHd ul.productNav li a:visited {color:#0b439a; text-decoration:none;} #content-2col .column #pageHd ul.productNav li a:hover {text-decoration:underline;} #content-2col .column #pageHd ul.productNav li a.selected:link, #content-2col .column #pageHd ul.productNav li a.selected:active, #content-2col .column #pageHd ul.productNav li a.selected:visited {color:#000000;} #content-2col .column #pageHd {overflow:hidden; border-bottom:1px solid #b2b2b2; width:100%; margin-bottom:1.2em; padding-bottom:.3em;} /* nested 3 columns */ #content-2col .sub-3col {margin:5px 0 0px 0; overflow:auto;} #content-2col .sub-3col .col {float:left; width:32%; padding-right:1%;} #content-2col .sub-3col .col ul {line-height:1.5em;} #content-2col .sub-3col .col ul li {background:none; padding:0; margin:0;} #content-2col ul.colours li {width:50%; float:left;} #content-2col ul.colours li img {border:1px solid #000000; float:left; margin:.2em 5px 0 0;} #content-2col #specification .sub-2col ul.colours li {clear:left;} #content-2col #featureBox {clear:both; margin-top:15px; font-family: "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, sans-serif;} #content-2col #featureBox h3 {padding:.5em 10px; color:#ffffff; font-size:1.2em; text-transform:uppercase; background:#ec0c82; font-weight:normal; border-bottom:1px solid #ffffff;}/* altered in ieonly.css */ #content-2col #featureBox p {color:#000000;} #content-2col #featureBox ul {float:left; margin-bottom:15px; background:url(../images/featurebox-bg.gif) top left repeat-y; padding-bottom:15px; width:100%;} #content-2col #featureBox ul li {margin-top:5px; float:left; width:25%; padding-left:45px; background:none;}/* altered in ieonly.css */ #content-2col #featureBox ul li.one {background:url(../images/icon-pdf.jpg) 5px 0px no-repeat;} #content-2col #featureBox ul li.two {background:url(../images/icon-question.jpg) top left no-repeat;} #content-2col #featureBox ul li.three {background:url(../images/icon-gallery.jpg) top left no-repeat;} #content-2col #featureBox ul li h4 {font-size:1em; margin-top:.5em;} #content-2col #featureBox ul li a:link, #content-2col #featureBox ul li a:active, #content-2col #featureBox ul li a:visited {text-transform:uppercase; color:#0c4497;} #content-2col #featureBox ul li a:hover {text-decoration:none;} #content-2col #specification {width:100%; text-align:center; overflow:auto; clear:both;} #content-2col #specification h2 {margin-top:0; font-weight:normal;} #content-2col #specification h3 {color:#EA007A; margin-top:0em; font-size:1em;} #content-2col #specification h4 {color:#27499A; margin-top:.5em; font-size:1em;} #content-2col #specification p {color:#000000;} #content-2col #specification ul {line-height:1.5em; font-size:1em;} #content-2col #specification ul li{background-position:0 2px;} #content-2col #specification ul.colours li {float:none; background:none; padding-left:0;} #content-2col #specification h2 {font-size:1.4em; float:left;} #content-2col #specification a:link, #content-2col #specification a:active, #content-2col #specification a:visited {float:right; padding:0 15px 0 15px; margin-top:.3em; background:url(../images/link-arrow.gif) no-repeat center left;} #content-2col #specification a:hover {text-decoration:none;} #content-2col #specification img.structure {margin-top:5px; border-left:6px solid #e7e7e9; border-right:6px solid #e7e7e9;} #content-2col #specification table {margin: 20px auto 10px auto; font-size:1em;} #content-2col #specification table thead th {color: #EA007A; padding-bottom:.8em;} #content-2col #specification table tbody th {color: #0b439a; font-weight:normal; border-bottom:1px solid #b2b2b2; padding-bottom:.4em;} #content-2col #specification table td {width:4em; text-align:center; padding-top:.6em;} #content-2col #specification table td.size {color: #0b439a; width:6em; text-align:left;} #content-2col #specification .sub-2col {float:left; width:48%; text-align:left; margin-right:1%;} #content-2col #specification .sub-2col.wide {clear:left; width:55%; margin-right:2%;} #content-2col #specification .sub-2col.narrow {width:40%;} /* content-1col */ #content-1col {padding:15px;} #content-1col h1 {margin:0 0 1.5em 0;} /* content-2col */ #content-2col {float:left; padding:20px 0 30px 0;} /* leftcol for navigation and info boxes */ #content-2col .leftcol {font-family: "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, sans-serif; width:171px; margin-left:5px; float:left; display:inline;} #content-2col .leftcol #info {padding:10px; border-top:1px solid #cccccc; background:url(../images/info-border.gif) bottom left no-repeat;} #content-2col .leftcol #info h4 {color:#000000; font-size:1.2em; margin-bottom:.3em;} #content-2col .leftcol #info p {color:#666666;} #content-2col .leftcol #info p span {color:#0b439a; font-weight:bold; font-size:1.5em; display:block; padding:.4em 0;} /* main content column */ #content-2col .column {width:579px; margin-left:10px; float:left; display:inline; padding-right:5px;} /* altered in ieonly.css */ #content-2col .column h2 {margin-top:1em;} #content-2col .column p {margin:0 0 .5em 0;} #content-2col .column p a:link, #content-2col .column p a:active, #content-2col .column p a:visited {color:#666666;} #content-2col .column p a:hover {color:#333333; text-decoration:none;} #content-2col .column p.pdf {padding-left:40px; background:url(../images/icon-pdf-dl.jpg) top left no-repeat; height:40px; padding-top:12px;} #content-2col .column p.pdf a:link, #content-2col .column p.pdf a:active, #content-2col .column p.pdf a:visited {text-transform:uppercase; color:#000000; padding-left:3px;} #content-2col p.note {font-size:.9em;} #content-2col p.abstract {font-size: 1.1em; color: #5F7DC4;} #content-2col .column h3.divider {background:url(../images/horiz.gif) top left no-repeat;} #content-2col .column h3 {color: #27499A; font-size:1em; padding:1.7em 0 .5em 0;} #content-2col .column h3.first {background:none;} #content-2col .column ul li {padding-left:10px; background:url(../images/plus3.gif) 0 0 no-repeat;} /* footer */ #footer {float:left; width:100%; font-family: "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, sans-serif; color: #363835; margin:21px 0 0 0; padding:0 0 17px 5px; line-height:1.7em; clear:both; font-size:1em;} #footer p.address a:link, #footer p.address a:active, #footer p.address a:visited {color: #363835; text-decoration:none;} #footer p.address a:hover {text-decoration: none; color: #27499A} #footer p.design {float:right; margin:-16px 10px 0 0;} #footer .addresspink {color: #EA007A;}