@charset "UTF-8";
/* CSS Document */
html, body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #4d4e53;}
body{ background:url(../images/background.jpg) repeat-x #b6bcc4;}

a{color: #009270; text-decoration:none;}
a:hover{ text-decoration: underline;}

/*h1{ margin:0; padding:0; font-size:14px; font-weight:bold;color: #1fbeca;}*/
h1{ margin:0; padding:0; font-size:14px; font-weight:bold;color: #009270;}
h2{margin:0; padding:0; font-size:14px; font-weight: normal;color:#fff;}
h6{ color:#FFFFFF; display:block;  margin:0; padding:3px 10px; font-size:12px; font-weight:bold; background:#999999;}
h6 a{ text-decoration:none; color:#FFFFFF;text-transform: uppercase;}
h6 a:hover{ text-decoration:none;color:#FFFFFF;}

h5{ color: #000000;   margin:0; padding:30px 0 0 10px; font-size:12px; font-weight:bold; background: #FFFFFF;}
h5 a{ text-decoration:none; color:#FFFFFF;text-transform: uppercase;}
h5 a:hover{ text-decoration:none;color:#FFFFFF;}

/*style each coloured heading. for systems*/
#internlWalls{padding:5px 0 0 50px;}
#internlWalls h6{background-color:#7482bf;}
#internlWalls h5 a{color:#7482bf;}
#internlWalls .paddleftDetailsHeading a:hover{color:#7482bf; }

/*pink*/
#curved{padding:5px 0 0 50px;}
#curved h6{background-color:#ef4f91;}
#curved h5 a{color:#ef4f91;}
#curved .paddleftDetailsHeading a:hover{color:#ef4f91; }
/*orange*/
#orange{padding:5px 0 0 50px;}
#orange h6{background-color:#f15c22;}
#orange h5 a{color:#f15c22;}
#orange .paddleftDetailsHeading a:hover{color:#f15c22; }
/*linght orange*/
#light_orange{padding:5px 0 0 50px;}
#light_orange h6{background-color:#f8981d;}
#light_orange h5 a{color:#f8981d;}
#light_orange .paddleftDetailsHeading a:hover{color:#f8981d; }
/*blue*/
#blue{padding:5px 0 0 50px;}
#blue h6{background-color:#0397d6;}
#blue h5 a{color:#0397d6;}
#blue .paddleftDetailsHeading a:hover{color:#0397d6; }
/*green*/
#green{padding:5px 0 0 50px;}
#green h6{background-color:#8dc63f;}
#green h5 a{color:#8dc63f;}
#green .paddleftDetailsHeading a:hover{color:#8dc63f; }
/*yellow*/
#yellow{padding:5px 0 0 50px;}
#yellow h6{background-color:#ffcb08;}
#yellow h5 a{color:#ffcb08;}
#yellow .paddleftDetailsHeading a:hover{color:#ffcb08; }

/* systems */
.paddleftDetails a{ color:#666; font-size:12px;}
.paddleftDetails a:hover{color:#000; text-decoration:none;}
.paddleftDetailsHeading a{color:#666; font-size:14px;}
.paddleftDetailsHeading a:hover{text-decoration:none;}


.clear{ clear:both;}

#lafargePage{margin:0 auto; width:968px;}/*whole page is 168px with drop shaddow. Drop shadow is 8px wide*/

#lafargeMenuContainer{background:#333333; height:26px; position:relative; z-index:10; width:960px;}
#lafargeMenuContainer #menu{ float:left;}
#lafargeMenuContainer #rightImage_{
	float:right;
	position:absolute;
	top: 0px;
	left:830px;
	/*_left: 0px;*/
	*left:830px;
}

#lafargeLogoContainer{ }
/*#lafargeLogoContainer*/ #globe_FLASH{ position: relative; top:1px; left:18px; float:right;}

#contentWrapper{ position:relative; float:left; z-index:9; width:100%;}
#dropShaddow_old{ background: url(../images/tile_dropShadow.png) repeat-y top right;  width:968px; }
#dropShaddow{ background:url(../images/tile_dropShadow.jpg) repeat-y top right;  width:968px; }
#dropShadow_purp{ background:url(../images/tile_dropShadow_purp.jpg) repeat-y top right;   width:968px;}
#dropShadow_lightBlue{ background:url(../images/tile_dropShadow_lightBlue.jpg) repeat-y top right;   width:968px;}
#dropShadow_pink{background: url(../images/backgrounds/dropShadow-pink.jpg) repeat-y top right;   width:968px;}
#dropShadow_orange{background: url(../images/backgrounds/dropShadow-orange.jpg) repeat-y top right;   width:968px;}
#dropShadow_lightOrange{background: url(../images/backgrounds/dropShadow-lightOrange.jpg) repeat-y top right;   width:968px;}
#dropShadow_blue{background: url(../images/backgrounds/dropShadow-blue.jpg) repeat-y top right;   width:968px;}
#dropShadow_green{background: url(../images/backgrounds/dropShadow-green.jpg) repeat-y top right;   width:968px;}
#dropShadow_yellow{	background: url(../images/backgrounds/dropShadow-yellow.jpg) repeat-y top right;   width:968px;}

/*additional section for homepage*/
#contentWrapper #home_topImage{background: url(../images/mid1.jpg) no-repeat;height:296px; width:100%}

/*auto scroll code set height etc*/
#contentWrapper #content{
	width:960px;
	height:522px;
	overflow:auto;
	background:#FFFFFF;
	overflow-x: hidden;
}

/*Home page 2 column set up*/
#contentWrapper #content #column_one{ width:455px; margin:30px 0 0 30px; float:left;}
#contentWrapper #content #column_two{ width:365px; margin:30px 0 0 20px; float:left;}

#pageBase{font-size:10px;background: url(../images/base.jpg) no-repeat top left ;}
#pageBase #breadCrumbs{ padding:10px 0 0 20px;color:#333333;}
#pageBase #breadCrumbs a{ color:#333333; font-size:10px; text-transform:capitalize;}
#pageBase #breadCrumbs a:hover{}
#pageBase #footer{color:#333333; padding:40px 0 0 20px; width:500px; float:left;}
#pageBase #footer a{ color:#333333; font-size:10px; margin-right:10px;}
#pageBase #madeBy{color:#333333; float:right;padding:40px 20px 0 20px;}
#pageBase #madeBy a{color:#333333;}


/*From professionals home page*/
#professionalHomeBG {background: url(../images/mid2.1.jpg) no-repeat; }

#professionalHomeBG #navText_pro{width:300px; padding:20px 0 0 50px;}
#professionalHomeBG h2{ margin:0; padding:0; color:#FFFFFF; font-size:14px;}
#professionalHomeBG #flashcontent{height:500px;float:left; padding:12px 15px 15px 0px;}
#professionalHomeBG #btn_sys_select{ float:right; margin:240px 30px 00px 0;}

/*From Home Owners page*/
#homeOwnerBG{background: url(../images/homeOwnerBodyBG.jpg) no-repeat; }
#homeOwnerBG #navText{width:265px; padding:20px 0 0 95px;}
#homeOwnerBG h2{ margin:0; padding:0; color:#FFFFFF; font-size:14px;}
#homeOwnerBG #flashcontent{height:420px;float:left; padding:12px 0px 15px 0px;}
#homeOwnerBG #btn_sys_select{ float:left; margin:220px 0 0 30px; position:absolute; top:70px; left:340px;}

/*productsPages*/
#productsPages{ padding:35px 0 0 50px;}
#productsPages #column_left{ width:260px; float:left}
#productsPages #column_right{ width:570px;float:left; margin-left:15px;}

/* 2 column setup 50% */
.floatingColumn{float:left; width:46%; padding-right:5px; padding-top:5px;}
.paddleftDetails{ padding:0 0 0 40px; margin:0}
.paddleftDetailsHeading{ padding:5px 0 0 20px; margin:0; font-weight:bold;}
.singularColumn{ margin:10px 0 0 0;}

/* 2 column setup 50% more space. */
.floatingColumn_left{float:left; width:48%; padding-right:0%; padding-top:5px;}
.floatingColumn_right{float:right; width:48%; padding-right:0px; padding-top:5px;}

/* 2/3 & 1/3 column set up  */
#inf_colOne{
	width:65%;
	float:left;
}
#inf_colTwo{width:32%; float:right;overflow:hidden}
/* 1/3 column images us images*/
#aboutUsImages{ padding:32px 0 0 0;}
#aboutUsImages img{ width:275px; margin:0 0 3px 0; padding:0;}
#aboutUsImages p{ color:#999999; font-size:9px; font-style:italic; margin:0 0 10px 0; padding:0; text-align:right;}
/* 1/3 job listings.. */
#jobListings{padding:30px 0 ;}
.job{  border-bottom: #666666 1px solid; margin-bottom:30px; padding-bottom:10px}
.job h4{ margin:0; padding:0; font-size:12px; font-weight:bold;color: #009270;}
.job p{margin:0; padding:0 0 5px 5px; font-size:11px}


/* products listing table.*/
#listingTable{ background:#CCCCCC}
#listingTable th{ background:url(../images/product_bg.jpg) repeat-x bottom #FFFFFF; vertical-align:top; font-weight:normal; text-align:left; padding:8px; vertical-align:top;}
#listingTable td{ background:#FFFFFF; vertical-align:bottom;}

/*about us */
#siteInfo{
	padding:35px 50px;
	overflow: hidden;
}

/* Home Owner pages- Design*/
#homeOwner-design{padding:35px 50px;}
#homeOwner-design h6{background-color:#1fbeca;}
#homeOwner-design h5 a{color:#1fbeca;}
#homeOwner-design .paddleftDetailsHeading a:hover{color:#ef4f91; }
#homeOwner-design ul{ list-style-type:none; list-style-image:url(../images/Home-Owner-images/arrow-pink.gif); margin:0; padding:0; }
#homeOwner-design li{ margin:5px 0 0 15px}

/* Home Owner pages- Acoustic*/
#homeOwner-acoustic{padding:35px 50px;}
#homeOwner-acoustic h6{background-color:#1fbeca;}
#homeOwner-acoustic h5 a{color:#1fbeca;}
#homeOwner-acoustic .paddleftDetailsHeading a:hover{color:#8dc63f; }
#homeOwner-acoustic ul{ list-style-type:none; list-style-image:url(../images/Home-Owner-images/arrow-green.gif); margin:0; padding:0; }
#homeOwner-acoustic li{ margin:5px 0 0 15px}


/* Home Owner pages- Impact*/
#homeOwner-impact{padding:35px 50px;}
#homeOwner-impact h6{background-color:#1fbeca;}
#homeOwner-impact h5 a{color:#1fbeca;}
#homeOwner-impact .paddleftDetailsHeading a:hover{color:#1fbeca; }
#homeOwner-impact ul{ list-style-type:none; list-style-image:url(../images/Home-Owner-images/arrow-orange.gif); margin:0; padding:0; }
#homeOwner-impact li{ margin:5px 0 0 15px}


/* Home Owner pages- Wet Areas*/
#homeOwner-wetAreas{padding:35px 50px;}
#homeOwner-wetAreas h6{background-color:#1fbeca;}
#homeOwner-wetAreas h5 a{color:#1fbeca;}
#homeOwner-wetAreas .paddleftDetailsHeading a:hover{color:#1fbeca; }
#homeOwner-wetAreas ul{ list-style-type:none; list-style-image:url(../images/Home-Owner-images/arrow-blue.gif); margin:0; padding:0; }
#homeOwner-wetAreas li{ margin:5px 0 0 15px}


/* Home Owner Design Your Home pages */
#designhome-left { width:300px; float:left; }
#designhome-right { width:580px; float:left; padding-left:50px; padding-top:50px; }
#designhome-left .padme { padding-top:50px; padding-left:50px; }


/* solutions pages*/
#solutions{
	padding:35px 50px;
	overflow: hidden;
}
#solutions h6{background-color:#1fbeca;}
#solutions h5 a{color:#1fbeca;}
#solutions .paddleftDetailsHeading a:hover{color:#1fbeca; }
#solutions ul{ list-style-type:none; list-style-image:url(../images/solutions/images/list-arrow.gif); margin:0; padding:0; }
#solutions li{ margin:5px 0 0 15px}

/*info boxes on Application */
.iconText{ margin-bottom:30px;}
.iconText img{ padding:0px 6px 0 0px;}
.iconText h1{ padding:6px 0 0 0px;}

/* making FAQ's anchors blue on hover */
#siteInfo .paddleftDetailsHeading a:hover {color:#1fbeca;} 

.greeninfoCallout2{
	background:#e8f1cf url(../images/solutions/images/icon_greenleaf.gif) top left no-repeat;
	padding:10px 15px 10px 40px;
}



/* call out boxes on solutions and home Owner */
.infoCallout{ background:#eeedea url(../images/solutions/images/icon_info.gif) top left no-repeat; padding:10px 0 10px 40px;}
.infoCallout_half{background:#eeedea url(../images/solutions/images/icon_info.gif) top left no-repeat; padding:10px 0 10px 40px; width:50%;}

.redinfoCallout{ background:#f5d7be url(../images/solutions/images/icon_info.gif) top left no-repeat; padding:10px 20px 10px 40px;}
.greeninfoCallout{ background:#e8f1cf url(../images/Home-Owner-images/icon_sound.gif) top left no-repeat; padding:10px 40px 10px 40px;}
.lightOrangeinfoCallout{ background:#f6d8a7 url(../images/Home-Owner-images/icon_abuse.gif) top left no-repeat; padding:10px 20px 10px 40px;}
.pinkinfoCallout2{ background:#fcdce9 url(../images/Home-Owner-images/icon_design.gif) top left no-repeat; padding:10px 40px 10px 40px;}
.blueinfoCallout{ background:#f6d8a7 url(../images/solutions/images/icon_info.gif) top left no-repeat; padding:10px 40px 10px 40px;}
.darkblueinfoCallout{ background:#d6ecf8 url(../images/Home-Owner-images/icon_wet.gif) top left no-repeat; padding:10px 40px 10px 40px;}
.pinkinfoCallout{ background:#fcdce9 url(../images/solutions/images/icon_info.gif) top left no-repeat; padding:10px 0 10px 40px;}

.redCallouticon{ background:#f5d7be url(../images/solutions/images/icon_info.gif) top left no-repeat; padding:10px 0 10px 40px;}	
.redCallout{ background:#f5d7be; padding:10px 40px;}
.blueCallout{ background:#f6d8a7; padding:10px 40px;}
.darkblueCallout{ background:#d6ecf8; padding:10px 40px;}
.greenCallout{ background:#e8f1cf; padding:10px 40px;}
.redCallout p, .blueCallout p, .greenCallout p{ margin:0 ; padding:0;}

/* used in systems pages*/
#imgBoxContainer{ width:100%}
#imgBoxContent{ background:url(../images/box_brown_tile.gif) repeat-y top left;}
#imgBoxContent p{ padding:0 30px 5px 28px;  border:0px solid red; margin:0; }
#imgBoxContent ul{ margin:5px 30px 5px 42px; padding:0;}
#imgBoxContent li{margin:0; padding:0;}





/*sustainabuility*/
#sustainability{
	padding:35px 50px;
	overflow: hidden;
}
#sustainability h1{ }
#sustainability h6{background-color:#1fbeca;}
#sustainability h5 a{color:#1fbeca;}
#sustainability .paddleftDetailsHeading a:hover{color:#8dc63f; }
#sustainability ul{ list-style-type:none; list-style-image:url(../images/Home-Owner-images/arrow-green.gif); margin:0; padding:0; }
#sustainability li{ margin:5px 0 0 15px}
#sustainability .floatingColumn_right ul { margin:5px 30px 8px 30px; padding:0; }

/*Systems-purple-quickRef*/
#tableContainer{ width:100%}
#table {margin-left:0px;margin-right:0px;height: 395px;width: 885px;}

.tableCentre{background:#CCCCCC}
.tableCentre th, .tableCentre td{ text-align:centre; font-weight:normal;}

/*img,div,imput,a { behavior: url(iepngfix.htc) }*/
/*
.myPng{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=’/images/mysweet.png’);
}*/


/* --------- ACCORDIAN 1 STYLES ------------- */

#basic-accordian{
	padding:5px;
	padding-left:0px;
	width:240px;
	position:relative;
	z-index:2;
}
#professional-accordian{
	padding:5px;
	padding-left:0px;
	width:290px;
	position:relative;
	z-index:2;
}
.accordion_headings{
	padding:10px;
	color:#FFFFFF;
	cursor:default;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	font-size:16px;
	margin-bottom:6px;
}

.accordion_headings:hover{
	/*background:#00CCFF;*/
}

.accordion_child{
	padding:15px;
}

.accordion_child li {
	text-align:center;
	font-size:14px;
	list-style:none;
	padding:0px;
	margin:0px;
}

.accordion_child li a {
	color:#fff;	
}
.accordion_child li a:hover {
	color:#cbf6f9;
}


.accordion_child ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

.header_highlight{
	
}

.charcoal {
	background:#333333;
}

.purple {
	background:#7482bf;
}

.purple-text {
	color:#7482bf;
}

.yellow {
	background:#ffca08;
}

.green {
	background:#8dc63f;
}

.blue {
	background:#0397d6;
}

.orange {
	background:#f8981d;
}

.tangerine {
	background:#f15c22;
}

.pink {
	background:#ef4f91;
}


/* -------------- END ACCORDIAN STYLES ---------------------- */

.form { background:#d6ecf8; }

input.form { border: solid 1px #ccc; padding:4px; font-size: 12px; color: #4d4e53; }

textarea.form { border: solid 1px #ccc; padding:4px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 12px; color: #4d4e53; }

#fancy-header {
	font-size: 34px;
	white-space: nowrap;
}

.allow-wrap {
	white-space:normal;
}

#designyourhome-buttons {
	padding:2px;
}	

#designyourhome-buttons a {
	display:block;
	width:120px;
	border:solid 1px #009270;
	padding-top:4px;
	padding-bottom:4px;
	float:left;
	text-align:center;
	margin-left:2px;
	margin-bottom:8px;
	background:#fff;
	color:#009270;
}

#designyourhome-buttons a:hover {
	/*background:#009270;*/
	background:#009270;
	color:#fff;
	text-decoration:none;
}

#designyourhome-buttons a.selected {
	background:#009270;
	color:#fff;
	text-decoration:none;
}

#designyourhome-soundbuttons {
	position:absolute;
	top:410px;
	margin-left:15px;
}

#designyourhome-copy {
	padding-left:20px; padding-top:1px; padding-right:10px; padding-bottom:10px; color:#FFFFFF;
}

#designyourhome-copy h4 {
	margin-top:0;
	padding-top:0;
}

#designhome-left a:hover {
	color:#009270;
}

#ProjectTable {
	border:solid 1px #ccc;
	border-bottom:none;
	border-right:none;
	margin-top:15px;
	margin-bottom:15px;
	width:560px;
}

#ProjectTable td {
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

.styledtable {
	border:solid 1px #ccc;
	border-bottom:none;
	border-right:none;
	margin-top:15px;
	margin-bottom:15px;
}

.styledtable td {
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

sub {
	line-height:4px;
	vertical-align:middle;
}
.greyLinks {
	color:#4D4E53;
}
.greyLinks:hover {
	color:#009270;
}