/*
Copyright (c) Thinking Big Information Technology Inc. All rights reserved.
Site styles for Atlantic Wood Website.
File layout:
- Tag Defaults
- Sprite Wiring
- Site Styles
- Error Pages
*/
/* Tag Defaults */
html { height: 100%; }
body {
font-size: .75em;
font-family: Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
text-align: center;
height: 100%;
background: #66584d url(/assets/css/img/body-bg-gradient.gif) repeat-x 0 0;}
a:link { color: #5A8221; text-decoration: none; }
a:visited { color: #5A8221; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #5A8221; text-decoration: none; }
#footer a { text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }
#footer ul { margin: 0px; padding: 0px; }
#footer ul li { list-style-type: none; }
p, ul { margin-bottom: 20px; line-height: 1.6em; }
h1, h2, h3, h4, h5, h6 { color: #000; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2 { font-size: 2em; padding: 0 0 10px 0; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5,
h6 { font-size: 1em; }
fieldset { margin: 1em 0; padding: 2em; border: solid 1px #888; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset div { padding-bottom: 5px; }
fieldset label { display: block; }
fieldset label.inline { display: inline; }
fieldset legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 4px 4px; }
.fieldset_info_site { float:left; width:350px; }
fieldset.contact-us { border: 0; width: 600px; }
table { border: solid 1px #effffd; border-collapse: collapse; }
table th { padding: 6px 5px; text-align: left; background-color: #efefef; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; }
table td { padding: 5px; border: solid 1px #effffd; }
/* Sprite Wiring */
/* Site Styles */
#page-top-bar { background-image: url(/assets/css/img/top-green-bar.gif); background-repeat: repeat-x; background-position: top left; height: 5px; }
#container {
padding: 0;
width: 1000px;
height: auto;
margin: 0 auto;
text-align: left;
background: transparent url(/assets/css/img/page-bg.gif) repeat-y 0 0;
padding-bottom: 30px; }
#header { height: 165px; position: relative;}
#member-login {
background: transparent url(/assets/css/img/sprite.png) no-repeat 0 0;
height: 33px;
width: 164px;
position: absolute;
right: 60px;
top: 0; }
#member-login a{ display: block; color: #fff; font-size: 1em; text-decoration: none; padding: 0 0 0 15px; margin-top: 7px; font-weight: bold;}
#header a#logo img { margin-left: 45px; margin-top: 25px; }
#header #header-search-box { display: none; }
/* todo - search box contents */
#menucontainer { margin-top:10px; margin-left: 50px; margin-bottom: 60px; }
ul#main-menu { padding: 0 0 0 0; position: relative; margin: 0; text-align: left; background-color:#fff; }
ul#main-menu li { list-style: none; position: relative; float: left; display: block; width: 160px; }
ul#main-menu li a {
padding: 5px 10px 30px 10px;
font-weight: bold;
font-size: 13pt;
text-decoration: none;
color: #89a461;
border-left: 1px solid #cdcab8;
font-family: Georgia;}
ul#main-menu li.no-border a { border-left: 0; }
ul#main-menu li a:hover { color: #000; text-decoration: none; }
ul#main-menu li a:active { text-decoration: none; }
ul#main-menu li.selected a { background-color: #fff; color: #000; text-decoration: none; }
ul#main-menu li span { font-size: 8pt; position: absolute; left: 11px; top: 20px;}
#slideshow { border: 8px solid #cac7b4; width: 890px; margin: 0 auto; text-align: center; padding: 3px 0 1px 0; width:880px; height: 235px; }
#breadcrumb-menu { margin-top: 10px; margin-left: 50px; }
#breadcrumb-menu a { text-decoration: none; color:#4e6e1e; }
#breadcrumb-menu a.current { color:#000; }
#breadcrumb-menu a:hover { text-decoration: underline; }
#main { padding: 7px 50px 5px 50px; margin-bottom: 30px; _height: 1px; margin: 0 auto; clear: both;/* only IE6 applies CSS properties starting with an underscrore */ }
#main-sidebar {
float:left;
width:288px;
display:inline;
padding-top: 5px;
margin-top: 20px;
margin-left: 28px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #cac7b4;
border: 1px solid #cdddb8; }
.sidebar-container { text-align: left; margin: 5px 0; }
.sidebar-container h2 {
color: #fff;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 10px;
margin-left: 10px;
padding-bottom: 0px;
text-align: left;}
.sidebar-container .inner {
margin: 10px;
padding: 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #fff;
border: 1px solid #b3b09f; }
#locater-btn {
margin-left: 12px;
font-weight: bold;
float: right;
margin-top: 60px;
margin-right: 50px;
background: transparent url(/assets/css/img/sprite.png) no-repeat 0 -163px;
width: 285px;
height: 74px;
position: relative; }
#locater-btn a { color: #47372f; font-size: 10pt; display: block; height: 30px; _margin-left: 15px; margin-top: 15px; padding-top: 6px; padding-left: 8px !important; font-family: Georgia;}
#locater-btn span { font-size: 9pt; position: absolute; left: 9px; top: 40px; font-weight: normal; color: #47372f; font-family: Arial;}
#search-box .search-input { padding: 3px; font: 1.2em Helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 1px solid #ccc; width: 240px; }
#search-box #search-box-button { float: right; color: #51483F; font-weight: normal; border-color: #537521; width: 70px; padding: 3px; border: 1px solid #ccc; }
.new-search-btn { border: 1px solid #ccc; padding: 5px; } /* Button on capabilities page */
#sidebar-sponsors { text-align: center; }
#main-content { float:left; width:560px; display:inline; padding-top: 5px; margin-right: 14px; }
#main-content h2 {
border-bottom: 1px dashed #ccc;
color: #281511;
font-weight: normal;
margin-bottom: 10px;
padding-bottom: 0px; }
#main-content h3 { font-size: 1.3em; }
#main-content p { padding: 0 20px 0 0; margin-bottom: 10px; margin-left: 0; color: #838181; }
#main-content #product_result { clear:both; padding:15px; }
#main-content #product_picture { border:solid 1px #ccc; height:113px; width:150px; }
#main-content #product_info { height:120px; }
#main-content #member_result { clear:both; padding:15px; }
#main-content #member_logo { border:solid 1px #ccc; height:113px; width:150px; }
#main-content #member_info { height:120px;}
#main-content #checkboxlist_main { float:left; margin-right:30px; }
#main-content #checkboxlist_children { padding-left:5px; }
#main-content #article { border: 1px solid #ccc; padding: 10px; background: #f4f4f3; }
#main-content #article_head { border-bottom:dashed 1px #ccc; height:18px; font-size: 1.3em; font-weight: bold; padding-bottom: 5px; }
#main-content #article_head a { color: #5E8327; text-decoration: none; }
#main-content #article-date { font-size: 0.8em; color: #999; }
#main-content #article_summary { padding-top:10px; clear:both; }
#main-content #member-list ul { margin: 0px; padding: 0px; }
#member-list ul li { list-style-type: none; background: transparent url(/assets/css/img/bullet.gif) no-repeat 0 5px; }
#main-content #member-list li a { display: block; margin-bottom: 10px; font-size: 1.3em; text-decoration: none; padding-left: 15px; }
#main-content #member-list li a:hover { background: transparent url(/assets/css/img/bullet-hover.gif) no-repeat 0 5px; text-decoration:underline; }
#main-content #home { }
#main-content #home h3 { color: #666; font-size:13px; }
#main-content #home p { color: #838181; margin: 0 0 5px 15px; font-size:11px; }
#main-content #home ul { padding: 0; margin: 0 0 5px 10px; color: #838181; }
#main-content #home ul ul { margin: 0 0 0px 10px; }
#main-content #home li { list-style-type: none; padding-left: 15px; background: transparent url(/assets/css/img/bullet.gif) no-repeat 0 5px; padding-bottom: 5px; font-size:11px;}
#main-content #home a { font-weight: bolder; text-decoration:underline; }
#main-content #sitemap { }
#main-content #sitemap ul { padding: 0; margin: 0 0 5px 0; }
#main-content #sitemap li { list-style-type: none;}
#main-content #sitemap ul li ul { margin-left: 10px; }
#main-content #sitemap ul li ul li a { background: transparent url(/assets/css/img/bullet.gif) no-repeat 0 2px; padding-left: 15px; }
#main-content #sitemap ul li ul li a:hover { background: transparent url(/assets/css/img/bullet-hover.gif) no-repeat 0 2px; }
#article-rss { float: right; height: 30px; }
#article-rss img { padding-top: 5px; }
#article-rss a { display: block; height: 30px; float: left; margin-right: 3px; padding-top: 5px; }
.pager { padding-top: 10px; }
.pager ul li {
display:block;
text-align:left;
height:22px;
line-height:21px;
float: left;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;}
.pager a:link, .pager a:visited{
padding:5px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #EBEBEB;
margin-left:5px;
text-decoration:none;
background-color:#efefef;
color:#9f9f9f;
width:25px;
font-weight:normal;
line-height:21px;}
.pager a:hover { background-color:#b6d38c; border:1px solid #94ad6f;; color:#0072BC;}
.pager .current {
padding:5px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #94ad6f;
margin-left:5px;
text-decoration:none;
background-color:#b6d38c;
color:#0072BC;
cursor:default;}
.pager .disabled {
padding:7px;
padding-top:2px;
padding-bottom:2px;
border:1px solid #EBEBEB;
margin-left:5px;
text-decoration:none;
background-color:#F5F5F5;
color:#D7D7D7;
cursor:default;}
strong.contact-name { font-size: 1.2em; color: #5E8327; text-decoration: underline; }
.contact-us input, .contact-us textarea {
padding: 5px;
width: 400px;
font-family: Helvetica, sans-serif;
font-size: 1em;
margin: 0px 0px 10px 0px;
border: 2px solid #ccc; }
.contact-us textarea { height: 80px; }
.contact-us textarea:focus, .contact-us input:focus { border: 2px solid #900; }
.contact-us input.submit-button{ width: 100px; float: right; margin-right: 110px; cursor: pointer; }
.contact-us label {
float: left;
text-align: right;
margin-right: 15px;
margin-left: -30px;
width: 90px;
padding-top: 5px;
font-size: 1.2em; }
#contact-us-info { margin-left: 0px; }
#search { }
#search label { font-size: 1.4em; }
#search input, #search textarea {
padding: 5px;
font-family: Helvetica, sans-serif;
font-size: 1.4em;
margin: 0px 0px 10px 0px;
border: 2px solid #ccc; }
input.search-submit {padding: 5px;
font-family: Helvetica, sans-serif;
font-size: 1.4em;
margin: 5px 0px 10px 0px;
padding: 5px;
border: 2px solid #ccc;
background: #efefef;
color: #666; }
select#category { border: 2px solid #ccc; margin: 5px 0 5px 0; }
#footer {
color: #66584d;
padding: 0;
text-align: left;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 20px;
font-size: 1em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #cac7b4;
width: 895px;
}
#footer a:link { color: #66584d; text-decoration: none; }
#footer a:visited { color: #66584d; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }
#footer a:active { color: #FF3F59; text-decoration: none; }
#footer h2, #footer h3 { color: #66584d; }
#footer ul { margin: 0px; padding: 0px; }
#footer ul li { list-style-type: none; }
#footer-left-column { border-right: 1px solid #fff; float: left; display: block; width: 300px; height: 230px; margin-right: 20px; }
#footer-left-column-content { padding: 20px; }
#footer-left-column-content ul { margin-left: 25px; }
#footer-middle-column { display: block; height: 230px; }
#footer-middle-column-content { padding: 20px;}
#footer-middle-column-content ul { margin-left: 25px; }
#footer-right-column { border-left: 1px solid #fff; float: right; display: block; width: 310px; height: 230px;}
#footer-right-column-content { padding: 20px;}
#contact-info { margin-left: 40px; }
#footer-errorpage { text-align: center; padding: 10px; }
#post-footer { margin-top: 30px; }
#government-branding-logos { margin-left: 50px; float: left; width: 600px;} /* These are the canadian government logos at the bottom of the site */
a.industry-canada { background: url(/assets/css/img/sprite.png) no-repeat 0 -34px; height: 41px; width: 133px; float: left; }
a.foreign-affairs { background: url(/assets/css/img/sprite.png) no-repeat 0 -77px; height: 41px; width: 177px; float: left; }
a.natural-resources { background: url(/assets/css/img/sprite.png) no-repeat 0 -120px; height: 41px; width: 238px; float: right; }
#designed-by { position: relative; text-align: right; width: 130px; float: right; margin-right: 50px; }
a.tb-logo { float: right; background: url(/assets/css/img/sprite.png) no-repeat -180px 0; width: 71px; height:52px; }
.designed-by-text { display: block; float: left; color: #999; font-size: 0.8em; padding-top: 5px; }
/* Error Pages */
#error-page #main { padding: 5px; width: 890px; margin: 0 auto; }
#error-page #main h2 { color: #ff0000; border-bottom: 3px solid #999; }
#validation-summary { width: 500px; margin: 0 40px 20px 0; font-size: 1.4em; border: 1px solid #ccc; background-color: #fcfcd1; padding: 10px; font-weight: bold; }
span.validation-summary-errors { color: #ff0000; }
ul.validation-summary-errors { margin: 0px; padding: 0px; font-weight: normal; }
ul.validation-summary-errors li {
margin-left: 20px;
list-style-type: none;
background: transparent url(/assets/css/img/error.gif) no-repeat 0 4px;
padding-left: 25px;
display: block;
height: 30px; }