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

body  {
	font : 75%/160% Tahoma, Verdana, Arial, sans-serif;
	background:url(_img/mainBG.gif) repeat; 
	background-color: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#0f4040;
	line-height:1.8em;
	letter-spacing:0.5px;
}
/* this will only work in IE6	*/
	* html body{font-size:12px;}
/* END	*/

p, h1, h2, h3, h4, h5, h6, a, li, ul, img, input{
	padding:0;
	margin:0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*********** Links ***********/
a{outline:none;}

a, a:link, a:active, a:visited{
	color: #0f4040;
	text-decoration:underline;
} 
a:hover{
	color: #e25a00;
	text-decoration:none;
}

a.link2, a.link2:link, a.link2:active, a.link2:visited{
	color: #ff6804;
	font-weight:bold;
	text-decoration:underline;
} 
a.link2:hover{
	color: #0f4040;
	text-decoration:none;
}

/*********** fonts ***********/

.red_txt{color:#FF0000;} /* keep as red for warnings and checkout */
.sml_txt{font-size:86%;}
.coloured_txt{color:#0f4097;}

/*********** Overall Styles ***********/
/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
#container { 
	width: 990px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #cccccc;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

/*********** Header ***********/
#header #mainBanner{
	background:url(_img/temp03.jpg) no-repeat top left;
	height:120px;
	width:990px;
}
/** main menu **/
#header #mainMenu{
	height:40px;
	margin:2px 0;
	background:url(_img/menuBG.jpg) repeat-x;
	background-color:#ff6600;
}
#mainMenu #navList {
	padding-top:9px;
	line-height: 1.1em;
	font-size:140%;
	text-align:center;
}
#mainMenu #navList li {
	display:inline;
	padding:0 15px;
	border-right:1px solid #ffb583;
}
#mainMenu #navList li.last {
	border:none;
}
#mainMenu a, #mainMenu a:link, #mainMenu a:active, #mainMenu a:visited {
	color:#fff;
	text-decoration:none;
}
#mainMenu a:hover {
	color:#000;
	text-decoration:underline;
}


/*** top buttons / titles ***/
/* overall */
#topSections{
	overflow:hidden;
}
#topSections .housing, #topSections .architecturalMasonry, #topSections .publicSector{
	float:left;
	width:990px;
}
#topSections .housing h1, #topSections .architecturalMasonry h1, #topSections .publicSector h1{
	color:#ffffff;
	font-size:120%;
	margin:2px 0;
	padding:3px 10px;
	text-align:right;
}
#topSections .housing a.middleLink, #topSections .architecturalMasonry a.middleLink, #topSections .publicSector a.middleLink{
	color:#ffffff;
	text-decoration:none;
}
#topSections .housing a.middleLink:hover, #topSections .architecturalMasonry a.middleLink:hover, #topSections .publicSector a.middleLink:hover{
	color:#ccc;
	text-decoration:underline;
}
/* Housing */
#topSections .housing{
	width:230px;
}
#topSections .housing .imgHousing{
	background: url(_img/imageHousing.jpg) no-repeat;
	height:142px;
}
#topSections .housing h1{
	background-color:#2a9f27;
}
/* architectural masonry section */
#topSections .architecturalMasonry{
	width:526px;
	padding:0 2px;
}
#topSections .architecturalMasonry .imgArchMas{
	background: url(_img/imageArchitecturalMasonry.jpg) no-repeat;
	height:142px;
}
/* this will only work in IE6	*/
* html #topSections .architecturalMasonry{width:520px;}
/* END	*/

#topSections .architecturalMasonry h1{
	background-color:#ac3920;
}  
/* Public Sector  */
#topSections .publicSector{
	width:230px;
}
#topSections .publicSector .imgPublic{
	background: url(_img/imagePublicSector.jpg) no-repeat;
	height:142px;
}
#topSections .publicSector h1{
	background-color:#045abb;
}


/*********** Left Side Bar ***********/
#leftSideBar {
	float: left; 
	width: 230px; /* since this element is floated, a width must be given */
}

/* left side sections overall */
#leftSideBar #latestNews, #leftSideBar #leftBox01, #leftSideBar #leftBox02, #leftSideBar #leftBox03{	
	padding:15px;
	}

/*** Latest news on home page ***/
#leftSideBar #latestNews{	
	color:#000;
	background-color:#ddeffe;
}
#leftSideBar #latestNews h1{
	color:#0f4040;
	font-size:170%;
	font-weight:100;
	}
#leftSideBar #latestNews .newsArticle{
	border-bottom: 1px dashed #999999;
	margin:5px 0;
	}
#leftSideBar #latestNews .newsDate{
	color:#0f4040;
	font-weight:bold;
	padding-left:14px;
	padding-top:3px;
	background:url(_img/orangeSquare.gif) no-repeat 2px 5px;
	}
#leftSideBar #latestNews a.newsDate{
	display:block;
	text-decoration:none;
	color:#0f4040;
	font-weight:bold;
	padding-left:14px;
	padding-top:3px;
	background:url(_img/orangeSquare.gif) no-repeat 2px 5px;
	}
#leftSideBar #latestNews .newsDescription{
	color:#000;
	font-size:11px;
	margin:5px 0;
	padding-left:14px;
	}	
	
/* left box 01 on home page */
.home #leftBox01{	
	margin-top:15px;
	color:#000;
	background-color:#fceed2;
}
.home #leftBox01 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.home #leftBox01 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}

.imgSAP{
	background: url(_img/logoSAP.gif) no-repeat;
	width:112px;
	height:63px;
	float:right;
	}
	
/* left box 02 on home page */
.home #leftBox02{	
	margin-top:15px;
	color:#000;
	background-color:#edffdf;
}
.home #leftBox02 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.home #leftBox02 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
	
/* left box 03 on home page */
.home #leftBox03{	
	margin-top:15px;
	color:#000;
	background-color:#efe9fe;
}
.home #leftBox03 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.home #leftBox03 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
.downloads #leftBox01{	
	margin-top:0px;
	color:#000;
	background-color:#D4FACD;
}
.information #leftBox01 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.information #leftBox01 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
	/* left box 02 on home page */
.information #leftBox02{	
	margin-top:15px;
	color:#000;
	background-color:#edffdf;
}
.information #leftBox02 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.information #leftBox02 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
	
/* left box 03 on home page */
.information #leftBox03{	
	margin-top:15px;
	color:#000;
	background-color:#efe9fe;
}
.information #leftBox03 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.information #leftBox03 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
/*** Product List Menu - Product Pages ***/
#productListContainer{
	background:url(_img/productListBG.jpg) repeat-y;
	background-color:#ff6b08;
	margin-bottom:15px;
}
#productListContainer h1{
	color:white;
	font-size:180%;
}
#productListContainer ul{
	padding:0 0 0 20px;
	font-size:120%;	
	}
#productListContainer li{
	list-style:none;
	border-bottom:1px solid #fbaf7d;
	}
#productListContainer li.top{
	margin-left:-10px;
	padding:10px 0 0 0;
	list-style:square;
	color:white;
	}
#productListContainer a, #productListContainer a:link, #productListContainer a:visited{
	color:white;
	text-decoration:none;
	}
#productListContainer a:hover, #productListContainer a:active{
	color:black;
	text-decoration:underline;
	}
	
/*** Technical Menu - Technical Pages ***/
#techListContainer{
	background:url(_img/techListBG.jpg) repeat-y;
	background-color:#ff6b08;
	margin-bottom:15px;
}
#techListContainer h1{
	color:white;
	font-size:180%;
}
#techListContainer ul{
	padding:0 0 0 5px;
	font-size:120%;	
	}
#techListContainer li{
	list-style:none;
	border-bottom:1px solid #fbaf7d;
	padding:5px 0;
	}
#techListContainer a, #techListContainer a:link, #techListContainer a:visited{
	color:white;
	text-decoration:none;
	}
#techListContainer a:hover, #techListContainer a:active{
	color:black;
	text-decoration:underline;
	}

/*********** Right Side Bar ***********/
#rightSideBar {
	float: right; 
	width: 230px; /* since this element is floated, a width must be given */
}

/* right side sections overall */
.home #rightBox01, .home #rightBox02, .home #rightBox03, .information #rightBox01, .information #rightBox02, .information #rightBox03, .information #rightBox04, .information #rightBox05, #productListContainer, #techListContainer, .gallery #rightBox01{	
	padding:15px;
	}
	
/*** home page ***/
/* right box 01 on home page */
.home #rightBox01{	
	color:#000;
	background-color:#fff9c8;
}
.home #rightBox01 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.home #rightBox01 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
	
/* right box 02 on home page */
.home #rightBox02{	
	margin-top:15px;
	color:#000;
	background-color:#feeaea;
}
.home #rightBox02 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.home #rightBox02 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}

/* right box 03 on home page */
.home #rightBox03{	
	margin-top:15px;
	color:#000;
	background-color:#edffdf;
}
.home #rightBox03 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.home #rightBox03 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
	
/*** product pages ***/
/* right box 01 on product page */
.product #rightBox01{	
	border: 3px solid #71c26f;
	height:450px;
	margin-bottom:15px;
}
.product #rightBox01 h1{
	padding:5px 10px;
	background-color:#71c26f;
	color:white;
	font-size:130%;
	font-weight:bold;
	}
.product #rightBox01 p{
	font-size:11px;
	padding: 0 10px 10px 10px;
	line-height:1.5em; 
	}
/* right box 02 on product page */
.product #rightBox02{	
	border: 3px solid #559dff;
	height:450px;
	margin-bottom:15px;
}
.product #rightBox02 h1{
	padding:5px 10px;
	background-color:#559dff;
	color:white;
	font-size:130%;
	font-weight:bold;
	}
.product #rightBox02 p{
	font-size:11px;
	padding: 0 10px 10px 10px;
	line-height:1.5em; 
	}
	
/* right box images on product page */
.product .rightBoxImg{
	width:188px;
	height:145px;
	margin:15px auto 10px auto;
	}	
/* shot blast image */	
.product .rightBoxImg.shotBlast{
	background:url(_img/shotBlastBlocks.jpg) no-repeat;
	}
/* split face image */	
.product .rightBoxImg.splitFace{
	background:url(_img/splitFaceBlocks.jpg) no-repeat;
	}	
/* smooth face image */	
.product .rightBoxImg.smooth{
	background:url(_img/smoothBlocks.jpg) no-repeat;
	}
/* specials image */	
.product .rightBoxImg.specials{
	background:url(_img/specialsBlocks.jpg) no-repeat;
	}
/* cut blocks image */	
.product .rightBoxImg.cutBlocks{
	background:url(_img/cutBlocksBlocks.jpg) no-repeat;
	}
/* bonded image */	
.product .rightBoxImg.bonded{
	background:url(_img/bondedBlocks.jpg) no-repeat;
	}
/* stone face image */	
.product .rightBoxImg.stoneFace{
	background:url(_img/stoneFaceBlocks.jpg) no-repeat;
	}
/* polished image */	
.product .rightBoxImg.polished{
	background:url(_img/polishedBlocks.jpg) no-repeat;
	}
	
/* star performer image */	
.product .rightBoxImg.starPerformer{
	background:url(_img/starPerformerBlocks.jpg) no-repeat;
	}
/* bescrete image */	
.product .rightBoxImg.bescrete{
	background:url(_img/bescreteBlocks.jpg) no-repeat;
	}
/* lightweight image */	
.product .rightBoxImg.lightweight{
	background:url(_img/lightweightBlocks.jpg) no-repeat;
	}
/* insulite image */	
.product .rightBoxImg.insulite{
	background:url(_img/insuliteBlocks.jpg) no-repeat;
	}
/* pumice image */	
.product .rightBoxImg.pumice{
	background:url(_img/pumiceBlocks.jpg) no-repeat;
	}
/* solite image */	
.product .rightBoxImg.solite{
	background:url(_img/soliteBlocks.jpg) no-repeat;
	}

		
/*** information pages ***/
/* right box 01 on information page */
.information #rightBox01{	
	color:#000;
	background-color:#fff9c8;
	margin-bottom:15px;
}
.information #rightBox01 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.information #rightBox01 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
/* right box 02 on information page */
.information #rightBox02{	
	color:#000;
	background-color:#e8f7ff;
	margin-bottom:15px;
}
.information #rightBox02 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.information #rightBox02 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
/* right box 03 on information page */
.information #rightBox03{	
	color:#000;
	background-color:#d4facd;
	margin-bottom:15px;
}
.information #rightBox03 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.information #rightBox03 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
/* right box 04 on information page */
.information #rightBox04{	
	color:#000;
	background-color:#ffcccc;
	margin-bottom:15px;
}
.information #rightBox04 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.information #rightBox04 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
/* right box 05 on information page */
.information #rightBox05{	
	color:#000;
	background-color:#fcef95;
	margin-bottom:15px;
}
.information #rightBox05 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.information #rightBox05 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}
	
/*** news page ***/	
.news #rightBox01{	
	color:#000;
	background-color:#ddeffe;
	margin-bottom:15px;
}
.news #latestNews h2{
	color:#0f4040;
	font-size:170%;
	padding-bottom:5px;
	font-weight:100;
	}
.news .newsArticle{
	border-bottom: 1px dashed #999999;
	margin:5px 0;}
	
.news #latestNews h3{
	color: #006600;
	font-weight:100;
	font-size:110%;
	}
	
/*** gallery page ***/
/* right box 01 on gallery page */		
.gallery #rightBox01{	
	color:#000;
	background-color:#fff9c8;
	margin-bottom:15px;
}
.gallery #rightBox01 h1{
	color:#ff6803;
	font-size:110%;
	font-weight:bold;
	}
.gallery #rightBox01 p{
	color:#000;
	font-size:11px;
	padding:0 0 10px 0;
	}



/*********** Main Content ***********/
#mainContent {
	margin: 0 232px; /* margin will need to be changed if left and right side bar widths change. */
	
}
.gallery #mainContent{
	margin: 0 0 0 0;
	}
#mainContent p{
	padding: 10px 0 0 0;
	}

#mainContent a, #mainContent a:link, #mainContent a:active, #mainContent a:visited{
	font-weight:bold;
	color:#ff6e0d;
	text-decoration:underline;
	}
#mainContent a:hover{
	color:#000;
	text-decoration:none;
	}

/*** button styles ***/	
.csrVICon {
	overflow:hidden;
}
* html .csrVICon {
	overflow:visible;
	height:1px;
}
.viewItem{
	background:url(_img/buttonViewBG.jpg) no-repeat;
	width:70px;
	height:30px;
	margin:0;
	padding:4px 0 0 17px;
	float:right;
	}
#mainContent .viewItem a, #mainContent .viewItem a:link, #mainContent .viewItem a:active, #mainContent .viewItem a:visited{
	color:#999999;
	font-style:italic;
	text-decoration:none;
	font-weight:bold;
	}
#mainContent .viewItem a:hover{
	color:#ff6e0d;
	text-decoration:underline;
	}

/***** center items / sections *****/
.information #centerItems ul, .product #centerItems ul{
	padding: 5px 0 10px 35px;
}
.information #centerItems li, .product #centerItems li{
	padding: 5px 0;
}

.home #centerItems{padding:15px;}
/*** home page ***/

.home #centerItems #archFacingMasonry .imgArchFacingMasonry{
	background: url(_img/milleniumMasonry2.jpg) no-repeat;
	width:482px;
	height:316px;
	margin:12px 0px;
	}
.home #centerItems #archFacingMasonry h1{
	color:#0f4040;
	font-size:200%;
	font-weight:200;
	padding:5px 0;
}
.home #centerItems #archFacingMasonry h2{
	color:#ff6600;
	font-size:150%;
	font-weight:100;
}
#milleniumMasonryImg {
	background: url(_img/milleniumMasonry2.jpg) no-repeat;
	width:482px;
	height:316px;
	margin:12px 0px;

}
/* star performer section on home page 
.home #centerItems #starPerfomer .imgStarPerformer{
	background: url(_img/star-performer-2.gif) no-repeat;
	width:482px;
	height:334px;
	}
.home #centerItems #starPerfomer h1{
	color:#0f4040;
	font-size:200%;
	font-weight:200;
	padding:5px 0;
}
.home #centerItems #starPerfomer h2{
	color:#ff6600;
	font-size:150%;
	font-weight:100;
}
*/
/* air leakage section on home page  */
.home #centerItems #starPerfomer {
	margin:60px 0 0 0;
}
.home #centerItems #starPerfomer h1{
	padding:5px 15px;
	background-color:#9de19a;
	color:#fff;
	font-size:140%;
	font-weight:100;
	}

/* this will only work in IE6	*/
* html .home #centerItems #starPerfomer h1{
	margin:0 auto;
	padding:5px 0px 5px 5px;}
	
.home #centerItems #starPerfomer .imgStarPerformer{
	background: url(_img/star-performer-2.gif) no-repeat;
	width:482px;
	height:334px;
	}
/* END	

.home #centerItems #starPerfomer .imgStarPerformer{
	background: url(_img/imgStarBlock.jpg) no-repeat;
	width:135px;
	height:100px;
	float:left;
	margin:10px 10px 0 0;

	}
*/
/* air leakage section on home page  */
.home #centerItems #airLeakage {
	margin:60px 0 0 0;
}
.home #centerItems #airLeakage h1{
	padding:5px 15px;
	background-color:#559dff;
	color:#fff;
	font-size:140%;
	font-weight:100;
	}
/* this will only work in IE6	*/
* html .home #centerItems #airLeakage h1{
	margin:0 auto;
	padding:5px 0px 5px 5px;}
/* END	*/

.home #centerItems #airLeakage .imgAirLeakage{
	background: url(_img/imageAirVan.jpg) no-repeat;
	width:135px;
	height:100px;
	float:left;
	margin:10px 10px 0 0;
	}
	
/* architectural masonry section on home page */
.home #centerItems #architecturalMasonry {
	margin:60px 0 0 0;
	}
.home #centerItems #architecturalMasonry h1{
	padding:5px 15px;
	background-color:#ef947f;
	color:#fff;
	font-size:140%;
	font-weight:100;
	}
/* this will only work in IE6 */
* html .home #centerItems #architecturalMasonry h1{
	margin:0 auto;
	padding:5px 0px 5px 5px;}
/* END	*/

.home #centerItems #architecturalMasonry .imgArchMasonry{
	background: url(_img/image-masonry.jpg) no-repeat;
	width:135px;
	height:100px;
	float:left;
	margin:10px 10px 0 0;
	}
	
/*** product pages ***/
.product #centerItems {
	padding:15px;
	border: 1px solid #ccc;
	}
.product #centerItems h1{
	color:#0f4040;
	font-size:200%;
	font-weight:200;
	padding:5px 0;
}
.product #centerItems h2{
	color:#ff6600;
	font-size:150%;
	font-weight:100;
}

.product #centerItems h3{
	color:#0f4040;
	font-size:110%;
	font-weight:bold;
	margin-top:10px;
}
.product #centerItems p{
	padding:0 0 10px 0;
}
	
/* related downloads / documents - pdf */
#centerItems .relatedDocs{
	margin-top:10px;
	padding:10px 10px 5px 10px;
	border:1px dashed #ccc;	
}

#centerItems .relatedDocs p{
	text-align:left;
	}
#centerItems .relatedDocs a{
	margin: 10px 10px 0 10px;
	font-size:10px;
}
#centerItems .relatedDocs .pdf{
	padding-left: 37px;
	padding-top:7px;
	background: url(_img/pdfIcon.gif) center left no-repeat;
}
#centerItems .relatedDocs a, #centerItems .relatedDocs a:link, #centerItems .relatedDocs a:visited{
	color:black;
	text-decoration:none;
	font-weight:100;
	}
#centerItems .relatedDocs a:hover, #centerItems .relatedDocs a:active{
	color:orange;
	text-decoration:underline;
	}
	
/* related actions - email, print, write review */
.product #centerItems .relatedActions{
	margin-top:20px;	
}
.product #centerItems .relatedActions a{
	margin: 10px 20px 0 20px;
}
.product #centerItems .relatedActions .email, .product #centerItems .relatedActions .print, .product #centerItems .relatedActions .review{
	padding-left: 37px;
	padding-top:7px;
}
.product #centerItems .relatedActions .email{
	background: url(_img/emailIcon.gif) center left no-repeat;
}
.product #centerItems .relatedActions .print{
	background: url(_img/printIcon.gif) center left no-repeat;
}
.product #centerItems .relatedActions .review{
	background: url(_img/reviewIcon.gif) center left no-repeat;
}
.product #centerItems .relatedActions a, .product #centerItems .relatedActions a:link, .product #centerItems .relatedActions a:visited{
	color:black;
	text-decoration:none;
	font-weight:100;
	}
.product #centerItems .relatedActions a:hover, .product #centerItems .relatedActions a:active{
	color:orange;
	text-decoration:underline;
	}


/* main image */
.product #centerItems #relatedImg {
	height:400px;
	}
/* architectural masonry*/ 
/*.product #centerItems #masonry{
	background:url(_img/masonry-image.jpg) no-repeat;
	}*/	
.product #centerItems .vidNote{
	margin: 15px 0 0 0;
	color:#000;
	}
.product #centerItems #relatedVid{
	margin:0 0 10px 0;
	}
/* shot blast  */
.product #centerItems #shotBlast {
	background: url(_img/shot-blast-image.jpg) no-repeat;
	}	
/* split face  */
.product #centerItems #splitFace {
	background: url(_img/split-face-image.jpg) no-repeat;
	}	
/* smooth  */
.product #centerItems #smooth {
	background: url(_img/smooth-face-image.jpg) no-repeat;
	}	
/* specials  */
.product #centerItems #specials {
	background: url(_img/specialsLrg.jpg) no-repeat;
	}
/* polished  */
.product #centerItems #polished {
	background: url(_img/polished-brick-image.jpg) no-repeat;
	}
/* cut blocks  */
.product #centerItems #cutBlocks {
	background: url(_img/cutBlocksLrg.jpg) no-repeat;
	}
/* bonded  */
.product #centerItems #bonded {
	background: url(_img/bondedLrg.jpg) no-repeat;
	}
/* stone face  */
.product #centerItems #stoneFace {
	background: url(_img/stoneFaceLrg.jpg) no-repeat;
	}
	
/* star performer */
.product #centerItems #starPerfomer {
	background: url(_img/starPerformerBlockLrg.jpg) no-repeat;
	}	
/* bescrete */
.product #centerItems #bescrete {
	background: url(_img/bescreteBlockLrg.jpg) no-repeat;
	}
/* lightweight */
.product #centerItems #lightweight {
	background: url(_img/lightweightLrg.jpg) no-repeat;
	}
/* insulite */
.product #centerItems #insulite {
	background: url(_img/insuliteBlockLrg.jpg) no-repeat;
	}
/* pumice */
.product #centerItems #pumice {
	background: url(_img/pumiceBlockLrg.jpg) no-repeat;
	}
/* solite */
.product #centerItems #solite {
	background: url(_img/soliteBlockLrg.jpg) no-repeat;
	}
	
/*** information pages ***/	
.highlight{
	border:3px dashed green;
	background:#caffc0;
	margin:10px;
	padding:10px;
	}

.information #centerItems {
	padding:15px;
	}
.information #centerItems h1{
	color:#0f4040;
	font-size:200%;
	font-weight:200;
	padding:5px 0;
}
.information #centerItems h2{
	color:#0f4040;
	font-size:110%;
	font-weight:bold;
	margin-top:10px;
}
.information #centerItems p{
	padding:0 0 10px 0;
}

/* related actions - pdf downloads */
.information #centerItems .relatedActions{
	padding: 10px 0;
}
.information #centerItems .relatedActions .pdf{
	padding-left: 37px;
	padding-top:7px;
}
.information #centerItems .relatedActions .pdf{
	background: url(_img/pdfIcon.gif) center left no-repeat;
}
.information #centerItems .relatedActions a, .information #centerItems .relatedActions a:link, .information #centerItems .relatedActions a:visited{
	color:black;
	text-decoration:underline;
	font-weight:100;
	margin: 0 20px 0 0;
	}
.information #centerItems .relatedActions a:hover, .information #centerItems .relatedActions a:active{
	color:orange;
	text-decoration:none;
	}


	
/* air leakage form */
#airLeakage form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  min-width: 450px;
  max-width: 495px;
  width: 490px; 
}

#airLeakage form fieldset {
  border: 1px solid #ccc;
  padding: 10px; 
  margin: 15px 0 0 0;
}

#airLeakage form fieldset legend {
	font-size:1.1em;
	font-weight:bold;
	color:#ff6b09;
}

#airLeakage form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 235px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
#airLeakage form label.wider { 
	width: 320px; 
}

#airLeakage form input, #airLeakage form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto; 
	margin:8px 0 0 5px;
	padding:3px; 
}
#airLeakage textarea { overflow: auto; }

#airLeakage form input#reset {
	margin-left:0px; 
}

#airLeakage small {margin-left:240px;}



/* gallery */
.gallery #centerItems {
	padding:15px;
	}
.gallery #centerItems #galleryHeader{
	width:960px;
	overflow:hidden;
}

.gallery #centerItems .left{
	float:left;
	width:450px;
}
.gallery #centerItems .right{
	float:right;
	width:450px;
	text-align:right;
}
.gallery #centerItems h1{
	color:#0f4040;
	font-size:200%;
	font-weight:200;
	padding:5px 0;
}
.gallery #centerItems h2{
	color:#ff6600;
	font-size:110%;
	font-weight:100;
}
	
.gallery #gallery a, .gallery #gallery a:link, .gallery #gallery a:visited {
	text-decoration:underline;
	font-weight:normal;
	}
.gallery #gallery a:hover, .gallery #gallery a:active{
	color:#ff6803;
	text-decoration:none;
	}
.gallery #gallery img{
	padding: 0 12px;
}

#gallery{
	width:550px;
}

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:400px;
}

div.controls {
	margin: 12px 0 10px 0;
	height: 23px;
	width:380px;
	/*float:right;*/
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
	width:150px;
}
div.nav-controls {
	float: right;
	width:225px;
	text-align:right;
}

.gallery #controls a, .gallery #controls a:link, .gallery #controls a:visited {
	color:#000;
	text-decoration:underline;
	font-weight:normal;
	}
.gallery #controls a:hover, .gallery #controls a:active{
	color:#ff6803;
	text-decoration:none;
	}

div.loader {
	background-image: url('_img/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 400px;
	height: 350px
}
div.slideshow {
	clear: both;
	float:right;
	width: 560px;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
	width: 560px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
	width:530px;
}

div.embox {
	clear: both;
	border: 1px solid #000;
	background-color: #fff;
	margin: 15px 0 10px 0;
	padding: 10px;
	float:right;
	width:538px;
}
div.image-title {
	font-size: 1.4em;
	color:#ff6803;
	background-color:#FFF;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 5px;
	background-color:#FFF;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	width:85px;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 4px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #ff6600;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	/*height: 11px;*/
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	width:10px;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #666666;
}
div.pagination a.prev, div.pagination a.next {
	width:60px;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	color: #fff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}


/* downloads */
.downloads #centerItems table p{
	margin:0;
	padding:0;
	line-height:1.3em;
	}
.downloads tr, .downloads tr{
	text-align:center;
	}
.downloads .pdfTitle{
	padding:10px 0;
	font-size:10px;
	color:grey;
	}
	
.downloads .downloadTrouble{
	border:1px dashed #666666;
	padding: 10px;
	font-size:11px;
	margin-top:16px;
	}



/* contact */
#contact a, #contact a:link, #contact a:visited{
	color: #e25a00;
	text-decoration:underline;
	font-weight:100;
	}
#contact a:hover, #contact a:active{
	color: #000;
	text-decoration:none;
	}
.contact div#popup {
	background:#EFEFEF;
	border:1px solid #999999;
	margin:0px;
	padding:7px;
	width:270px;
}
.contact #directionsForm input.box{
	padding:3px;
	background-color:#FFFFFF;
	}
.contact #directionsForm input.button{
	margin:0;
	padding:0;
	background-color: #FF6600;
	color:white;
	}
	
/*********** Footer ***********/
#footer { 
	width:100%;
	overflow:hidden;
	margin:5px 0;
	background:url(_img/footerBG.jpg) repeat-x;
	height:34px;
} 
#footer .left {
	float:left; 
	width:200px;}
#footer .right {
	float:right;
	width:700px;
	text-align:right;}

#footer p {
	color:#ffffff;
	font-weight:bold;
	font-size:130%;
	padding:6px 15px;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	color:#000;
	text-decoration:underline;
}

/* Outer Footer */
#footerOuter{
	width:950px;
	margin: 0 auto;
}
/* menu */
#footerOuter #footerMenu{
	margin:0 auto;
	overflow: hidden;
}
#footerMenu #footerMenuList{
	list-style-type: none;
	margin: 0 auto;
}
#footerMenu #footerMenuList li{
	border-left: 1px solid #000;
	float: left;
	line-height: 1.1em;
	font-size:90%;
	margin: 10px .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}
#footerMenu a, #footerMenu a:link, #footerMenu a:visited {
	color:#000;
	text-decoration:none;
}
#footerMenu a:hover, #footerMenu a:active  {
	color:#ff6804;
	text-decoration:underline;
}

/* Company reg and vat info */
#companyReg{
	float:left;
	width:550px;
	text-align:left;
	font-size:90%;
	color: #999; 
	margin:10px 0 0 0;
}


/* Creators website info */
#w3cDetails{
	float:right;
	width:400px;
	text-align:right;
	font-size:90%;
	color: #999; 
}
#w3cDetails a{
	font-size:90%;
	color: #999;
	text-decoration: none; 
}
#w3cDetails a:hover{
	font-size:90%;
	color: #999;
	text-decoration: underline; 
}
/* Aditions*/
#csr-download-list li{
	padding-top:0px!important;
	padding-bottom:0px!important;
}
#csr-download-list li a:hover{
	color:#426464!important;
}
#downloads h2 {
	padding-top:0;
}
#downloads h3 {
	padding-top:0;
	font-size:100%
}
.slideHeadover {
	color:#FF6600!important;
	cursor:pointer;
}
.csr-topper {
	text-align:center;
}
.csr-relatedDocs {
	margin-top:10px;
	padding:10px 10px 5px 10px;
	border:1px dashed #ccc;
}
table.csr-yvalue {
	border-collapse:collapse;
}
table.csr-yvalue TH {
	color:white;
	background-color:#0F4040;
	text-align:center;
}
table.csr-yvalue TH, 
table.csr-yvalue TD {
	border:1px solid #0F4040;
	padding:2px;
}