html {
padding:0px;
margin:0px;
height:auto;
}
body {
background: #fff200;
/*background-image:url(../images/flooring-footer.jpg);
background-position:bottom; */
background-image:url(../images/pkbg-white-yellow.jpg);
background-position:top;
background-repeat:repeat-x;
margin: 0px;
padding: 0px;
border:0px;
color: #333;
font-family: Verdana;
font-size:small;
min-width: 600px;
width:100%;
text-align:center;
font-size:100%;
}
#logo {
margin:0px;
padding:0px;
padding-left:0px;
padding-top:10px;
background-repeat:repeat-y;
background-position:left;
}
img {border:none;}
/*----------------------- The pk box ----------------------*/
div.boxTop {background:url(../images/pk-box-top.png);
width:785px;
height:35px;
margin-top:0px;
background-repeat:no-repeat;
background-position:-8px 0px;
}
div.boxMiddle { background:transparent;
background-image:url(../images/pk-box-middle.png);
background-repeat:repeat-y;
width:775px;
margin-top:0px;
padding-left:11px;
padding-right:20px;
padding-bottom:0px;
padding-top:10px;
background-position:-8px 0px;
}
div.boxBottom {background:url(../images/pk-box-bottom.png);
width:780px;
height:35px;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:bottom;
background-position:-8px 0px;
}
/*----------------------- The pk box ----------------------*/
#jamesDonaldsonLogo {text-align:right;margin:0px;padding:0px;
font-size:xx-small;padding:3px;}
div.NewItem { float:clear}
#theBanner {height:300px; background:black; overflow:hidden;}
div.slide { overflow:hidden;}
div.q {/* color:#fefe00; {Change to Black} */
color:#000;
font-size:medium;}
div.q:first-letter {font-size:170%}
div.a { color:#fefe00;
font-size:medium;
margin-left:20px;
}
div.a ul {color:black;}
#outerContainer {
text-align:center;
}
#mainContainer {
width:800px;
text-align:left;
padding:0px 0px 0px 0px;
margin: 0 auto;
margin-top:20px;
}
#mainContent {float:right;
width:580px;
border:1px solid black;
}
.centre {text-align:center;}
.ajaxPleaseWait { height:400px;font-size:50%;
background-image:url(images/ASP3000_gnome-background_GNU-license.jpg);
background-repeat:no-repeat;
text-align:center;
}
h1,h2,h3,h4 {color: #000;margin-top:0px;font-size:140%}
h1 { background-position:-8px 0px;
background-image:url(../images/plank_of_wood.png);
height:60px;
padding-left:41px;
padding-top:35px;
padding-bottom:10px;
margin-bottom:0px;
background-repeat:no-repeat;
color:#000;
letter-spacing: 2px;
text-decoration: none;
text-transform: capitalize;
direction: ltr;
white-space: nowrap;
border:0px solid;
/* CSS3 standard */
}
hr.red {border: 1px solid red; padding:0px;margin:0px;width:100%;}
p {font-size:small; color:#333;
text-align:justify;}
#menuContainer a {text-decoration:none; color:#fff;}
#menuContainer a:hover {text-decoration:underline; }
p.footnote {font-size:70%}
a.footerLinks {color:#577;}
a.footerLinks:hover {color:#eff}
p.footerTopLink {text-align:right;margin:0px;padding:0px;}
p.footerTopLink img {border:0px;margin-top:3px;}
p.address {margin:20px;color:#aaa;}
p.q {margin:0px; padding:0px;font-weight:bold;text-align:left;}
p.a {margin:10px; padding:0px;text-align:left;padding-left:30px;}
p.a:before {content:"A ";
font-size:300%;}
p.sitesFirstParagraph {
text-indent:0px;
padding-top:5px;
}
p.right {text-align:right;}
#cntdwn {text-align:right;margin:0px;}
p.ralign {text-align:right;color:white;margin:0px;}
li {margin:0px;
}
div.textContainer {float:left; width:380px; margin:10px; color:#000}
.clear {float:none;clear:both;}
#frontPageList {margin-left:100px;}
div.centreDiv {text-align:center;}
.gnomeBackgroundPattern { background:black;
background-image:url(images/ASP3000_gnome-background_GNU-license.jpg);
background-repeat:no-repeat;
padding:10px;
margin:0px;
margin-left:5px;
margin-right:5px;
}
.gnomeBackgroundPatternSmall { background:black;
background-image:url(images/ASP3000_gnome-background_GNU-license-small.jpg);
background-repeat:no-repeat;
padding:10px;
margin:0px;
margin-left:5px;
margin-right:5px;
}
.gnomeBackgroundPattern2 { background:black;
background-image:url(images/ASP3000_gnome-background_GNU-license.jpg);
background-repeat:no-repeat;
}
.fade-box {position: absolute;top: 163;}
/* ----- Styling for crossfade transitions --- */
div.slide { height:400px;
overflow:hidden;
background:transparent;
background-repeat:no-repeat;
}
#treetrunk {background-image:url(../images/trunkImages/t0.jpg);}
#slideshow2 {background-image:url(../images/trunkImages/t7.jpg);}
#slideshow3 {background-image:url(../images/trunkImages/t2.jpg);}
#slideshow4 {background-image:url(../images/trunkImages/t3.jpg);}
#slideshow5 {background-image:url(../images/trunkImages/t4.jpg);}
#slideshow6 {background-image:url(../images/trunkImages/t5.jpg);}
#slideshow7 {background-image:url(../images/trunkImages/t6.jpg);}
#treetrunk:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slideshow2:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slideshow3:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slideshow4:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slideshow5:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#slideshow6:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
font-size:60%;
white-space:no-wrap;
}
.submit input
{
margin-left: 4.5em;
}
div.gallery {
text-align:center;
border:1px solid #555;
width:350px;
margin:5px;
padding:5px;
}
span.footnote {font-size:75%;}
#menuContainer {width:200px;margin-right:10px;float:left;padding-top:100px;}
#theMainContent {width:550px;margin-left:210px;padding-top:0px;}
#masterLayer { margin:0px;
padding:0px;
background-image:url(../images/flooring-footer.jpg);
background-position:bottom;
background-repeat:repeat-x;
}
div.mc {width:700px;margin-left:200px}
/* ==== the menu object ======= */
div.menuItem,
div.subMenuItem,
div.selectedMenuItem ,
div.selectedSubMenuItem{ background:#555;padding:10px;
margin-right:10px;
border:1px solid #000;
background-image:url(../images/grey-wood.jpg);
padding-left:20px;
}
div.subMenuItem {background-image:url(../images/grey-wood-submenu.jpg);}
div.menuItem1, div.subMenuItem1 { background:#555;padding:10px;
margin-right:10px;
border:1px solid #000;
background-image:url(../images/grey-wood.jpg);
padding-left:20px;
background-position:-95px -20px;
}
div.subMenuItem1 {background-image:url(../images/grey-wood-submenu.jpg);}
div.menuItem:hover {background:#000;
background-image:url(../images/wood2.jpg);
background-repeat:no-repeat;
background-position:0px 0px; }
div.menuItem:hover a {color:white; /*font-weight:bold;*/}
div.menuItem1:hover {background:#000;
background-image:url(../images/wood2.jpg);
background-repeat:no-repeat;
background-position:-95px -20px; }
div.menuItem1:hover a {color:white; /*font-weight:bold;*/}
div.subMenuItem, div.selectedSubMenuItem{padding-left:30px; font-size:80%}
div.subMenuItem1 {padding-left:30px; font-size:80%}
div.selectedMenuItem, div.selectedSubMenuItem {background:#fff200;
background-image:url(../images/yellow-wood.jpg);
color:black;}
div.selectedMenuItem, div.selectedSubMenuItem a {color:black;}
div.subMenuItem:hover {background:#fff200;color:black;
/*background-image:url(../images/bullet_tree_x_section.png); */
background-image:url(../images/wood3.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}
div.subMenuItem1:hover {background:#fff200;color:black;
/*background-image:url(../images/bullet_tree_x_section.png);*/
background-image:url(../images/wood3.jpg);
background-repeat:no-repeat;
background-position:-95px -20px;
}
div.subMenuItem:hover a,
div.subMenuItem1:hover a {color:black;}
div.mainText {padding-right:20px;}
div.mainText a {color:#5566ff;}
div.mainText a:hover {color:#8899ff;}
.stockList {
list-style-image: url(../images/bullet_tree_x_section.png);
margin-left:10px;
font-size:90%;
}
#marquee {padding:5px;margin-left:10px;margin-right:25px;}
#bottomReflection {
background-image:url(../images/bottom-reflection2.png);
width:800px;
background-position:-8px -20px;
background-repeat:no-repeat;
}
#footer {
text-align:center;
color:#000;
font-size:xx-small;
margin-right:30px;
margin-left:30px;
margin-top:0px;
width:720px;
padding-bottom:10px;
}
/* ----- end of the menu object ----- */
/*----- menu top and bottom -------------*/
.topOfMenu {
background-image:url(../images/menu-top.png);
height:20px;
background-position:-56px -40px;
background-repeat:no-repeat;
}
.bottomOfMenu {
background-image:url(../images/menu-bottom.png);
height:40px;
background-position:-60px 0px;
background-repeat:no-repeat;
}
/*---------------------------------------*/
div.littleImage {float:left;margin-left:7px;}
div.bannerTrees {background:none;background-image:url(../images/pk-banner5.png);
background-repeat:no-repeat;
background-position:top right;
margin:0px;
padding:0px;
margin-left:12px;
height:118px;
width:763px;
overflow:hidden;}
div.indent { margin-left:30px;}
.quoteStart { background-image:url(../images/quotesStart.png);
background-repeat:no-repeat;
}
.quoteEnd { background-image:url(../images/quotesEnd.png);
background-repeat:no-repeat;
background-position:-60px 0px;
}
/*---------------------------------------------------*/
span.small {font-size:50%;}
span.large {font-size:200%;}
div.enqField{width:400px;border:0px solid;width:380px;font-size:small;}
div.fieldLabel { width:100px;
float:left;
border:0px solid;
font-size:small;
text-align:right;
padding-right:5px;
}
div.enqField2{clear:right;border:0px solid;width:380px;}
div.newFormSection {margin-left:30px;}
h2.form {
margin:0px;
margin-top:20px;
margin-bottom:10px;
padding:0px;
font-size:80%;
}
#frontPage {
background-image:url(../images/bottom-log-reflection.png);
background-repeat:no-repeat;background-position:50px 0px;
}