/*Style sheet for Boral Bricks*/

body {
	font-family: verdana, helvetica, arial, Sans-Serif; 
	color:#999; 
	font-size:11px;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
	background: #fff;
	behavior: url(../css/csshover.htc);	
}

img {
	border: 0;
}

sup {
	font-size: smaller;
}

.smalltext {
	font-size: 9px;
}

.genericContainerClear {
	margin: 0 25px;
	clear: both;
	color: #000
}

.genericContainer {
	margin: 0 25px;
	color: #000	
}

.centeredContent {
	margin: 0 25px;
	text-align: center;
	color: #000
}

.center {
	margin: 0 auto;
	text-align: center;
}

h1 {
	font-size: 14px;
	color: #999;
	margin: 0 25px 8px 25px;
	padding: 0;
}

h2 {
	font-size: 11px;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;	
}

h3 {
	font-size: 14px;
	color: #737B32;
	margin: 4px 0 4px 0;
	padding: 0;
}
h5 {
	font-size: 12px;
	color: #539CBD;
	margin: 0 0 4px 0;
	padding: 4px 0 0 0;
}
h6 {
	font-size: 11px;
	color: #539CBD;
	margin: 0 0 4px 0;
	padding: 4px 0 0 0;
}
.disclaimerText {
	color: #999;
	font-size: 10px;
	font-style: italic;
	line-height: normal;
	margin: 0;
}

h4.hdrDisclaimer {
	font-size: 11px;
	color: #539CBE;
	margin: 0;
}

.floatLeft {
	float: left;
	margin: 0;
	padding: 0;
	width: 190px;
	border: 0px solid #000;
}

/* Hide Mac IE \*/
.floatLeft {
	width: auto;
}
/* End Hide */
.clearDiv {
	clear: both;
	height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
}

.mainImagesLeft {
	float: left;
	margin: 0px 10px 10px 0;
}

.mainImagesRight {
	float: right;
	margin: 0px 0 10px 10px;
}

a {
	color: #999;
	margin: 0;
	text-decoration:underline;
}

a:hover {
	color: #000;
	margin: 0;
	text-decoration:none;
}

ul {
	list-style-type: square;
	color: #999;
}

li {
	list-style-type: square;
	margin: 0 0 5px 0;
}

p {
	color: #000;
	margin: 0 0 8px 0;
	line-height: 150%;
}

b.accentLine {
	font-weight: bold;
	color: #999;
	font-size: 12px;
}

.breadcrumbs {
	color: #999999;
	font-size: 10px;
	margin: 8px 0;
	font-weight: normal;
}

.breadcrumbs a {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
}

.breadcrumbs a:active{
	color: #999999;
	font-size: 10px;
	font-weight: normal;
}

.breadcrumbs a:hover{
	color: #666666;
	font-size: 10px;
	font-weight: normal;
}

.breadcrumbs a:visited{
	color: #999999;
	font-size: 10px;
	font-weight: normal;
}

#controlPage {
	margin: 0 6px 0 0;
	float: right;
	border-collapse: collapse;
	border: 0;	
}

#controlPage td {
	padding: 0 3px;
}
	
.searchResultsContainer {
	display: block;	
	border: 1px solid #539CBE;
	border-bottom: 5px solid #539CBE;
	margin: 8px 4px 8px 10px;
	float: left;
	padding: 3px;
	width: 140px;
	height: 215px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 132px;
	height: 203px;
}

html>.searchResultsContainer {
	width: 132px;
	height: 175px;
}

/* IE Win Rule \*/
*html .searchResultsContainer {	
	margin: 8px 6px 8px 6px;
}
/* End IE Rule */

.searchResultsContainer h3 {
	font-size: 10px; 
	color: #539CBE;
	margin: 2px 0 4px 0;
	text-decoration: underline;	
}

.searchResultsContainer img {
	margin: 0 auto;
}

.searchResultsContainer p {
	color: #999;
	font-size: 9px;
	margin: 0 3px 0px 3px;
	line-height: normal;
}

span.searchResultsContainer:hover {
	background: #f5f5f5;
}

.searchResultsContainer a, .searchResultsContainer a:hover {
	text-decoration: none;
	color: #999;
}	
	
#backBtnRow { 
	text-align: right;
}

hr {
	clear: both;
	margin: 3px 15px 3px 5px;
	color: #D3D7AA;
}

form {
	margin: 0;
	padding: 0;
}

ol {
	list-style-type:decimal;
}

ol li {
	list-style-type:decimal;
}

ol ul {
	margin-top: 6px;
	margin-bottom: 6px;
}

ol ul li {
	list-style-type:circle;
	color: #000;
}


ul.normal {
	color: #000;
	list-style-type: square;
}

ul.normal li {
	list-style-type: square;
}

em {
	color: #539CBE;
	font-style: normal;
	font-weight: bold;
	font-size: larger;
}

/*############ Forms ###########*/

input.showRoomZip {
	background: #fff;
	width: 80px;
	font-size: 10px;
	color: #000;
	font-family: verdana, helvetica, arial, Sans-Serif;
	padding: 0;
	margin: 1px 0 0 0;
	float:left;
}

.btnGoLocator {
	border: 0px solid #000;	
	margin: 0;
	padding: 0 0 0 5px;
	float: right;
}
.btnGoLocator2 {
	background: #FFFFCB;
	height: 22px;
	margin: 0;
	padding: 4px 4px 0 95px;
	text-align: right;
}
input.distLogin {
	background: #fff;
	width: 85px;
	font-size: 10px;
	color: #999;
	font-family: verdana, helvetica, arial, Sans-Serif;
	padding: 0;
	margin: 1px 0 0 0;
}

.btnGoLogin {
	margin: 0;
	padding: 0;	
}

/* HIDE FROM MAC \*/

.btnGoLogin {
	position: relative;
	top: 5px;
}

/* END HIDE */

.homeLoginLabel {
	border: 0px solid #000; 
	margin: 0 4px;
}
/*########## END FORMS ###########*/

#container {
	border: 0px solid #000;	
	background: #fff url(../images/tile-container.gif) left top repeat-y;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#container.home {
	border: 0;	
	background: #fff;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#header-container {
	border: 0;	
	margin: 0;
	padding: 0;
	background: #FFF;
	border-top: 1px solid #fff
}

#header-top {
	height: 53px;
	background: #FFF;
	border: 0px solid #000;
	padding: 7px 0 7px 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 46px;
}

#header-logo {
	float: left;
}

#header-links {
	float: right;
	font-size: 9px;
	color: #000;
}

#header-links a {
	color:Blue;
}
#header-showroomLocator {
	background: #D3D7AA;
	padding: 6px 6px 6px 5px;
	width: 110px;
	voice-family: "\"}\""; 
	voice-family:inherit;
}

html>body #header-showroomLocator {
	width: 110px;
	height: 32px;
}

/* ############ Nav starts ####### */

#nav-container {
	padding: 0;
	margin: 0;
	border: 1px #fff solid;
	border-left: 0;
	border-right: 0;	
	background: #539CBE;
	height: 19px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 17px;
}
html>#nav-container {
	height: 17px;
}

#nav-container ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0 0 0px;
	color: #fff;
	font-size: 11px;
	
}

#nav-container li {
	background: #539CBE;
	list-style-type: none;
	padding: 0;
	margin: 2px 0 0 0;
	display: block;
	color: #fff;
	font-size: 11px;
	font-weight:bold;
	float: right;
	
}

#nav-container li a {
	text-decoration: none;
	color: #fff;	
	padding: 2px 5px 2px 5px;
	margin: 0px;
	border-left: #fff 1px solid;	
}

/* HIDE FROM MAC \*/
#nav-container li {
	margin: 0;
}

#nav-container li a {
	text-align: center;
	display: block;
	float: left;
}

/* END HIDE */

#nav-container li a:hover {
	background: #49829D;
}

#nav-container li.lastitem {
	background: #D3D7AA;
	color: #737B31;
}	

#nav-container li.lastitem a {
	text-decoration: none;
	color: #737B31;	
	padding: 2px 5px 2px 5px;	
	border-left: #fff 1px solid;
	background: #D3D7AA;
	
}

#nav-container li.lastitem a:hover {
	background: #B7BC8F;	
}
	
/* ############ Nav Ends ####### */

/* ############ Right Nav Begins ####### */

#rightNav {
	float: right;
	width: 130px;
}

#userAdmin {
	background: #FFFFA5;
	color: #737B30;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	padding: 2px 4px;
}

#login {
	background: #FFFFCB;
	color: #737B30;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	padding: 2px 4px;
}

.loginTitle {
	font-size: 10px;
	color: #999999;
}
.logInName {
	color: #A4492A;
}
.adminLogout 
{
	font-size: 10px;
	text-align: right;
	color: #000032;
	margin: 0 0 4px 0;
}
.dropdownlist {
	font-size: 11px;
	width: 120px;
}
#distributorTools-hdr {
	background: #D1D1D1;
	color: #5A5A5A;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	padding: 2px 4px;
}

#distributorTools {
	background: #e9e9e9;
	color: #2C2B55;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	padding: 2px 4px;
}

#distributorTools ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#distributorTools li {
	list-style-type: none;
}


#distributorTools li a {
	font-size: 11px;
	color: #000032;
	list-style-type: none;
	list-style-image: none;
	background: url(../images/bullet-distTools.gif);
	background-position: 0 0;
	padding: 0 0 0 12px;
	margin: 0;
}
	
	
/* ############ Right Nav Ends ####### */

#homePageFlash {
	margin: 0;
	border: 0;
}

#homePageAccent {
	background: #539CBE;
	border-top: 1px solid #fff;	
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 0;
}

#homePageAccentImage {
	margin: 0px;
	padding: 0;
	border: 0px solid #000;
}

#homePageAccentImage img {
	float:left;
	margin: 0;
}

#homePageAccentImage img.firstImg {
  margin: 0 0 0 524px;
  padding: 0;
}

#homePageAccentImage img.noFloat {
	float:none;
}

#homePageContent {
 margin: 0;
 padding: 0;
}
/*########### Homepage Callouts Start #############*/

#calloutTable {	
	border-collapse:collapse;
	float: left;
	border-right: 1px solid #999;
}

#calloutTable td {
	vertical-align: top;
	padding: 0;
	border: 1px solid #999;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
}

#calloutTable td.linkRow {
	vertical-align: top;
	padding: 0;
	border: 1px solid #999;
	border-right: 0;
	border-top: 0;
}

.homePageCallout {
	background: #fff;	
	margin: 0;
	padding: 0;
	float: left;
	
}

.homePageCallout img {
	display: block;
}

.calloutText {
	width: 123px;
	margin: 25px;
}

.calloutHdrBrick {
	width: 123px;
	margin: 25px;
}

.calloutHdrBrick:first-line {
	font-weight: bold;
	font-size: 12px;
	color: #737B31;
}

.calloutHdrPaver {
	width: 123px;
	margin: 25px;	
}

.calloutHdrPaver:first-line {
	font-weight: bold;
	font-size: 12px;
	color: #5A3100;
}

.calloutHdrStone {
	width: 123px;
	margin: 25px;
}

.calloutHdrStone:first-line {
	font-weight: bold;
	font-size: 12px;
	color: #BD8C00;
}

.calloutLink {
	margin: 0;
	padding: 0;
	text-align: right;	
	
}

.calloutLink a {
	color: #999;	
	border-top: 1px solid #999;
	border-bottom: 0px solid #999;
	text-decoration: none;
	padding: 0px 3px 0px 15px;
	background: #fff url(../images/calloutAccent.gif) 0px 0px no-repeat;
}

/* IE Rule */
*html .calloutLink {
	padding: 1px 0 1px 0;
}

*html .calloutLink a {
	background: #fff url(../images/calloutAccent.gif) 0px 1px no-repeat;
}

/* End Rule */

/*################ END Homepage CALLOUTS ############### */

/*################ Homepage Banner STARTS ############### */

#homePageBannerContainer {
	background: #FFF4D5;
	border: 0px solid #000;	
	margin-left: 1px;
	text-align: center;
	width: 230px;
	padding-top: 8px;
	float:right;
}

/* Hide from MAC \*/

#homePageBannerContainer {
	width: auto;
	padding: 8px;
}

/* end Hide MAC Hack */

#homePageBannerContainer img {
	display: inline;
}

#homePageLogin {
	margin: 8px auto;
	background: #fff;
	font-size: 9px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #DC661C;
	width: 178px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 176px;	
}

html>#homePageLogin {
	width: 176px;
}
/*################ Homepage Banner ENDS ############### */


/* ############ Footer starts ####### */

#footer {
	clear: both;
	padding: 5px 0 8px 0;
	margin: 15px 0 0 0;
	border: 0px solid #000;
	font-size: 9px;	
	background: #fff;
}	

#footer ul {
	border: #000 0px solid;
	list-style: none;
	float: left;
	padding: 0px;
	margin: 0px;
	color: #999;
	font-size: 9px;	
	height: 6px;
	background: #FFF;
}

#footer li {
	list-style: none;
	margin: 0px;
	color: #000;
	font-size: 9px;
	float: left;	
	border-left: #000 1px solid;
	padding: 0px 4px 0px 4px;	
}

#footer li a {
	list-style: none;
	margin: 0px;
	color: blue;
	font-size: 9px;
}

#footer li a:hover {
	text-decoration: underline
}

#footer li.firstitem {
	border-left: 0px;
	padding: 0px 5px 0 0;
}
#footer li.lastitem {
	list-style: none;
	padding: 0px 4px 0 4px;
	margin: 0px;
	border-left: #000 1px solid;
}	

#footerGraphic {
	height: 7px;
	background: #539CBE;
	margin: 8px 0 8px 0;
	clear: left;
}

#footerCopyright {
	text-align: right;
	color: #000;
	background: #FFF;
	margin: 0;
}
/* ############ Footer Ends ####### */

/* ########### Segment Landing Page ###### */

#content-container {
	position: relative;
	margin: 0;
	padding: 0;
}

#content-imageArea {
	margin: 0;
	padding: 0;
	border: 0px solid #000;
}

#content-imageArea.segmentLandingImgArea {
	height: 194px;
	background: #BE2903;
}

#content {
	border: 0px solid #c00;
	margin: 0 0 0 4px;
	color: #000;
	width: 460px;
	float: left;
}
.announcementHdr a {
	color: #333365;
	font-weight: bold;
}

.viewAll a{
	color: #333365;
	font-weight: bold;
	float: right;
}

#adPanel {
	float:right;
	margin: 0;
	padding: 15px 0 0 0;
	background: #BE2903;
	overflow: hidden;
	height: 194px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 179px;
}

html>#adPanel {
	height: 179px;
}

#adPanel p {
	color: #fff;
	margin: 2px 35px 5px 35px;
	font-size: 12px;
	width: 250px;
	line-height: 150%;
}

/* Hide from Mac \*/
#adPanel p {
	width: 245px;
}
/* End Hide */

#content-main {
	margin: 0;
	padding: 0 0 15px 0;
	float: left;
	border-top: 0px solid #FFF;
	width: 630px;
	/* width: 470px; */
}

#content-login {
	padding: 9px 5px 10px 0;
	margin-left: 95px; margin-top: 15px;
	float: left;
	border: 0px solid #737B31;
	color: #663;
	background: #D3D7AA;
	width: 265px;
}

#content-main.segmentLandingContent {
	margin: 0 0 0 130px;
	padding: 0 0 15px 0;
	float: left;
	border-top: 1px solid #fff;
	clear: both;
	width: 470px;
}

/* Hide From MAC \*/
#content-main.segmentLandingContent {
	margin: 0;
	position: relative;
	left: 130px;
}
/* End Hide */

#main-hdr {
	margin: 0 0 0 0;
	padding: 3px 0 3px 6px;
	text-align: left;
	color: #FFF;
	font-weight: bold;
	height: 16px;
	border-left: 1px solid #FFF;
	background: #539CBE;
}

#main-hdr.landingHdr {
	background: #DC661C;
}

#content-adArea {
	float: left;
	width: 160;
	border-top: 1px solid #fff;
}

#content-adArea.segmentLandingAdArea {
	float: left;
	width: 160;
	border-top: 1px solid #fff;
}

/* HIDE from MAC IE \*/
#content-adArea.segmentLandingAdArea {
	position: relative;
	left: 130px;
}
/* End Hide */

.adArea-callout {
	margin: 5px 0 2px 0;
	display: block;
	color: #999;
	border: 1px solid #549CBE;
	padding: 3px 5px;
	width: 130px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 118px;
}

.nav {
	color: #737B31;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0 10px 22px;
	text-align: left;
	background: url(../images/bg-nav.gif) 0px 0px no-repeat;
}

.logout {
	color: #D4D48D;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 0 6px 18px;
	text-align: left;
	background: url(../images/bg-lock.gif) 0px 0px no-repeat;
}

.mainmenu {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 0 6px 8px;
	text-align: left;
	background: #737B30;
}
#tableContainer {
	padding: 0px 0 5px 10px;
}

html>.adArea-callout {
	width: 148px;
}

div.adArea-callout:hover {
	background: #F5F5F5;
}

.adArea-callout h4 {
	text-align: center;
	margin: 0 0 5px 0;
	font-size: 12px;
}

.adArea-callout p {
	margin: 0 0 5px 0;
	color: #999;
	line-height: normal;
}

.adArea-callout a {
	text-decoration: none;
}

.adArea-callout a h4 {
	color: #999;
}

/* ########## END Landing Pages ######## */

/* ######## SubNav Landing Pages ########## */

#subNavSegLanding {
	position: absolute;
	top: 48px;
	left: 0;
	background: #D3D7AA;
	border: 0px solid #000;
	width: 130px;	
}

#subNavSegLanding ul, #subNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #fff;
}

#subNavSegLanding li, #subNav li {
	padding: 0;
	margin: 0;
	display: block;
	color: #000;
}

#subNavSegLanding li a, #subNav li a {
	display: block;
	padding: 7px 0 7px 15px;
	margin: 0;	
	color: #737B30;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	background: url(../images/subNav-accent.gif) 0px 2px no-repeat;
	width: 130px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 115px;
}

html>#subNavSegLanding li a {
	width: 115px;
}

html>#subNav li a {
	width: 115px;
}

#subNavSegLanding li a.subNavImg, #subNav li a.subNavImg {
	padding: 0px;
	width: 130px;	
}

#subNavSegLanding li a:hover, #subNav li a:hover {
	/*background: #C6CAA4 url(../images/subNav-accent-over.gif) 0px 2px no-repeat;*/
	color: #FFF;
}

/* subNav for other Pages */


#subNav {
	float: left;
	background: #D3D7AA;
	width: 130px;
	margin-bottom: 25px;
}

#subNavSegLanding li.hiddenListItem, #subNav li.hiddenListItem {
/*THIS IS TO FIX IE PC BUG */
	visibility:hidden;
	display: none;
	padding:0;
	margin:0;
	height:1px;
	font-size:1px;
	border:0;
	float:left;
}

#subNav ul ul {
	background: #C6CAA4;
	border: none;
}

#subNav ul ul li {
	font-size: 10px;
	color: #636A2A;
	margin: 0;
	padding: 0px;
	text-align: right;
	display: block;
}

#subNav ul ul li a {
	display: block;
	padding: 4px 10px 4px 2px;
	text-decoration: none;
	background: none;
	color: #636A2A;
	width: 115px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 103px;	
}

html>#subNav ul ul li a {	
	width: 103px;
}

#subNav ul ul li a:hover {
	background: #D3D7AA;
	background-image: none;
}


/* ######## End SubNav #######*/

/* ######## Product Catalog ##### */

#main-productSearch-container {
	margin: 10px 25px 15px 25px;
	border: 1px solid #CCC;
}

#productSearch-hdr {
	background: #D3D7AA;
	padding: 0 0 0 10px;
	margin: 0;
}

.searchNone {
	padding: 3px 0px 3px 20px;
	border: 1px solid #fff;
	background: #fff;
	color: #000;
	font-weight: bold;
}

.searchCatalog {
	padding: 3px 0px 3px 20px;
	border: 1px solid #fff;
	background: #fff;
	color: #000;
	font-weight: bold;
}

div.searchBrick {
	background: #737B31;
	color: #fff;
	padding: 3px 0px 3px 20px;
	border: 1px solid #fff;
	font-weight: bold;
}

div.searchStone {
	background: #BD8C00;
	color: #fff;
	padding: 3px 0px 3px 20px;
	border: 1px solid #fff;
	font-weight: bold;
}

div.searchPavers {
	background: #5A3100;
	color: #fff;
	padding: 3px 0px 3px 20px;
	border: 1px solid #fff;
	font-weight: bold;
}

.productSearch-generalSearch {
	font-weight: bold;
	color: #000;
	border: 0px solid #000;
	float: left;
}

.productSearch-generalSearch input {
	width: 243px;
}

/* IE WIN RULE \*/
*html .productSearch-generalSearch {
	float: none;
	border: 0px solid #000;
}

*html .productSearch-generalSearch input {
	font-size: 11px;
	width: 238px;
}
/* End Rule */


.productSearch-formElement {
	float: left;
	margin-right: 8px;
	border: 0px solid #000;
}

.productSearch-formElement select {
	width: 120px;
}

.formSubmit {
	padding: 3px 20px;
	text-align: right;
}

.showroomMapInput {
	width: 120px;
	margin: 0;
	font-size: 11px;
	margin-bottom: 3px;
}

.showroomAddress {
	background: #EBECDE;
	border: 1px solid #539CBE;
	float: left;
	padding: 0;
	margin: 5px 0px 8px 20px;
	width: 205px;
}

/* IE Win Rule \*/
* html .showroomAddress {
	margin: 5px 0px 8px 12px;
}
/* End IE Win Rule */

.showroomAddress p {
	padding: 3px;
	border: 0px solid #000;
	font-size: 10px;
	line-height: normal;
}

.showroomAddress h3 {
	background: #539CBE;
	padding: 1px 2px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	text-align: center;
	height: 30px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 28px;
}

html>.showroomAddress h3 {
	height: 28px;
}

.showroomIcons {
	height: 20px;
	background: #fff;
	text-align: right;
}

.showroomIcons img {
	float: right;
	margin: 2px 3px 1px 3px;
}

#iconLegend {
	border-collapse: collapse;
	font-size: 9px;
	color: #999;	
	margin: 10px 0;
	border-right: 1px solid #539cbe;
	width: 160px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 159px;	
}

html>#iconLegend {	
	width: 159px;
}


#iconLegend td, #iconLegend th {
	padding: 3px;
	border-bottom: 1px solid #539CBE;
	border-left: 1px solid #539CBE;
}

#iconLegend th {
	background: #539CBE;
	color: #fff;
	font-size: 11px; 
	font-weight: bold;
	padding: 2px 3px;
}

.productDetail-stoneHdr {
	background: #BD8C00 url(../images/hdr-Stone.gif) top left no-repeat;
	height: 42px;
	margin: -14px 1px 3px 1px;
}

.productDetail-brickHdr {
	background: #737B31 url(../images/hdr-Bricks.gif) top left no-repeat;
	height: 42px;
	margin: -14px 1px 3px 1px;
}

.productDetail-paversHdr {
	background: #5A3100 url(../images/hdr-Pavers.gif) top left no-repeat;
	height: 42px;
	margin: -14px 1px 3px 1px;
}

.productDetail-stoneHdr img, .productDetail-paverHdr img, .productDetail-brickHdr img {
	float: left;
	margin: 0;
}

#productSubHdrCategory {
	line-height: normal;
	color: #fff;
	font-size: 10px;
	margin: 0 0 0 26px; /*was 225px from the left */
	padding: 28px 0 0 0;
}

#productPageControl {
	margin: 3px;
	text-align: right;
	border-top: 1px solid #fff;
	height: 30px;
}

.printBtn {
	float: right;
	margin: 0 25px 0 20px;
}

h3.productHdrBrick {
	color: #737B31;
	font-size: 17px;
	margin: 0px 0 10px 0;
	font-weight: normal;
}

#productInfoTable {
	border: 0px solid #000;
	border-collapse: collapse;
	margin: 4px auto 15px auto;
	width: 435px;
	clear: left;
	font-size: 11px;
}

#productInfoTable td, #productInfoTable th {
	padding: 3px;
	text-align: center;
	width: 33%;
	border: 0px solid #000;
	vertical-align: top;
}

#productInfoTable th {
	color: #fff;
	font-weight: bold;
}

tr.brickTable {
	background: #737B31;
}

tr.paversTable {
	background: #5A3100;
}

tr.stoneTable {
	background: #BD8C00;
}

td ul.tableList {
	border: 0px solid #000;
	margin: 3px auto;
	padding: 0;
	list-style-type: none
}

td ul.tableList li {
	border: 0px solid #000;
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}

/* Hide MAC \*/
ul.tableList {
	list-style-position:inside;
	list-style-type: square;
}

ul.tableList li {
	list-style-position:inside;
	list-style-type: square;
}
/* End Hide */

.relatedProduct {
	margin: 8px;
	width: 102px;
	height: 67px;
}

#relatedProductInfoTable {
	border: 0px solid #000;
	border-collapse: collapse;
	margin: 4px auto 25px auto;
	width: 435px;
	clear: left;
	font-size: 11px;
}

#relatedProductInfoTable td, #relatedProductInfoTable th {
	border: 0;
	padding: 3px 25px 3px 25px;
	text-align: left;
	border: 0px solid #000;
}

#relatedProductInfoTable th {
	color: #fff;
	font-weight: bold;
}

ul.tableListInline {
	display: inline;
	margin: 0;
	padding:0;
	list-style-type: none;
}

ul.tableListInline li {
	display: inline;
	margin: 0;
	padding-right: 10px;
	list-style-type: none;
}

.secondSearchContainer {
	background: #fff;
	border: 1px solid #ccc;
}

.searchSubCategoryImg {
	margin: 0 0 2px 7px;
}

#secondSearchHdr {
	background: #539CBE;
	margin: 0 0 8px 0;
}
.secondSearchInput {
	margin: 0 0 3px 7px;
	font-size: 11px;
	width: 115px;
}

.secondFormSubmit {
	text-align: right;
	padding: 2px 7px;
}

#relatedProductImages {
	margin: 0;
	text-align: center;
	color: #000;
	clear: both;
}

#installStone {
	float: right;
	width: 130px;
	text-align: center;
	margin: 0 10px 10px 0;
	border: 0px solid #000;	
}


#installStone img {
	margin: 0 auto 10px auto;
}

/* ######## End Product Catalog #### */


/* ###### Company Profile ###### */

ul.boralVisionList {
	color: #999;
	list-style-type: square;
	margin: 0 0 0 255px;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #fff;
}

ul.boralVisionList li {
	list-style-type: square;
	padding: 0;
	margin: 0 0 5px 0;
	border: 0px solid #000;
}

dl {
	margin: 0;
	padding: 0;
	color: #000;
}

dt {
	color: #000;
	font-weight: bold;
}

dd {
	color: #000;
	margin: 3px 8px 10px 8px;
}

/*#### End Company Profile ###### */

/*#### Media Exchange ####*/

.mediaExchangeContainer {
	border: 1px solid #539cbe;
	padding: 12px;
	margin: 15px 0 0 0;
}

/* Hide MAC IE \*/
.mediaExchangeContainer {
	clear: both;
}
/* End Hide */

.mediaExchangeContainer h3 {
	color: #539cbe;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	margin: 0 0 8px 0;
}

.mediaExchangeContainer .mediaExchangeDate {
	display:block;
	margin: 0 0 8px 0;
	font-size: 10px;
	font-style: italic;
}

.mediaExchangeContainer p {
	color: #999;
	font-size: 10px;
	line-height: normal;
}

.mediaExchangeContainer img {
	float: right;
	margin: 0 0 0 10px;
	border: 1px solid #999;
}


/*#### End Media Exchange #####*/

/*###### ProjectCenter ####### */

#searchParamaters {
	margin: -14px 8px 10px 8px;
	border-bottom: 1px solid #539CBE;
	color: #7B7B7B;
	padding: 3px 5px;
	font-size: 9px;
}

.pipe {
	color: #539CBE;
}

.projectCenterDetail {
	border: 1px solid #539cbe;
	padding: 12px;
	margin: 0 0 15px 0;
}

/* Hide MAC IE \*/
.projectCenterDetail {
	clear: both;
}
/* End Hide */

.projectCenterDetail h3 {
	color: #539cbe;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0 0 0 18px;
	display: block;
	background: url(../images/accent-projectCenterDetail.gif) top left no-repeat;
}

.projectCenterDetail p {
	color: #999;
	font-size: 10px;
	margin: 8px 0 0 0;
	line-height: normal;	
}

.projectCenterDetail img {
	float: none;
	margin: 0;
	border: 1px solid #999;
	
}


/*###### End Project Center #### */

/*###### Articles #### */

div.articleContainer {
	border: 1px solid #539cbe;
	padding: 12px;
	margin: 10px 0;
}

div.articleContainer:hover {
	background: #f5f5f5;
}

.articleContainer h3 {
	color: #539cbe;
	margin: 0 0 8px 0;
	font-size: 12px;
	text-decoration: underline;
}

div.articleContainer .articleDate {
	display: block;
	margin: 0 0 8px 0;
	font-style: italic;
	font-size: 10px;
}

.articleContainer p {
	color: #999;
	font-size: 10px;
	line-height: normal;
}

.articleContainer a, .articleContainer a:hover {
	text-decoration: none;
	color: #999;
}


/*###### End Articles #### */


/*##### Contact Us ##### */

#contactForm {
	text-align: center;
	border: 1px solid #539cbe;
	border-top: none;
	margin: 0 auto;
	padding: 12px;
	width: 327px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 301px;
}

html>#contactForm {
	width: 301px;
}

#contactTable {
	border-collapse: collapse;
	margin: 0 auto;
}

#contactTable td {
	padding: 2px 0;
	vertical-align: middle;
	text-align: left;
}

#contactTable td.comments {
	vertical-align: top;
	padding-right: 5px;
}

.contactInput {
	width: 220px;
	font-size: 11px;
}

.contactInputSm {
	width: 128px;
	font-size: 11px;
}

.contactDDLState {
	width: 50px;
	font-size: 11px;
}

.contactTextArea {
	width: 220px;
	height: 150px;
	font-size: 11px;
}

#contactTable td.submitRow {
	text-align: right;
}


#requiredField {
	padding: 0;
	width: 327px;
	margin: 0 auto;
	border-bottom: 1px solid #539cbe;
	font-size: 10px;
	font-style: italic;
}

#contactTable td.validator {
	padding: 0;
	text-align: right;
}
/*#### End Contact Us ##### */


/*##### Shapes Form ##### */

#shapesForm {
	text-align: center;
	border: 1px solid #539cbe;
	border-top: none;
	margin: 0 auto;
	margin-left: 50px;
	padding: 12px;
	width: 327px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 301px;
}

html>#shapesForm {
	width: 301px;
}

#shapesTable {
	border-collapse: collapse;
	margin: 0 auto;
}

#shapesTable td {
	padding: 2px 0;
	vertical-align: top;
	text-align: right;
	font-size: 11px;
}

#shapesTable td.comments {
	vertical-align: top;
	padding-right: 5px;
}

.shapesInput {
	width: 220px;
	font-size: 11px;
}

.shapesInputSm {
	width: 128px;
	font-size: 11px;
}

.shapesDDLState {
	width: 200px;
	font-size: 11px;
}

.shapesTextArea {
	width: 220px;
	height: 150px;
	font-size: 11px;
}

#shapesTable td.submitRow {
	text-align: right;
}


#shapesRequiredField {
	padding: 0;
	margin: 0 auto;
	margin-left: 50px;
	border-bottom: 1px solid #539cbe;
	font-size: 10px;
	font-style: italic;
	width: 327px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 301px;
}

html>#shapesRequiredField {
	width: 301px;
}
	
#shapesTable td.validator {
	padding: 0;
	text-align: right;
}
/*#### End Shapes Form ##### */


/*#### FAQ ##### */

.faqSearch {
	padding-right: 8px;
	background: url(../images/arrow.gif) no-repeat right 3px ;
	border: 0px solid #000;
}

.faqSearchInput {
	font-size: 9px;
	margin: 0 0 0 3px;
}

.textRight {
	text-align: right;
}

.faqCategory {
	float: left;
	width: 220px;
	margin: 0 0px 15px 8px;
	border: 0px solid #000;
}

/* IE Win Float Rule \*/

*html .faqCategory {
	margin: 0 2px 15px 5px;
}

/* End Rule */

.faqCategory h2 {
	font-size: 14px;
	color: #999;
	margin: 0 0 8px 0;
	padding: 0;
}

.faqCategory ul {
	margin: 5px 0 0 35px;
	padding: 0;	
}
	
/*#### End FAQ ##### */

/*#### Distributors #### */

#nationalAccountTable {
	color: #000;
	margin: 5px 0;
	border-collapse: collapse;
	width: 100%;
	border: 0px solid #000;	
}

#nationalAccountTable td {
	padding: 3px 8px 3px 0;
}

#nationalAccountTable th {
	padding: 3px 8px 3px 0;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

.distUserTable {
	border-collapse: collapse;
	border-top: 1px solid #539cbe;
	margin: 0 0 8px 0;
	width: 100%;
}

.distUserTable td {
	padding: 3px 4px 3px 0;
	vertical-align: top;

}

.distUserTable th {
	padding: 3px 4px 3px 0;
	vertical-align: top;
	font-size: 12px;
	color: #539cbe;
	font-weight: bold;
}

.editUserTable {
	border-collapse: collapse;
	border: 0;
	margin: 0 0 15px 0;
	color: #000;
	width: 100%;
}

.editUserTable td {
	padding: 3px 5px 3px 0;
}

/* If we want to add a BTTN back ground
   to the add user bttn - Do it here 

a.addUserBtn {
	display: block; 
	background: blue;
	height: 12px;
	width: 50px;
}

a.addUserBtn span {
	display: none;
}

*/

.announcementContainer {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
	border: 0px solid #000;
}

.announcementContainer h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

.announcementContainer p {
	margin: 0 0 8px 0;
}

.accouncementDate {
	display:block;
	margin: 0 0 6px 0;
	font-size: 10px;
	font-style: italic;
	color: #539CBE;
}

.alignRight {
	text-align: right;
	margin: 4px 8px 2px 0;
}

.alignRight a, .alignRight a:hover {
	background: url(../images/accent-moreArrow.gif) no-repeat right 3px;
	padding: 0 8px 0 0;
	color: #539CBE;
}

.tradeShowContainer {
	border: 1px solid #539cbe;
	padding: 12px;
	margin: 15px;
	text-align: center;
}

.tradeShowContainer img {
	border: 1px solid #999;
	display: inline;
	margin: 5px 12px 20px 12px;
}

.tradeShowContainer h3 {
	color: #539cbe;
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #539cbe;
	text-align: left;
}

.tradeToggleLink {
	float: right;
	background: url(../images/arrow-tradeBooth.gif) left 5px  no-repeat;
	padding-left: 8px;
}

.tradeToggleLink a {
	background: url(../images/arrow-tradeBooth.gif) right 5px  no-repeat;
	padding-right: 8px;
}

/*#### End Distributors #### */

/* ######## Shapes ####### */

.shapeContainer {
	float: left;
	width: 75px;
	padding: 0;
	margin: 0 20px 8px 0;
}

.shapeContainer a.textLink {
	background: url(../images/arrow-down.gif) bottom center no-repeat;
	text-decoration: none;
	padding-bottom: 9px;
	display: block;
	text-align: center;
	margin-bottom: 3px;
}

.shapeContainer img {
	height: 49px;
	width: 75px;
}
.thImageLeft img, .thImageRight img {
	display: block;
	margin-bottom: 8px;
}

.thImageLeft {
	text-align: center;
	float:left;
	margin: 0 5px 5px 0;
}

.thImageRight {
	text-align: center;
	float: right;
	margin: 0 0px 5px 5px;
}

br + h2 {
	margin-top: 8px;
}

.shapeItem {
	border: 1px solid #539cbe;
	margin: 0 10px 15px 10px;
	padding: 12px;
	float: left;
	width: 354px;
}

.shapeItem h3 {
	font-size: 12px;
	color: #539cbe;
	font-weight: bold;
	margin: 0 0 8px 0;
}

.shapeItem img {
	float: left;
	margin: 0 8px 8px 0;
	width: 75px;
	height: 49px;
}

.shapeItem ul {
	color: #999;
	list-style-type: square;
	margin: 0 0 0 95px;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #fff;
}

.shapeItem ul li {
	list-style-type: square;
	padding: 0;
	margin: 0 0 5px 0;
	border: 0px solid #000;
}


.shapeDetailItem {
	border: 0px solid #000; 
	width: 170px;
	text-align: center;
	float:left;
	margin: 0 25px 8px 0;
}
	
.shapeDetailItem .idrop {	
	width: 170px;
	height: 113px;
}

.shapeDetailItem .shapeViewer {
	width: 170px;
}

	
.enlarge {
	text-decoration: none;
	color: #999;
	font-size: 11px;
	margin-bottom: 5px;
}

	
	
	
/* ####### End Shapes ######## */



/*###### Links ######## */

.linksContainer {
	border: 1px solid #539cbe;
	padding: 12px;
	margin: 15px 0 0 0;
}

/* Hide MAC IE \*/
.linksContainer {
	clear: both;
}
/* End Hide */



.linksContainer h3 {
	color: #539cbe;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	margin: 0 0 8px 0;
}

.linksContainer p {
	color: #999;
	font-size: 10px;
	line-height: normal;
}

.linksContainer img {
	float: right;
	margin: 0 0 0 10px;
	border: 1px solid #999;
}

a.materialDatatLink {
	background: url(../images/lnk-downLoad.gif) no-repeat 0 2px;
	padding-left: 16px;
	display: block;
	margin: 10px 0 10px 0;
}

a.materialDatatLink:hover {
	background: url(../images/lnk-downLoad.gif) no-repeat 0 2px;
	padding-left: 16px;
	display: block;
	margin: 10px 0 10px 0;
	text-decoration: none;
}

ol.conditionList {
	margin: 0 0 0 45px;
	padding: 0;	
	list-style-type: decimal;
}

ol.conditionList li {
	padding: 0;
	margin: 0 0 8px 0;	
	list-style-type: decimal;
}

ol.conditionList li ol {
	padding: 0;
	margin: 10px 0 0 35px;
	list-style-type: lower-alpha;
	font-size: smaller;	
}

ol.conditionList li ol li {
	padding: 0;
	margin: 0 0 8px 0;
	list-style-type: lower-alpha;	
}

.conditionFirstLine {
	text-decoration: underline;
	font-weight: bold;	
}

/*###### End Links ##### */

/*###### Pop Up ######## */

#popContainer {
	text-align: center;
	margin: 0 10px 10px 10px;
	border-bottom: 3px solid #539cbe;
	padding: 15px;
}

body.popUp {
	text-align: left;
	margin: 0;
	padding: 0;
}

#container-pop {
	margin: 0;
	padding: 0;	
}

#header-pop {
	margin: 0;
	padding: 0 0 15px 0;
	background: url(../images/popUp-hdr-bg.gif) repeat-x bottom left;
}

#hdrLogo-pop {
	margin: 0;
	padding: 0;	
}

a.close-pop {
	float: right;
	margin: 17px 5px 0 0;
}

a.close-pop:hover {
	float: right;
	margin: 17px 5px 0 0;
}

#content-container-pop {
	margin: 4px;
	padding: 0;
	text-align: center;	
}

.pop-img-container img {
	padding: 2px;
	border: 1px solid #539CBE;	
}

#footer-pop {
	clear: both;
	margin: 0 0 6px 0;
	background: #D3D7AA;	
}

.smallDropDown 
{
	font-family: verdana, helvetica, arial, Sans-Serif; 
	font-size: 9px;
	width: 75px;
}

.mediumDropDown 
{
	width: 156px;	
}




/*###### End PopUp ##### */