/*
	StyleSheet by Cameron Walter
	http://www.in2itive.com.au
		
*/

body {
padding : 0;
margin : 0 auto;
font : 1em Arial, sans-serif;
background : #1b2c2d;
color : black;
font-weight : bold;
text-align : justify;
}

img {
border : 0;
margin : 0;
padding : 0;
}


a {
color : #932327;
text-decoration : none;
}

a:hover {
text-decoration : underline;
}


ul {
font-weight : normal;
font-size : 0.8em;
color : #1b2c2d;
}

ul li {
padding : 4px 15px 4px 15px;
}

.spacer {
height : 30px;
}

p {
font-weight : normal;
font-size : 0.8em;
color : #1b2c2d;
padding : 10px 15px 5px 15px;
margin : 0;
}

h1 {
font-size : 1.3em;
font-weight : bold;
color : #932327;
margin : 0;
padding: 15px 15px 10px 15px;
}

h2 {
font-size : 1.1em;
font-weight : bold;
color : #932327;
margin : 0;
padding: 20px 15px 6px 15px;
}

h3 {
font-size : 0.9em;
font-weight : bold;
color : #1b2c2d;
margin : 0;
padding: 20px 15px 4px 15px;
}

#content {
width : 960px;
margin : 0 auto;
padding : 0;
background : #afb5b6;
color : black;
}

#content #leftmenu, #cpleftmenu {
height : 359px;
width : 159px;
margin : 0;
padding : 0;
float : left;
background : #546162 url(images/leftmenubg.gif);
border-right : solid 1px #1b2c2d;
border-bottom : solid 1px #1b2c2d;
}

#content #cpleftmenu {
height : auto;
}

#content #cpleftmenu h1 {
color : white;
padding : 15px 10px 15px 10px;
}

#content #leftmenu ul, #cpleftmenu ul {
list-style : none;
margin : 0;
padding : 0;
margin : 10px 0 0 0;
font-size : 0.85em;
}

#content #leftmenu ul li, #cpleftmenu ul li {
margin : 8px 0 0 0;
padding : 0;
width : 159px;
height : 20px;
}

* html #content #leftmenu ul li {
margin : 6px 0 0 0;
}

#content #leftmenu ul li:hover, #cpleftmenu ul li:hover {
background : #546162;
}

#content #leftmenu ul li a, #cpleftmenu ul li a, #cpleftmenu ul li input {
text-decoration : none;
margin : 0;
padding : 0 0 0 10px;
font-weight : bold;
font-size : 0.9em;
color : white;
}

#content #leftmenu ul li a:hover, #cpleftmenu ul li a:hover {
text-decoration : underline;
background : #546162;
}

#content #leftmenu input {
font : 0.8em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0px;
padding : 2px;
}

#content #leftmenu input.text {
margin : 0 0 0 10px;
}


#content #rightdisplay {
float : right;
margin : 0;
padding : 0;
width : 800px;
height : 359px;
background : url(images/dispbg.jpg);
border-bottom : solid 1px #1b2c2d;
}



#content #text {
width : 960px;
padding : 0;
margin : 0;
background : #cbbca9;
}


#content #text .prodthumb {
float : left;
margin : 25px 50px 0 15px;
padding : 0;
width : 400px;
height : 180px;
}

#content #text .prodthumb .ptimg {
float : left;
width : 182px;
height : 182px;
margin : 0;
padding : 0;
background : white;
border : solid 1px black;
display : table-cell;
text-align : center;
vertical-align : middle;
}


#content #text .prodthumb .ptimg p {
margin-left : auto;
margin-right : auto;
padding : 0;
text-align : center;
width : 182px;
height : 182px;
display : table-cell;
text-align : center;
vertical-align : middle;
}

#content #text img.norm {
clear : right;
float : right;
padding : 0;
margin : 15px;
border : solid 1px black;
}

#content #text .prodthumb .ptimg img.prod {
padding : 0;
margin : 0;
vertical-align : middle;
}



#content #text .prodthumb .pttxt {
float : right;
width : 210px;
height : 180px;
margin : 0;
padding : 0;
}


#content #text #libnews #lnheading {
float : right;
width : 300px;
height : 25px;
margin : 20px 10px 0 10px;
padding : 0;
background : #6a1a1b;
color : white;
}

#content #text #libnews #lnheading p {
padding : 0 2px 0 2px;
text-align : center;
color : white;
font-size : 1em;
font-weight : bold;
line-height : 25px;
}

#content #text #libnews #lncontent {
clear : right;
float : right;
width : 298px;
margin : 0 10px 0 10px;
padding : 0;
background : white;
color : black;
border-left : solid 1px #6a1a1b;
border-right : solid 1px #6a1a1b;
}

#content #text #libnews #lncontent p {
padding : 5px;
text-align : left;
}

#content #text #libnews #lnfooter {
clear : right;
float : right;
width : 300px;
height : 17px;
margin : 0 10px 10px 10px;
padding : 0;
background : #6a1a1b;
color : white;
}

#content #text #libnews #lnfooter p {
line-height : 17px;
font-size : 0.9em;
padding : 0;
text-align : center;
}

#content #text #libnews #lnfooter a, #content #text #libnews #lnfooter a:hover {
color : white;
line-height : 17px;
font-size : 0.9em;
padding : 0;
}

#content #text #leftsplit {
float : left;
width : 520px;
padding : 0;
margin : 0;
}

#content #text #rightsplit {
float : right;
width : 435px;
margin : 0;
padding : 0;
}

#floatclear {
clear : both;
}

.floatclear {
clear : both;
}


#content #righttext {
float : right;
width : 800px;
padding : 0 0 0 0;
margin : 0;
background : url(images/textbg.jpg);
}



#end {
clear : both;
width : 960px;
margin : 0;
padding : 0;
height : 3px;
background : #6a1a1b;
border-top : solid 1px #546162;
}



#content #pmenu {
clear : both;
width : 960px;
height : 80px;
background : url(images/pmenubg.jpg);
padding : 0;
margin : 0;
font-size : 1em;
}

#content #byline {
clear : both;
padding : 20px;
margin : 0;
height : 40px;
width : 920px;
background : #1b2c2d;
}

#content #byline p {
color : #546162;
font-size : 0.75em;
line-height : 18px;
text-align : center;
}

#content #byline a {
color : #afb5b6;
text-decoration : none;
}

#content #byline a:hover {
text-decoration : underline;
}

/* zeroing padding/margin for all elements */
#dropDownMenu,
#dropDownMenu * { 
margin : 0;
padding : 0;
}

/* "Master" UL (the whole Menu) */
#dropDownMenu {
position : relative;
background : none;
float : left;
}

#dropDownMenu ul {
list-style : none;
margin : 0;
padding : 0;
}


/* sub-menu ULs */
#dropDownMenu li ul {
clear : both;
float : left;
cursor : default;
position : absolute;
height : auto;
display : none;
padding : 0px 0 0 0;
margin : 0 0 0 0;
background : url(images/clear.gif);/* trick to keep'em open */
left : 160px;
}



/*
* html div#dropDownMenu li ul {
top : 1.55em !important;
display : none !important;
}
*/


/* All LIs */
#dropDownMenu li {
position : relative;
padding : 0;
margin : 0px;
float : left;
width : 159px;
height : 80px;
border-right : solid 1px #1b2c2d;
}

#dropDownMenu li#AB {
background : url(images/productmenu/flooring.jpg) no-repeat;
}

#dropDownMenu li#CF {
background : url(images/productmenu/patiogarden.jpg) no-repeat;
}

#dropDownMenu li#GJ {
background : url(images/productmenu/furniture.jpg) no-repeat;
}

#dropDownMenu li#KR {
background : url(images/productmenu/gildingframing.jpg) no-repeat;
}

#dropDownMenu li#ST {
background : url(images/productmenu/metaltreatments.jpg) no-repeat;
}

#dropDownMenu li#UZ {
background : url(images/productmenu/toolsaccessories.jpg) no-repeat;
width : 160px;
border-right : none;
}

#dropDownMenu ul li p {
margin : 62px 0 0 2px;
}

#dropDownMenu ul li a:hover {
text-decoration: underline;
}

/*
* html div#dropDownMenu li {
position : relative;
width : 8.23em;
}
*/

/* sub-menu LIs */
#dropDownMenu li ul li {
padding : 0;
border : none;
background : none;
margin : 0;
clear : left;
}

#dropDownMenu li#AB ul li {
margin : -380px 0 0 0;
}

#dropDownMenu li#CF ul li {
margin : -380px 0 0 -160px;
}

#dropDownMenu li#GJ ul li {
margin : -380px 0 0 -320px;
}

#dropDownMenu li#KR ul li {
margin : -380px 0 0 -480px;
}

#dropDownMenu li#ST ul li {
margin : -380px 0 0 -640px;
}

#dropDownMenu li#UZ ul li {
margin : -380px 0 0 -800px;
}

* html div#dropDownMenu li#uz ul li {
margin : -380px 0 0 0;
}

/* 
* html div#dropDownMenu li ul li {
float : none !important;
padding : 0 !important;
}
*/

/* All anchors */
#dropDownMenu li a {
text-decoration : none;
padding : 0;
margin : 62px 0 0 2px;
font-weight : bold;
color : white;
font-size : 1.2em;
}



/* sub-menu Anchors */
#dropDownMenu li ul li a {
position : relative !important; /* ie Mac */
top : 0px;
left : 150px;
cursor : pointer !important;
white-space : nowrap;
font-weight : normal;
color : white;
background-position : 0 50% !important;
background : none;
padding : 0;
margin : 0;
}

/* :hover and stuff */
#dropDownMenu li a:hover,
#dropDownMenu li a:focus,
#dropDownMenu li a:active {
color : #000
}

/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#dropDownMenu ul a:hover,
#dropDownMenu ul a:focus,
#dropDownMenu ul a:active {color:#fff !important;}
/* display and z-index for the sub-menus */
#dropDownMenu li:hover ul,
#dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#dropDownMenu li#AB {z-index:6;}
#dropDownMenu li#CF {z-index:5;}
#dropDownMenu li#GJ {z-index:4; margin : 0 0 0 0;}
#dropDownMenu li#KR {z-index:3; margin : 0 0 0 0;}
#dropDownMenu li#ST {z-index:2; margin : 0 0 0 0;}
#dropDownMenu li#UZ {z-index:1; margin : 0 0 0 0;}



/* background colors 
#AB,#AB li a {background-color:black;}
#CF,#CF li a {background-color:#fffcd0;}
#GJ,#GJ li a {background-color:#ffe1cc;}
#KR,#KR li a {background-color:#fccae5;}
#ST,#ST li a {background-color:#c9c9ff;}
#UZ,#UZ li a {background-color:#ffcebe;} */

/* "trigger" and "msieFix" classes */
#dropDownMenu li.msieFix a {}

/* last nested UL. keeping it in */