@charset "utf-8";
/* CSS Document */

body {margin:0px; font-family: Arial, Helvetica, sans-serif; background-position:center;

background-image: linear-gradient(left , rgb(166,166,166) 10%, rgb(245,245,245) 100%);
background-image: -o-linear-gradient(left , rgb(166,166,166) 10%, rgb(245,245,245) 100%);
background-image: -moz-linear-gradient(left , rgb(166,166,166) 10%, rgb(245,245,245) 100%);
background-image: -webkit-linear-gradient(left , rgb(166,166,166) 10%, rgb(245,245,245) 100%);
background-image: -ms-linear-gradient(left , rgb(166,166,166) 10%, rgb(245,245,245) 100%);

background-image: -webkit-gradient(
	linear,
	left 0,
	right 0,
	color-stop(0.1, rgb(166,166,166)),
	color-stop(1, rgb(245,245,245))
);

/* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6a6a6, endColorstr=#f5f5f5);
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6a6a6, endColorstr=#f5f5f5)";
        background-color: #CCC;
}


h1 {font-family:Helvetica,Swiss721,Myriad Pro,Arial,sans-serif; color:#000; font-weight:normal; font-size:30px; font-style:normal;}
h2 {font-family: Helvetica,Swiss721,Myriad Pro,Arial,sans-serif; color:#000; font-weight:normal; font-size:18px; font-style:normal;}
h3 {font-family: Helvetica,Swiss721,Myriad Pro,Arial,sans-serif; color:#000; font-weight:bold; font-size:14px; font-style:normal;}
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#222;  line-height:2.0;}
p.homepage {font-family: Helvetica,Swiss721,Myriad Pro,Arial,sans-serif; font-size:16px; font-weight:normal; color:#222; margin-bottom:10px; line-height:2.0;}
hr {display: block; clear: left; margin: -0.66em 0; visibility: hidden;}
br.clear {clear:both}
img a {border:none;}
#logo a img {border:none;}


.message {width:1000px; height:50px; background-color:#F4F322; float:left; clear:both; margin:20px 0 20px 0; font-size:32px; color:#fff;}

#section-header {clear:left; display:block; margin:auto;}
.content {clear:left; display:block; margin:auto; width:90%; font-family: Helvetica,Swiss721,Myriad Pro,Arial,sans-serif; color:#000; font-size:12px;}
.divider {width:50px; height:1px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color: #000;}
ul.breadcrums {margin-bottom:10px; margin-top:10px; float:left; margin-left:-45px;}
ul, li {color:#222; font-size:12px; font-style:normal; font-weight:normal; line-height:20px;}
.home {background-image:url(../i/home-blk.png); background-position:left; background-repeat:no-repeat; display:block; float:left; margin-left:10px; padding-left:10px;}
.home:hover {background-image:url(../i/home-blu.png); background-position:left; background-repeat:no-repeat; cursor:pointer; display:block; margin-left:10px; padding-left:10px;}
li#stale {background-image:url(../i/crum-stale.png); background-position:left center; background-repeat:no-repeat; color:#757575; margin-left:30px; padding-left:8px; list-style:none;}
li#fresh {background-image:url(../i/crum-fresh.png); background-position:left center; background-repeat:no-repeat; color:#000; margin-left:30px; padding-left:0px; list-style:none;}

#mast {width:1000px; height:90px; display:block; margin-left:auto; margin-right:auto;}
#logo {width:173px; height:54px; margin:40px 0px 0px 0px;}
#page {width:1000px; height:auto; display:block; margin-left:auto; margin-right:auto;}


#container {width:1000px; height:auto; display:block; margin-left:auto; margin-right:auto;}
#top-aesthetic-bar {width:100%; height:12px; float:left; clear:left; display:block; background-image:url(../i/3dbar.jpg);}
#bottom-aesthetic-bar {width:1000px; height:12px; float:left; clear:both; display:block; background-image:url(../i/3dbar.jpg);}



#header {width:1000px; height:auto; float:left; clear:left;}
#index-header {width:1000px; height:537px; float:left; clear:left; display:block;}
#body-container {width:960px; height:auto; float:left; clear:left; display:block; background-color:#FFF; padding:0px 0px 0px 40px;}
#left-side {width:520px; height:auto; float:left; clear:left; display:block; padding-right:40px;}
#single-column {width:920px; height:auto; float:left; clear:left; display:block; background-color:#FFF;}
#order-form {clear:left; display:block; margin:auto; padding-top:0px; width:90%;}

#lower-button-bar {width:600px; height:24px; float:left; clear:left; display:block;}
.inner-column-even {width:149px; height:100%; float:left; clear:none; display:block; background-image:url(../i/_graybg.jpg); padding:10px 0px 10px 0px;}
.inner-column-odd {width:150px; height:100%; float:left; clear:none; display:block; background-image:url(../i/_whitebg.jpg); padding:10px 0px 10px 0px;}
.topic {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#444; padding:8px 15px 10px 25px; background-image:url(../i/marker.gif); background-repeat:no-repeat; background-position:10px 10px; margin-bottom:10px; line-height:1.7;}

a:link {text-decoration:none; color:inherit;}
a:visited {text-decoration:none; color:inherit;}
a:hover {text-decoration:none; color:inherit;}
a:active{text-decoration:none; color:inherit;}

p a:link {color:#036; border-bottom:1px dotted #036; text-decoration:none;}
p a:visited {color:#036; border-bottom:1px dotted #036; text-decoration:none;}
p a:hover {color:#036; border-bottom:2px solid #036; text-decoration:none;}
p a:active{color:#444; border-bottom:1px dotted #666; text-decoration:none;}

a.simple:link {color:#555; border-bottom:1px dotted #555; text-decoration:none;}
a.simple:visited {color:#555; border-bottom:1px dotted #555; text-decoration:none;}
a.simple:hover {color:#f90; border-bottom:1px solid #f90; text-decoration:none;}
a.simple:active{color:#555; border-bottom:1px dotted #555; text-decoration:none;}

#right-side {width:400px; height:auto; float:left; clear:none; display:block; margin-bottom:40px;}
#breadcrums {clear:left; display:block; margin:auto;}

.product-box {width:200px; height:100px; float:left; clear:none; margin:0px 0px 20px 40px; cursor:pointer; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.product-box:hover {width:200px; height:100px; float:left; clear:none; background:#FFF; background-position:right; background-repeat:repeat-y;}
.product-logo {width:auto; height:100px; margin-left:20px; margin-top:20px;}\

.literature-box {width:162px; height:200px; float:left; clear:none; margin:0px 0px 20px 40px; cursor:pointer; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.literature-logo {width:auto; height:140px; margin-left:40px; margin-top:20px;}
.literature-description {width:162px; height:auto; float:left; clear:left; margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#222;}



/************NEW***********************/
.lit-container-2 {width:390px; height:310px; float:left; clear:none; margin:40px 40px 40px 40px; border-bottom:1px solid #DDD;}
.lit-thumb-2 {width:155px; height:300px; float:left; clear:left; padding-right:20px;}
.lit-company-2 {width:205px; height:10px; float:right; clear:none; font-family:Helvetica, Arial, sans-serif; font-size:9px; font-weight:normal; margin-top:5px; padding-top:5px; text-transform:uppercase; color:#BCBCBC;}
.lit-title-2 {width:205px; height:35px; float:right; clear:none; font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; margin-top:5px; padding-top:5px;}
.lit-description-2 {width:205px; height:100px; float:right; clear:none; font-family:Helvetica, Arial, sans-serif; font-size:11px; font-weight:normal; margin-top:5px; padding-top:5px; color:#222;}
.size {font-family:Helvetica, Arial, sans-serif; font-size:9px; font-weight:normal; color:#333; font-style:oblique; margin-top:10px;}


/************ INDEX PAGE (NEW) ***********************/
#featured {width:1000px; height:300px; float:left; clear:left; background-color:#000;}
.window {width:250px; height:300px; float:left; clear:none;}
.window h1 {font-size:16px; color:#FFF; font-weight:bold; padding-left:30px; padding-top:135px;}
.window p  {font-size:14px; color:#777; line-height:17px; font-weight:bold;}
.window:hover {background-color:#333;}



.locations {width:140px; height:120px; float:left; clear:none; margin:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#222; padding:10px;}
.download {width:240px; height:20px; background:#ededed; padding:10px; border-bottom:1px solid #333; border-right:1px solid #333; margin-left:40px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.download:hover {background:#FF9; padding:10px;}
.promo-box {width:320px; height:auto; float:left; clear:left; margin:0px auto 20px 30px; cursor:pointer; padding:10px 0px 10px 10px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border:thin dashed #000; background-color:#FF9;}
.promo-box:hover {width:320px; height:auto; float:left; clear:left; margin:0px auto 20px 30px; cursor:pointer; padding:10px 0px 10px 10px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border:thin dashed #000; background:#FC0; background-position:right; background-repeat:repeat-y;}
.promo-logo {width:130px; height:auto; float:left; clear:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#222; padding-right:10px;}
.promo-logo:hover {width:130px; height:auto; float:left; clear:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#222;  text-decoration:underline; color:#000;}
.promo-description {width:150px; height:auto; float:left; clear:none; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#222;}
.stay-informed {width:400px; height:183px; background-image:url(../i/stay-informed-3.jpg); background-repeat:no-repeat; float:left; clear:left; border-bottom:1px solid #FFF;}
.right-column-item {width:400px; height:auto; background-repeat:no-repeat; float:left; clear:left; border-bottom:1px solid #FFF;}

#bottom-page-nav {width:800px; height:60px; display:inline; margin-top:0px;}
#bottom-page-nav ul {display:inline-block; list-style:none; margin-left:120px;}
#bottom-page-nav ul li {float:left; display:inline; margin-left:40px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#bottom-page-nav ul li a {float:left; clear:left; color:#666; display:inline-block; border-bottom:solid 2px transparent;}
#bottom-page-nav ul li a:hover {float:left; clear:left; color: #000; display:inline-block; border-bottom:solid 2px #000;}

#foot {width:1000px; height:150px; display:block; margin-left:auto; margin-right:auto;}
#associations {width:584px; height:49px; float:left; clear:left; display:block; margin:50px 0px 20px 252px;}
#copyright {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#666; line-height:14px; clear:left; width:1000px; height:40px; display:block; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:80px;}

a.ft:link {color:#666; text-decoration:underline;}
a.ft:visited {color:#666;}
a.ft:hover {color:#666;}
a.ft:active{color:#666;}


a.nav:link    {font-family: 'Rambla', sans-serif; color:#fff; font-size:11px; text-decoration:none;}
a.nav:visited {font-family: 'Rambla', sans-serif; color:#fff;}
a.nav:hover   {color:#fff;}
a.nav:active  {font-family: 'Rambla', sans-serif; color:#fff;}

#navigation {list-style-type:none; list-style-position:outside; margin:0 0 0 -40px; display:inline;}
#navigation li {display:block; overflow:hidden; padding:10px 35px 10px 36px; cursor:pointer; float:left; font-weight:bold; font-size:11px; text-align:right; background-color:#334355; color:#fff; transition:ease-in-out; border-right:1px solid #5c6c7e; line-height:30px;}
#navigation li:nth-last-child(7) {border-right:0px;}
#navigation li:hover {color:#FFF; transition-duration:0.2s; background-color:#24303c;}

.file-box {width:160px; height:250px; margin-right:60px; margin-bottom:20px; display:block; float:left; clear:none; border-bottom:8px solid #FFF;}
.file-box:hover {border-bottom: 8px solid #DDD;}
.thumbnail {text-align:center; width:159px; height:204px; margin-left:auto; margin-right:auto;}
.name {font-family: Helvetica,Swiss721,Myriad Pro,Arial,sans-serif; color:#000; font-weight:normal; font-size:12px; font-style:normal;}

.excel{width:400px; height:20px; float:left; clear:left; margin-bottom:8px; font-family: Helvetica,Swiss721,Myriad Pro,Arial,sans-serif; color:#000; font-weight:normal; font-size:12px; font-style:normal; background-color:#EEE; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:12px 0px 5px 40px; background-image:url(../i/table-excel.png); background-repeat:no-repeat; background-position:15px;}
.excel a{border:none;}
.excel:hover {background: #DDD; background-image:url(../i/table-excel.png); background-repeat:no-repeat; background-position:15px; border-right:1px solid #999; border-bottom:1px solid #999;}
.pdf{width:400px; height:auto; float:left; clear:left; margin-bottom:8px; font-family: Helvetica,Swiss721,Myriad Pro,Arial,sans-serif; color:#000; font-weight:normal; font-size:12px; font-style:normal; background-color:#EEE; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:12px 0px 12px 40px; background-image:url(../i/document-pdf-text.png); background-repeat:no-repeat; background-position:15px;}
.pdf a{border:none;}
.pdf:hover {background: #DDD; background-image:url(../i/document-pdf-text.png); background-repeat:no-repeat; background-position:15px; border-right:1px solid #999; border-bottom:1px solid #999;}
.link{width:400px; height:20px; float:left; clear:left; margin-bottom:8px; font-family: Helvetica,Swiss721,Myriad Pro,Arial,sans-serif; color:#000; font-weight:normal; font-size:12px; font-style:normal; background-color:#EEE; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:12px 0px 5px 40px; background-image:url(../i/arrow.png); background-repeat:no-repeat; background-position:15px;}
.link a{border:none;}
.link:hover {background: #DDD; background-image:url(../i/arrow.png); background-repeat:no-repeat; background-position:15px; border-right:1px solid #999; border-bottom:1px solid #999;}

.lit-container {width:155px; height:360px; float:left; clear:none; margin:40px 40px 40px 40px; border-bottom:1px solid #DDD;}
.lit-thumb {width:155px; height:257px; float:left; clear:left;}
.lit-description {width:155px; height:38px; float:left; clear:left; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; margin-top:5px; border-top:2px solid #333; padding-top:5px;}
.size {font-family:Helvetica, Arial, sans-serif; font-size:9px; font-weight:normal; color:#333; font-style:oblique; margin-top:10px;}


.hp-box-column {width:190px; height:auto; display:block; margin-right:40px; float:left; clear:none;}
.hp-box {width:190px; height:auto; display:block; margin-left:30px; margin-bottom:40px; float:left; clear:none;font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; outline:none;}
.hp-box-image {width:190px; height:100px;float:left; clear:left; padding-bottom:5px; margin-bottom:10px;}

.hp-box ul li 			{list-style:none; list-style-type:none; margin-left:-40px; font-style:oblique; font-size:12px; outline:none;}
.hp-box ul a:link li 	{color:#333; border-bottom:1px solid #FFF; outline:none;}
.hp-box ul a:visited li {color:#333; border-bottom:1px solid #FFF; outline:none;}
.hp-box ul a:hover li 	{color:#000; border-bottom:1px solid #000; outline:none;}
.hp-box ul a:active li 	{color:#333; border-bottom:0px solid #000; outline:none;}

.new {color:#fcac36; font-weight:bold; font-size:11px; background-image:none;}

.error {
	color: red;
font size:18px;	font-size: 14px;
}

.cell-container {width:100%; height:auto; float:left; clear:left; margin-top:20px; margin-bottom:40px;}
.cell {width:160px; height:70px; padding:20px; margin:0px 20px 20px 0px; border-left:#222 solid 5px; float:left; clear:none;}


.seminar-side-column {width:300px; height:auto; padding:40px; float:right; clear:right; background-color:#D1B07E; margin-top:0px; margin-left:40px;}


.button {font-family:Arial, Helvetica, sans-serif; font-size:8px; font-weight:300; padding:3px 7px 3px 7px; background-color:#ddd; border-radius:2px; text-decoration:none; text-transform:uppercase; letter-spacing:.1em; box-shadow:0pt 0px 2px rgba(0, 0, 0, 1); text-shadow:#fff 0px 0px 1, #ddd 1 1px 1; border:1px solid #EEE;
color:#111;
background: rgb(232,232,232); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-8 */
}

.button:hover {background: rgb(63,63,63); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(63,63,63,1) 0%, rgba(30,30,30,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,63,63,1)), color-stop(100%,rgba(30,30,30,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(63,63,63,1) 0%,rgba(30,30,30,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(63,63,63,1) 0%,rgba(30,30,30,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(63,63,63,1) 0%,rgba(30,30,30,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(63,63,63,1) 0%,rgba(30,30,30,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-8 */
	border:1px solid #222; cursor:pointer; color:#DDD; box-shadow:0pt;}
.button a:link {outline:none;}
.button a:hover {color:#FFF; outline:none;}
a { outline: none; }
:-moz-any-link:focus { outline: none; }




/*HARDSCAPE PRODUCTS*/
a, img {border:none;}
.product-type {width:960px; height:100px; float:left; clear:none; background-color:#334355;}
.section-label {font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#FFF; float:left; margin-top:35px; margin-left:30px;}

.product-chip {width:455px; height:93px; float:left; clear:none; margin-top:20px; margin-right:20px; background-color:#fff; border:1px dashed #DDD;}

.product-thumbnail {width:122px; height:93px; float:left; clear:left; background-color:#c6a789;border-right:4px solid #DDD;}
.product-description {width:296px; height:93px; float:left; clear:none; margin-left:20px;}
.product-description h3 {color:#3f2913;}
.product-brand {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3f2913; display:inline;}
.product-application {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3f2913; font-style:oblique;}
.procduct-link-box {width:455px; height:30px; float:left; clear:left; background-color:#EEE;}


.product-chip:hover {box-shadow:0pt 1px 3px rgba(34, 25, 25, 1); background-color:#eff4f9; border:1px solid #FFF;}
.product-chip:active {background-color:#eff4f9; box-shadow:none; border:0px; padding-right:2px;}
.new-badge {width:42px; height:42px; position:absolute; z-index:2; background-image:url(i/that-new-new2.png); margin-left:95px; margin-top:-52px;}


/*  NEXT GEN
.product {width:470px; height:375px; float:left; clear:none; margin-top:20px; color:#575757; font-size:11px; text-align:right;}
.product p {font-size:18px; color:#575757; text-align:left; margin-top:0px; line-height:23px;}
.product-img {width:470px; height:280px; background-color:#BBB; margin-bottom:10px;}
.product-img:hover {}
.product-name {line-height:280px; width:470px; font-size:45px; color:#FFF; text-align:center; position:absolute; z-index:2; text-shadow: 1px 4px 5px #111;}
.product-name-double {line-height:70px; width:470px; font-size:45px; color:#FFF; text-align:center; position:absolute; z-index:2; text-shadow: 1px 4px 5px #111; padding-top:70px;}
.product-brand {color:#575757; font-style:italic; text-align:right; font-size:11px; padding:5px; background-color:#CCC; position:absolute; z-index:3; margin-top:256px;}
.product:nth-child(2n) {margin-left:20px;}
.label-container 			{width:190px; height:27px; text-align:right; position:absolute; z-index:4; margin-top:262px; margin-left:280px;}
.label-retaining 	 		{color:#FFF; text-align:right; font-size:11px; background-color:#09F; padding:5px;}
.label-freestanding 		{color:#FFF; text-align:right; font-size:11px; background-color:#606; padding:5px;}
.label-garden 				{color:#FFF; text-align:right; font-size:11px; background-color:#630; padding:5px;}
.label-eco					{color:#FFF; text-align:right; font-size:11px; background-color:#6C3; padding:5px;}


a.colors-offered:link 	{font-size:10px; background-color:#111; border:solid #111 1px; border-radius:3px; padding:3px 5px 3px 5px; margin-left:0px; color:#FFF; letter-spacing:.05em; text-decoration:none; white-space:nowrap; vertical-align:middle;}
a.colors-offered:visited 	{font-size:10px; background-color:#111; border:solid #111 1px; border-radius:3px; padding:3px; margin-left:10px; color:#FFF; letter-spacing:.2em; text-decoration:none;}
a.colors-offered:hover 	{background-color:#09C; border-color:#09C;}*/