@charset "utf-8";
/* CSS Document */
body { background: url(../images/bg3.jpg) repeat-x top #846138;}
.wrapper1 {}
.nolink {font-weight:normal;color:#111; text-decoration:none;}
.wrapper2 { margin:30px auto;width: 950px; background: url(../images/bg.jpg) repeat-x top #b7ad70; border:4px solid #282f34;}
.leftnav {margin: 10px; background: url(../images/bgreen.jpg) bottom repeat-x #a4b457; border: 4px solid #727070; height: 100%;}
.header { background: url(../images/bg4.jpg);padding: 10px; height:175px;}
.home { padding: 1.5em;}
.content { background: url(../images/34original.gif) repeat; border: 4px solid #727070; margin:0; }
.box1 { font-size: 18px;}
.underI { text-align: center; font-weight:bold; margin-left: 2px; }
.Headp { margin-top: 15px; width: 350px; font-size: 1.8em; font-weight: normal; color: white; float: right; margin-bottom:0px; text-align: center;}
.header h2 {margin-top: 0px; padding-left: 45px; color: white; clear:both;}
.header img { display: inline; float:left;}
.padding {padding: 10px;}
.halfpage { width: 310px; float:left; margin: 10px; padding:0px;}
.specials { background: url(../images/specials/005/repeat-bg.jpg) repeat; color:#135c5b;}
.specialpanel .button { width: 136px; height: 41px; margin: 0 auto; margin-bottom: 10px; float:left; padding: 10px; padding-left: 20px;}
.specialpanel { background: #fff; border:4px solid #6f706a; width:452px; margin: 10px; margin-right:0px; float:left; }
.specialpanel h3 { width: 200px; margin: 0 auto; text-align: center}
.specialpanel p.stone { width: 200px; margin:10px; border: 0; display: block; float:left; }
.specialpanel img { margin: 0 auto;}
.specialpanel a { display: block; text-align: center; text-decoration: none;}
.specialpanel ul { display: block; width: 150px; float: left; clear:right; text-align: left; background: #e7f4fa; border:#999 2px solid; margin-bottom: 10px; color:#135c5b; padding: 10px;}
.specialpanel ul li { list-style: none;}
.center { margin: 0 auto; padding: 10px; text-align:center;}
.rightpanel { width: 194px; float: right; margin-right: 15px; margin-top: 10px;}
.rightpanel a img {border:2px solid #6f706a;}
.footer { margin-bottom: 10px; padding-left: 10px; padding-bottom: 10px; text-align: center; padding-top: 5px;}
.footer a{ text-decoration: none}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbanGraymenu{
	/*width of menu*/
color: white;
}

.urbanGraymenu .headerbar{
font: bold Verdana;
background: #336600 url(../images/arrow-list.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
border-left: 4px #666 solid;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
margin-top: 2px;
padding: 5px 0 7px 5px; /*31px is left indentation of header text*/
}
.urbanGraymenu .headerbar a {
	text-decoration: none; color:#FFF; font-size:1.2em;}
.urbanGraymenu .headerbar a:hover { color:#CCC;}
	
.urbanGraymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.urbanGraymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbanGraymenu ul li a, a.imglink,  a.imglink2{
font: normal 12px Arial;
color: white;
background: #414141;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbanGraymenu ul li a:visited, a.imglink:visited, a.imglink2:visited{
color: #CCC;
}

.urbanGraymenu ul li a:hover, a.imglink:hover, a.imglink2:hover{ /*hover state CSS*/
color: white;
background: black;
}
.colorBox, .colorBox2 { background: #FFF; border:2px solid #6f706a;}
.colorBox { margin-bottom: .8em; width: 295px; float: left; margin-right: 10px;}
.colorBox2 { margin-bottom: .8em; width: 145px; float: left; margin-right: 10px;}
.colorBox h3 {margin: 10px; width: 200px; float:left;}
.colorBox2 h3 {margin: 10px; width: 145px; float:left;}
.colorBox h3 a, .colorBox2 h3 a  { text-decoration: none;color:#111;}
.sideXside { width: 160px; float:left; margin: 0; padding:0; height:300px;}
.imgbox { padding: 8px; height:140px; width: 128px; float:left; margin: 0;; text-align: center; margin: 0; color:#333; visibility:visible;}
.imgbox img {border:4px #FFF solid; }
.imgbox a { text-decoration: none; border: medium none; display:block; text-align:center; }
.imglink {border: 2px solid #727070; margin: 0px auto; margin-bottom: 0px; color:#FFF; width: 250px;; padding: 0 auto; text-align:center;}
.imglink2 {border: 2px solid #727070; margin: 0px auto; margin-bottom: 0px; width:120px; color:#FFF; padding: 0 auto; text-align:center;}
/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color:#FFF;
		float: left;
		padding: 0;
		width: 265px;
		height: 140px;
		margin-left: 10px;
	}
	#gallery ul { margin: 0; list-style: none; }
	#gallery ul li { display: inline; float: left; text-align: center; }
	#gallery ul img {
		border: 5px solid #fff;
	}
	#gallery ul li a { text-decoration: none; color:#333;}
	#gallery ul a:hover img {
		border: 5px solid  #CCC;
		color: #000;
	}
	#gallery ul a:hover { color: #000; }
.infoPanel { border: 4px solid #727070; background: #fff; margin: 10px auto;}
.infoPanel table {margin: 0; width: 370px;  border-collapse: collapse; border-spacing:0; margin:10px 6px; border: 1px #333 dotted; float:right;}
.infoPanel table th { font-weight: bold; width: 80px; background:#CCC; color: #666; border-bottom: 1px #333 dotted; margin: 1px; }
.infoPanel table td { font-weight: bold; background:#CCC; border-bottom: 1px #333 dotted; color: #333; margin: 1px;}
.infoPanel table tr {border-bottom: 1px #333 dotted; margin: 1px;}

div.new-products { border: 4px solid #6F706A; font-size: 12px; font-family: arial; display: none; padding: 10px; position : fixed; width: 500px; height: auto; top: 25%; left: 33%; background: url(http://www.naturalstonepavers.org/images/specials/005/repeat-bg.jpg); z-index: 50; }
div.new-products span { color: #923500; font-weight: bold; float: right; padding: 3px; margin: 1px 15px 0 0; background-color: #d8d8d8; border: 4px solid #6F706A; }
div.new-products  ul li { list-style: none; float: left; width: 400px; margin-bottom: 10px; }
div.new-products  img{ border: 1px solid #6F706A; float: left; width: 60px; height: 60px; }
div.new-products  a { border: 1px solid #6F706A; padding: 5px; background-color: #fff; float: left; margin-right: 5px; }
div.new-products  h4 { text-align: center; clear: both; }
div.new-products  p { margin: 5px 0; }