/* Generic - this should move into common.css sometime? */

div#brand-head {
  width: 750px;
	padding: 0;
	margin: 20px 0 20px 24px;
  }

div.catalog {
	background: transparent url(graphics/brand-head-zirconite-bg.jpg) no-repeat left top; 
  }


/* New front page
---------------------------------------------- */


div.zirconite-pullout, div.zirconite-pullout-last {
  margin: 0 0 20px;
  width: 224px;
  height: 190px;
  float: left;
  background: #fff url(graphics/zirconite-pullout-bg.jpg) no-repeat left top;
  }
  
div.zirconite-pullout {
  padding: 6px 27px 6px 6px;
  }
  
div.zirconite-pullout-last {
  padding: 6px;
  }
  
img.z-title {
  margin: 0 0 6px 0;
  }
  
img.z-pic  {
  float: left;
  width: 72px;
  padding: 0 8px 0 0;
  } 




/* Sub nav */

#subnav	{
	padding: 24px 0 0 24px;
	background: transparent url(graphics/top-trim.gif) repeat-x left top;
	}

#subnav ul {
  margin: 16px 0 0 0;
  padding: 0;
  list-style-type: none;
  }
	
#subnav ul li {
  margin: 0;
  padding: 0 15px 20px 0;
  list-style-type: none;
  display: inline;
  }
  
#subnav ul li a {
  font-weight: bold;
  font-size: 11px;
  color: #213a6e;
  text-decoration: none;
  }

#subnav ul li a:hover {
  color: #000;
  text-decoration: none;
  }


#footer-bg	 {
	padding-top: 17px;
	background: #999 url(graphics/top-trim.gif) repeat-x 24px top;
	}

#subnav a:hover, #footer a:hover	{
	color: white;
	}


li#zirconite a, li#zirconite a:link, li#zirconite a:visited	{
	background-image: url(../css/graphics/zirconite-over.gif);
	}
	
/* New submenu */
#zirconite-menu {
  width: 236px;
  margin: 0;
  padding: 0;
  }

#zirconite-menu li  {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 6px;
  background: transparent url(graphics/zirconite-menu-item-bg.png) no-repeat left top;
  height: 103px;
  width: 224px;
  overflow: hidden;
  }

/* Breadcrumbs */

div.breadcrumbs {
  margin: 0 0 0 24px;
  }

/* layout */

table#content {
  margin: 30px 0 50px 24px;
  border-collapse: collapse;
  }

table#content h2  {
  margin: 0 0 10px 0;
  }

table#content td {
  background-image: none;
  }
  
td.z-content  { /* content cell */
  width: 514px;
  padding: 0;
  }

td.z-menu { /* menu cell */
  width: 236px;
   padding: 0;
  }
  
.triplecolumn	{
	padding-right: 15px;
	width: 435px;
	}

.triplecolumn-home	{
	padding: 20px 15px 5px 0;
	width: 435px;
	vertical-align: top;
	background: url(graphics/fc-image-light.jpg) no-repeat left top;
	}

.triplecolumn p, .triplecolumn-home p	{
	line-height: 16px;
	}


p.lead-in	{
	font-size: 12px;
/*	letter-spacing: 1px; */
	line-height: 18px;
	}
	
img.center	{
	display: block;
	margin: 0 auto;
	}

img.floatleft, img.floatright	{
	clear: both;
	margin: 0 1em 1em 8px;
	}

img.floatright	{
	float: right;
	}

img.floatleft	{
	float: left;
	}

.clear	{
	clear: both;
	}
	
.box	{
	width: 180px;
	background: url(graphics/box-arrow.gif) no-repeat right top;
	float: left;
	clear: left;
	margin: 2em 0;
	}

.box p	{
	background-color: #6e6e8e;
	color: white;
	font-weight: bold;
	margin: 0 15px 0 0;
	padding: 10px;
	text-align: center;
	}
	
.noclear-float	{
	float: left;
	}

hr	{
	clear: both;
	visibility: hidden;
	height: 1px;
	margin: 0;
	padding: 0;
	}

div.zirconite-products h4	{
	padding: 5px;
	margin: 0 5px 10px 5px;
	background-color:  #c6dadc;
	font-weight: bold;
	}

div.zirconite-products h4.nobg	{
	background-color: transparent;
	border-top: 2px solid #c6dadc;
	clear: left;
	}
	
div.zirconite-products p	{
	margin: 5px 5px 5px 148px;
	}

div.zirconite-products table	{
	width: 440px;
	margin: 0 0 5px 148px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}

div.zirconite-products td	{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px;
	}

ul.zirconite-packlist 	{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	}

ul.zirconite-packlist li	{
	float: left;
	width: 138px;
	margin: 5px 1px;
/*	border: 1px solid #c6dadc; */
	}

ul.zirconite-packlist li h5 {
	margin: 3px;
	padding: 0;
	}

ul.zirconite-packlist li p	{
	margin: 3px;
	padding: 0;
	}

  
div#zirconite-product-list-head {
  background: transparent url(graphics/zirconite-flash-bg.jpg)no-repeat left top;
  height: 180px;
  padding: 0;

  } 
  
#product-list-head img.result {
  
  }