/*CSS Main Page for Metro Building Products Inc.*/ /* ----------------------------------------------------------------- Universal -------------------------------------------------------------------- */ * {margin: 0pt;padding: 0pt;} body {border: none;background: #123C66;color: #094D8E;font-family: Helvetica, Arial, sans-serif; font-size: .85em;margin: 0 auto;text-align: left; width: 840px;} /* ----------------------------------------------------------------- Header -------------------------------------------------------------------- */ #header {background: url(../images/structure/header02.jpg) no-repeat scroll left top;float: left;height:169px;width:840px;margin-top: 20px;} #left-head {float: left;height: 169px;width: 274px;} #left-head h1 a {background:url(../images/structure/h1-logo.png) transparent no-repeat 0;float: left;height: 144px;padding: 0; margin: 0;text-indent:-9999px;width: 274px; cursor: pointer;} #left-head img.credit {float: left;margin:0 0 0 28px;} #left-head p.head-phone {color: #ffffff;float: left;font-size: 1.5em;letter-spacing: 2px;padding: 2px 0 0 15px;margin: 0;} #right-head {float: left;height: 169px;width: 566px;} #hrs {float: left;height:146px;width: 566px; } #hrs p.hours {color: #CBE8F8; margin:0;padding:10px 0 0 50px; font-size: 75%;} #hrs a {color: #CBE8F8; text-decoration: none;} #hrs a:hover {color: #CBE8F8; text-decoration: underline;} /* ----------- NAVIGATION ----------*/ #nav {float: left;margin: 0;padding: 0;height: 24px;width: 560px;list-style: none;display: inline;overflow: hidden;} #nav li {margin: 0;padding: 0;display: inline;list-style: none;} #nav a {float: left;padding: 24px 1px 0 0;overflow: hidden;height: 0px !important;height /**/: 24px;} #nav a:hover {background-position: 0 -24px; cursor: pointer;} #nav a:active, #nav a.selected {background-position: 0 -48px;} #home a {background: url(../images/structure/nav/home.png) top left no-repeat;height: 24px;width: 111px;} #products a {background: url(../images/structure/nav/products.png) top left no-repeat;height: 24px;width: 111px;} #services a {background: url(../images/structure/nav/services.png) top left no-repeat;height: 24px;width: 111px;} #msds a {background: url(../images/structure/nav/MSDS.png) top left no-repeat;height: 33px;width: 111px;} #contact a {background: url(../images/structure/nav/contact.png) top left no-repeat;height: 24px;width: 111px;} /* ----------------------------------------------------------------- Content Area -------------------------------------------------------------------- */ #content {background: url(../images/structure/content.jpg) scroll top left repeat-y; clear: both; float: left;height: 100%; width: 840px;padding: 0px;} /*----------- LEFT ---------------*/ #left {float: left;height:100%;margin:0;padding:0 0 20px 6px;width: 274px;} #map-button {float: left;height:154px;width: 267px; } #map-button h2 {text-indent: -9999px;} #map-button a.map-button {background:url(../images/structure/nav/left-nav/map-button.jpg) transparent no-repeat top left; float: left; height: 154px; width: 267px;} #map-button a.map-button:hover {background-position: 0 -154px;} #lnb {float: left;margin: 0;padding: 0;height: 102px;width: 268px;list-style: none;overflow: hidden;} #lnb li {margin: 0;padding: 0;list-style: none;} #lnb a {float: left;padding: 34px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 34px;} #lnb a:hover {background-position: 0 -34px; cursor: pointer;} #lnb a:active, #lnb a.selected {background-position: 0 -68px;} #featured a {background: url(../images/structure/nav/left-nav/featured.jpg) top left no-repeat;height: 34px;width: 268px;} #green a {background: url(../images/structure/nav/left-nav/green-products.jpg) top left no-repeat;height: 34px;width: 268px;} #employment a {background: url(../images/structure/nav/left-nav/employment.jpg) top left no-repeat;height: 34px;width: 268px;} #notice-buttons {float: left;margin-top: 5px;padding: 0;height: 110px;width: 268px;list-style: none;overflow: hidden;} #notice-buttons li {margin: 0 0 5px 5px;list-style: none; height: 50px;width: 257px;} #notice-buttons a {float: left;padding: 50px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 50px;} #quote a {background: url(../images/structure/nav/left-nav/request-a-quote.jpg) top left no-repeat;height: 50px;width: 257px;} #credit a {background: url(../images/structure/nav/left-nav/credit-ap.jpg) top left no-repeat;height: 50px;width: 257px;} #left h3 {font-size:14px;margin-left:55px;margin-top:5px;padding:10px;} #left p {font-size:0.85em;line-height:1.8em;padding:10px 10px;position:relative;} #left a {color: #F15C22;text-decoration: none;} #left a:hover {color: #F15C22;text-decoration: underline;} /*----------- RIGHT ---------------*/ #right {float:left;padding:0 0 40px;width:555px;} #right h2 {font-size:15px;padding:20px 10px 5px;} #right h3 {font-size:15px;padding:20px 10px 5px;} #right h4 {font-size:15px;padding:20px 10px 5px;} #right p {font-size:1em;line-height:1.8em;padding:10px 20px 10px 10px;position:relative;} #right ul {list-style-image:none;list-style-position:outside;list-style-type:circle;margin:20px 0 5px;padding-left:25px;} #right li {line-height:1.5em; padding:1px 20px 10px 10px;} #right p.contact {font-size:1em;padding-top:10px;} #right a {color: #F15C22;text-decoration: none;} #right a:hover {color: #F15C22;text-decoration: underline;} #right li.position-available {font-size: 80%; padding:1px 20px 10px 10px;} #right span {color: red;} .list-block {float:left; display:block;margin-bottom: 15px;width:555px;} .small-list-left, .small-list-right {float: left; padding:0; width: 275px;} .small-list-left, .small-list-right li {font-size: 80%;} .small-list-left li.no, .small-list-right li.no {list-style: none;} #right h3 a {color:#094D8E;border-bottom: none; cursor: inherit;} #right h3 a:hover {color:#094D8E;border-bottom: none; cursor: inherit; text-decoration: none;} #right p.bookmark-nav {text-align:center;} #contact-form {float: left; padding:20px 15px 5px;} .form-left {float: left; padding:5px 15px 5px 0; width: 260px;} .form-right {float: left; padding:5px 15px 5px; width: 220px;} #right table {margin: 20px 0 20px 12px; color: #094D8E;} #right th {padding:5px 0; text-align: center;} #right td {padding:5px 0; text-align: center;} #right table.contact {margin: 5px 0 20px 0; color: #094D8E;} #right td.contact01 {padding:5px 75px 5px 0; text-align: left;} #right td.contact02 {padding:5px 0; text-align: left;} #email-box {background-color: #EFEFEF;border: solid 1px;border-color: #094D8E;float: left;height: 380px; margin: 15px 10px 15px 15px;padding: 10px;width: 210px;} #email-box h1 {text-indent: -9999px;} #email-box h2 {text-align:center;padding: 0 20px 10px 20px;font-size: 16px;} #email-box ul {margin-top: 10px;margin-bottom: 20px;} #email-box li {font-size: 0.85em;line-height:1.8em;list-style: none;margin: 0 15px 0px 5px;padding:0pt;text-align:center;} #email-box strong {font-size: 12px;} #email-box a {color: #00199A;} #email-box a:hover {color: #FF3300;text-decoration: none;} /* ----------- IMAGES ----------*/ img.l-right {float: right;margin: 10pt 20px 5px 15px;} #map {border: solid 1px;border-color: #094D8E;float: left;height: 400px;margin: 15px 0 15px 10px;width: 530px;} img.right {float: right;margin: 10px 20px 10px 15px;border: solid 1px;border-color:#094D8E;padding: 4px;} img.l-center {float: left;margin: 0 10px 0 15px;} img.qr-auth {float:right; margin: 0 20px 0;} /* ----------------------------------------------------------------- FOOTER -------------------------------------------------------------------- */ #footer {background: transparent url(../images/structure/footer.jpg) no-repeat scroll left top; clear: both; float: left;font-size: 12px; color: #fff;width: 840px;height: 152px;} #f-left {float: left;height:152px; width: 400px; margin: 15px 0 0 25px;} #f-left p {color: #ffffff;line-height: 125%;} #f-left p span {font-weight: bold; font-size: 110%;} #f-left a {color: #ffffff;text-decoration: none;} #f-left a:hover {color: #ffffff;text-decoration: underline;} #web-design {text-indent: -9999px; height: 0; width: 0; line-height: 0;} #f-right {float: right;height: 152px; width: 400px;} #amarok-logo {float: right; height: 90px;width: 400px;} #amarok-logo a {float:right;height:70px;margin: 15px 30px; text-indent: -9999px; width: 60px;} #f-right p {line-height: 125%;text-align: right;padding: 15px 20px 25px 0; font-size: 90%;}