body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height:normal;
 background:url(graphics/bg_slate2.jpg) repeat fixed;
}

.strong{font-weight:bold;}

.clear{clear:both;}

h1{
font-size:135%;
font-weight:bold;
color:#fff;
}

h1 a{
color:#bc97b6;
text-decoration:none;
}

h1 a:hover{
color:#fff;	
}

h2{
font-size:120%;
font-weight:bold;
color:#9f6a96;
}

.bold{
font-weight:bold;	
}

#header {
 color: #666;
 float: left;
 height: 84px;
 background:url(graphics/headerback.png) repeat-x;
 width:100%;
}

#wrapper { 
 margin: 0 auto;
 width: 900px;
}

#logo{
 display: inline;
 float: left;
 width: 900px;
 height:84px;
 position:relative;
 top:-79px;
 margin-bottom:-70px;
}

#buttons {
 position:relative;
 display:block;
 height:auto;
 margin-top:-80px;
}

#buttons ul li {
 display:block;
 float:right;
 margin-left:10px;
}


#navigation {
 float: left;
 width: 900px;
 color: #666;
 height:69px;
 background:url(graphics/menuback.png) repeat-x;
}

#bannerleft {
 width: 169px;
 height:156px;
 float: left;
 background:url(graphics/leftbannerback.png);
 display:inline;
}

.banner {
 float: left;
 margin:0;
 padding:0;
 width: 731px;
 color: #666;
 height:156px;
 display:inline;
}

#banner-zincselect-outdoor{background:url(graphics/zincselectoutdoor.gif);}
#banner-zincselect-indoor{background:url(graphics/zincselectindoor.gif);}
#banner-zinc-outdoor{background:url(graphics/zincoutdoor.gif);}
#banner-zinc-indoor{background:url(graphics/zincindoor.gif);}
#banner-terracottaduo{background:url(graphics/terracottaduo.gif);}
#banner-terracotta{background:url(graphics/terracotta.gif);}
#banner-slate-water{background:url(graphics/slatewater.gif);}
#banner-slate-outdoor{background:url(graphics/slateoutdoor.gif);}
#banner-slate-indoor{background:url(graphics/slateindoor.gif);}
#banner-giftware{background:url(graphics/giftware.gif);}

.banner p {
 color:#fff;
 font-size:130%;
 padding:40px 250px 0 14px;
}

#lcoltop {
 color: #666;
 width: 169px;
 float: left;
 margin:10px 0 0 0;
 background:none;
 display:inline;	
}

#leftcolumn { 
 color: #666;
 width: 169px;
 float: left;
 margin-top:95px;
 margin-left:-169px;
 background:url(graphics/leftmenuback.gif) repeat-y;
 display:inline;
 margin-right:-6px;
}

#leftcolumn p {
 margin:10px 10px 0 20px;
 color:#000;
}

#leftcolumn img {
 padding:0 0 0 6px;	
}

#rightcolumn { 
 float: right;
 color: #666;
 background: #fff;
 width: 731px;
 display: inline;
 position: relative;
 margin-top:10px;
 padding-bottom:85px;
}

#rightcolumn p {
 color:#666;
 font-size:100%;
 margin:10px 14px 0 14px;
 text-align:justify;	
}

#rightcolumn h2 {
margin:25px 14px 0 14px;
}

#rightcolumn img.inspiration{
float:left;
border: solid 5px #9f6a96;
margin:0 25px 25px 0;
}

.box{
 width:312px;
 height:177px;
 margin:15px 10px 0 10px;
 float:left;
}

/****************** PRODUCT BOX ********************/
.swatch{
float:left;
width:210px;
margin-left:15px;
height:160px;
}

#slatenav{
width:370px;
background:url(graphics/slatemenubg.jpg) repeat-x ;	
}

#zincnav{
width:200px;
background:url(graphics/slatemenubg.jpg) repeat-x ;	
}

.product{
width:341px;
margin:10px 0 0 14px;
float:left;
border: solid 1px #c2c2c2;
}

.pic{
width:231px;
height:159px;
float:left;
background:#fff;
padding:5px 0 0 5px;
}

div.column#rightcolumn div.product h2{margin:0;}

.notes{
width:100px;
height:159px;
float:right;
padding:5px 0 0 5px;
background:url(graphics/notesback.gif) repeat-x bottom;
}
#rightcolumn .notes h2{
color:#000;
font-size:110%;
font-weight:normal;
text-decoration:underline;
}
#rightcolumn .notes p{
margin:5px 5px 5px 0;
text-align:left;
}

.info{
width:336px;
height:60px;
float:left;
padding:5px 0 10px 5px;
border-top: solid 1px #c2c2c2;
}
.info tr {
font-size:90%;
}
.info th{
color:#000;	
font-weight:bold;
}
/****************** PRODUCT BOX ********************/

#footer {
 margin-top:10px;
 float: left;
 width: 900px;
 color:#666;
 height:69px;
 background:url(graphics/footerback.png) repeat-x;
}

#footer img{
position:relative;
left:0; 
top:-23px;	
}

#footer p{
float:left;	
margin-left:45px;
margin-top:15px;
}

#footer a {
	color:#666;
	font-weight:normal;
	text-decoration:underline;
}

#footer a:hover {
	color:#9f6a96;
}


#menu {
position:relative;
display:block;
height:auto;
font-size:150%;
line-height:55px;
font-weight:normal;
font-family:Helvitica,Arial,Verdana,sans-serif;
}

#menu ul {
list-style-type:none;
width:auto;
}

#menu ul li {
display:block;
float:left;
vertical-align: top;
}

#menu ul li a {
display:block;
float:left;
color:#666;
text-decoration:none;
padding:3px 34px 0 20px;
background:url(graphics/menuseparator.png) no-repeat right top;

}

#menu ul li a:hover,#menu ul li a.current {
color:#862074;
background:url(graphics/menuseparator.png) no-repeat right top;
}

div.column#leftcolumn ul.rangemenu{
margin:20px 0 0 10px;
padding:0;
list-style-type:none;
display:block;
font-family:Helvitica,Arial,Verdana,sans-serif;
line-height:180%;
width:140px;
font-size:100%;
}

div.column#leftcolumn ul.rangemenu li{
margin:0;
padding:0;
border-bottom:1px solid #bc97b6;
}

div.column#leftcolumn ul.rangemenu li a{
display:block;
text-decoration:none;
color:#bc97b6;
padding:0 0 0 0px;
width:165px;
}

div.column#leftcolumn ul.rangemenu li a:hover{
color:#fff;
background:url("graphics/rangeselector.gif") no-repeat 124px 10px;
}

div.column#leftcolumn ul.rangemenu li a.current,ul.rangemenu li a.current:hover{
color:#fff;
background:url("graphics/rangeselector.gif") no-repeat 124px 10px;
}