/* basic elements */
html {
margin:0;
padding:0;
}
body {
font:normal 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
color:#000;
background:#fff;
margin:0;
padding:0;
text-align:left;
}
p {
font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
margin:.3em;
text-align:justify;
}
h1 {
font:12px/1em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
margin:.3em;
color:#ffffff;
}
h2 {
font:14px/1.3em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
h3 {
font-weight:bold;
font-size:1.2em;
margin:0 0 .3em;
}
h4 {
font-weight:bold;
font-size:1.1em;
margin:0 0 .2em;
}
h5 {
font-weight:bold;
font-size:1em;
margin:0;
}
a {
text-decoration:none;
color:black;
}
a:visited {
text-decoration:none;
color:black;
}
a:hover, a:focus, a:active {
text-decoration:none;
color:black !important;
}
a.style3 {
color:#fff !important;
}
a.style3:hover {
color:#fff !important;
}
a img {
border-width:0;
}
acronym {
border-bottom:none;
}
form {
margin:0;
padding:0;
}
/* Header, the special bits */
#header {
width:100%;
height:94px;
margin:0 auto;
}
#header h1 {
margin:0;
padding:0;
}
#header h1 a {
background: url(../i/timberkits.gif) no-repeat top left;
float:left;
width:135px;
height:94px;
}
#header h1 span, #header p, #skipnav {
position:absolute;
left:-100em;
}
/* The main content */
#maincontent {
margin:0 0 0 130px;
min-height:300px;
padding:0 0 1em .5em;
border-left:2px solid #000;
width:50em;
max-width:750px;
}
#maincontent h1 {
position:relative;
margin:0 0 -1em;
padding:0;
top:-1.2em;
right:0;
text-transform:uppercase;
}
/* Dynamic Content */
/* Generic */
p.return {
clear:both;
text-transform:lowercase;
padding-top:10px;
}
p.return a {
display:block;
padding:.5em .5em .25em 0;
width:6em;
}
div.nextprev {
clear:both;
padding-top:1em;
text-align:right;
}
div.nextprev a {
padding:.1em .25em;
letter-spacing:1px;
}
div.nextprev a:hover {
background:#ccc;
}
div.nextprev a.cur {
color:inherit !important;
background:inherit !important;
cursor:default;
}
div.nextprev span {
display:none;
}
a.more {
text-transform:lowercase;
}
/* Section lists, Normal & Columns (Sections, Categories, Products, Links, Photos, News, FAQ's, Terms, Guides, PDF files) */
ul.section-list {
margin:1em;
padding:0;
list-style:none;
}
ul.section-list li {
clear:left;
margin:0 0 1.5em;
}
ul.section-list h3 a {
color:#000 !important;
}
ul.section-list h3 a:hover, ul.section-list h3 a:focus, ul.section-list h3 a:active {
color:#E74646 !important;
}
ul.section-list p {
margin:.25em .5em .75em;
}
ul.section-list img {
display:block;
position:relative;
float:left;
margin:0 .5em .5em 0;
border:1px solid #fff;
}
html>body ul.section-list a:hover img { /* Hidden from IE with html>body */
border-color:#000;
}
ul.columns li {
display:inline;
clear:none;
padding:0;
}
ul.columns li a {
display:block;
float:left;
width:32%;
margin:.1em;
padding:.1em .3em;
}
ul.columns a:hover img { /* Repeated for IE since it doesn't see above html>body rule */
border-color:#000;
}
#faqs h3 strong, #faqs p strong {
display:block;
float:left;
margin-right:1em;
}
#photos li a, #pdf_files li a {
width:24%;
font-size:80%;
text-align:center;
}
#photos li img, #pdf_files li img {
float:none;
margin:0 auto;
}
#add2gallery {
clear:left;
margin-top:0;
padding-top:1em;
}
table#products {
margin:0;
padding:0;
}
table#products td {
height:200px;
width:100px;
margin:0;
padding:0 .5em;
vertical-align:bottom;
}
table#products img {
display:block;
}
table#products h3 {
text-align:center;
}
table#products a {
color:#000;
}
/* Section detail pages (FAQ's Guides, Terms, News, Photos) */
div.section-detail h3 {
margin-bottom:1em;
}
div.section-detail p {
margin:.5em 0 1em;
}
div.section-detail img {
display:block;
float:left;
clear:left;
border:1px solid black;
margin:0 1em .5em 0;
}
#newsitem img {
float:right;
clear:right;
margin:0 0 .25em 1em;
}
#newsitem div.details {
clear:left;
}
#newsitem div.details p {
margin:0;
font-size:90%;
}
#newsitem div.details p span {
font-weight:bold;
display:block;
float:left;
clear:left;
text-align:right;
padding:0 1em 0 0;
width:9em;
}
/* Product Detail pages */
#pdfinfo a {
display:block;
font-weight:bold;
letter-spacing:1px;
padding:.25em;
}
/* Following two selectors to be used when displaying an image instead of the text (LIR method) */
#pdfinfo_temp {
float:right;
margin:0 0 1em;
}
#pdfinfo a_temp {
display:block;
background-image: url(../i/wactackle.gif);
background-repeat: no-repeat;
clip: rect(0, 125px, 25px, 0);
overflow: hidden;
padding: 25px 0 0 0;
width: 125px;
height: 0 !important;
height /**/:25px;
}
/* Product Options and Related Products */
#product .product-info {
clear:right;
float:right;
margin:.5em 1em;
padding:0;
width:450px;
border:1px solid #000;
}
#product-options {
text-align:right;
}
#product #relatedproducts { /* 2 Pixel error? Cause unknown */
width:448px !important;
}
#product .product-info th, #product .product-info h4 {
margin:0;
padding:.25em .5em;
background:#ccc;
border-bottom:1px solid #000;
}
#product-options th.desc {
width:335px;
}
#product-options th.price {
width:75px;
}
#product-options th.quantity {
width:40px;
}
#product-options td {
padding:0 .25em;
}
/* Over-ride some generic-form styles */
#product-options input {
margin:.25em 0;
width:2.5em;
}
#product-options input.submit {
width:6em;
margin-right:2em;
text-transform:uppercase;
font-size:90%;
font-weight:bold;
}
#relatedproducts ul {
list-style:none;
margin:0 0 .5em;
padding:0;
}
#relatedproducts li {
padding:0;
margin:0 0 .25em;
}
#relatedproducts li a {
display:block;
padding:.125em .25em .25em 1em;
}
/* Links table page */
table#links {
clear:both;
width:95%;
margin:1em auto;
}
#links th {
padding:0 0 .25em .25em;
text-align:left;
border:1px solid #333;
border-width:0 0 1px 0;
}
#links td {
padding:.25em .25em 0;
vertical-align:top;
}
#links th.company {
width:25%;
}
#links th.desc {
width:45%;
}
#links th.link {
width:30%;
}
/* ImageTags */
img.imagetag, img.imagetagcenter, img.imagetagright, img.imagetagleft {
display:block;
}
img.imagetagright {
float:right;
margin:0 0 .5em .5em;
}
img.imagetagleft {
float:left;
margin:0 .5em .5em 0;
}
img.imagetag, img.imagetagcenter {
float:none;
margin:0 auto;
}
/* Summary Lists (News, Categories) */
div.summary-list {
clear:right;
float:right;
width:11em;
border:1px solid black;
border-width:0 0 1px 1px;
margin:0 0 .5em 1em;
}
div.summary-list h4 {
margin:0;
padding:0 .125em 0;
border-bottom:1px solid black;
background:#ccc;
font-size:90%;
}
div.summary-list p {
margin-left:0 !important;
margin-right:0 !important;
font-size:90%;
}
div.summary-list ul {
list-style:none;
margin:0;
padding:0;
}
div.summary-list a {
display:block;
padding:.125em .25em;
}
#news-summary {
clear:left;
float:left;
border-width:0 1px 1px 0;
margin:0 1em .5em 0;
}
/* Special Offer */
div.specialoffer {
clear:left;
float:left;
width:11em;
border:1px solid black;
border-width:0 1px 1px 0;
margin:.5em 1em .5em 0;
}
div.specialoffer h4 {
margin:0;
padding:0 .125em 0;
border-bottom:1px solid black;
background:#ccc;
font-size:90%;
}
div.specialoffer h5 {
font-size:80%;
text-align:center;
}
div.specialoffer img {
display:block;
margin:.25em auto 0;
border:1px solid #fff;
}
div.specialoffer a:hover img {
border-color:#000;
}
div.specialoffer h5 span.price {
display:block;
}
/* Mailing List */
#mailinglist {
clear:right;
float:right;
width:11em;
margin:.5em 0 .5em 1em;
border:1px solid black;
border-width:0 0 1px 1px;
}
#mailinglist h4 {
margin:0;
padding:0 .125em 0;
border-bottom:1px solid black;
background:#ccc;
font-size:90%;
}
#mailinglist p {
margin:0 0 .5em .25em;
font-size:80%;
text-align:center;
letter-spacing:1px;
}
#mailinglist form {
text-align:center;
}
#mailinglist input {
margin:.25em 0;
width:12em;
font-size:80%;
border:1px solid #000;
padding:1px 2px;
}
#mailinglist input:active, #mailinglist input:focus {
background:#eef !important;
}
#mailinglist #submit {
width:6em;
font-size:90%;
font-weight:bold;
letter-spacing:1px;
text-transform:capitalize;
}
#mailinglist #submit:hover {
cursor:pointer;
}
/* Generic-Form Properties */
form.generic-form {
font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
margin:10px 0;
padding:0;
}
form.generic-form table {
font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
margin:0 auto;
width:75%;
max-width:500px;
border-width:0;
}
form.generic-form th {
font:12px/1.3em Verdana, Arial, Helvetica, sans-serif !important;
vertical-align:top;
text-align:left;
padding:.25em 5px 0 0;
width:30%;
}
form.generic-form .req {
color:#e74646;
}
form.generic-form input, form.generic-form textarea {
font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
width:15em;
border:1px solid #000;
padding:1px 2px;
}
form.generic-form #no_mailshots {
font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
width:1em;
border-width:0;
}
form.generic-form input:active, form.generic-form input:focus, form.generic-form textarea:active, form.generic-form textarea:focus {
background:#eef !important;
font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
}
form.generic-form label {
font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
display:block;
margin:10px 0;
}
form.generic-form label input {
font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
margin:0 2px;
}
form.generic-form label:hover {
cursor:pointer;
}
form.generic-form #email_address {
width:22em;
}
form.generic-form #fax, form.generic-form #telephone {
width:10em;
}
form.generic-form #address {
width:20em;
height:5em;
}
form.generic-form #comments {
width:25em;
height:10em;
}
form.generic-form #postcode {
width:5em;
text-transform:uppercase;
}
form.generic-form #submit {
width:12em;
display:block;
margin:0 auto;
letter-spacing:1px;
text-transform:capitalize;
}
form.generic-form #submit:hover {
cursor:pointer;
}
/* Add 2 Photo Gallery Form */
#add2galleryform #caption {
width:20em;
height:10em;
}
/* The footer section */
#footerblock {
clear:both;
width:100%;
margin:0 0 1em;
padding:0;
border-top:1px solid #000;
}
#footer {
text-align:center;
margin:.25em 0
}
#footer address, #footer li {
color:#000;
margin:0 1em 0 0;
padding:0;
font:bold 1em/1em Arial, Helvetica, sans-serif;
text-align:center;
display:inline;
}
#footer ul#contact-details {
list-style:none;
display:inline;
margin:0;
padding:0;
text-align:center;
}
/* #footer ul#contact-details #contact-email {
position:absolute;
left:-999em;
}*/
#footer ul#contact-details #contact-email a {
color:#000;
}
/* Navigation */
ul#navigation {
clear:left;
float:left;
list-style:none;
margin:5px 5px 0 0;
padding:0;
width:125px;
}
ul#navigation ul {
list-style:none;
margin:0 0 0 10px;
padding:0;
}
ul#navigation li {
display:inline;
list-style:none;
padding:0;
margin:0;
}
#navigation a {
font:12px/1em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
margin:.3em;
color:#ffffff;
}