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

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#FFFFFF;
	width:900px;
	height:auto;
	text-align: left;
}

a:link{ font-weight:bold; color:#252525;}
a:visited{ color: #252525;	text-decoration: none;}
a:active{ color: #252525;	text-decoration: none;}
a:hover{	text-decoration: underline;	color: #f4b34d;}


/*==========main container==========*/
.mainContainer{width:900px; height:auto; float:left; background-color:#FFFFFF;}
.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#252525;
}
h1{font-family:Arial, Helvetica, sans-serif; color:#f4b34d; font-size:24px; font-weight:bold;}
h2{font-family:Arial, Helvetica, sans-serif; color:#252525; font-size:14px; font-weight:bold; text-decoration:underline;}
h3{font-family:Arial, Helvetica, sans-serif; color:#f4b34d; font-size:18px; font-weight:bold;}

/*==========header==========*/
.headerContainer{width:900px; height:123px; float:left;}
.headerLogo{width:408px; height:90px; float:left;}
.headerTel{width:492px; height:44px; float:left; background-image:url(images/telephone.jpg);}
.headerHome{width:43px; height:46px; float:left;}
.headerCompany{width:112px; height:46px; float:left;}
.headerDistributors{width:142px; height:46px; float:left;}
.headerFaq{width:47px; height:46px; float:left;}
.headerSitemap{width:63px; height:46px; float:left;}
.headerContact{width:85px; height:46px; float:left;}

.menuElectrical{width:128px; height:33px; float:left;}
.menuPlumbing{width:78px; height:33px; float:left;}
.menuFlooring{width:70px; height:33px; float:left;}
.menuHome{width:95px; height:33px; float:left;}
.menuAudio{width:97px; height:33px; float:left;}
.menuFire{width:112px; height:33px; float:left;}
.menuEasysocket{width:96px; height:33px; float:left;}
.menuProduct{width:224px; height:33px; float:left;}

/*==========content==========*/
.contentContainer{width:900px; height:auto; float:left;}

.contentLeft{width:672px; height:auto; float:left;}
.brochureDownload{width:672px; height:70px; float:left; font-size:1px;}
.banner{width:672px; height:216px; float:left;}
.contentText{
	width:640px; 
	height:auto; 
	float:left;
	margin:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#252525;
}

.contentRight{width:220px; height:auto; float:left; font-size:1px;}
.videosTitle{width:220px; height:53px; float:left; font-size:1px;}
.videosHome{width:220px; height:120px; float:left; font-size:1px;}
.videosElectrical{width:220px; height:121px; float:left; font-size:1px;}
.videosSocial{width:220px; height:121px; float:left; font-size:1px;}
.videosFire{width:220px; height:121px; float:left; font-size:1px;}
.videosInstall{width:220px; height:125px; float:left; font-size:1px;}
.buyNow{width:220px; height:160px; float:left; font-size:1px;}

.questionContainer{ width: 600px; height:auto; float:left;  background-color:#efeeee;}
.questionBarOpenBG{ width:500px; height:auto; float:left; background-color:#efeeee;}
.questionBarText{ height:auto; margin:5px; color:#f4b34d; font-weight:bold;}
.questionBarHideBG{ width:100px; height:auto; float:left; background-color:#efeeee;}
.questionBarText a{ font-weight:bold; color:#252525; text-decoration:none;}
.answer{ width:600px; height:auto; float:left; margin-top:5px;}

.img{border:medium; border-color:#000000; border-style:solid;}

.plain  { background-color: #f4b34d; text-align: center; }

/*==========footer==========*/
.footerContainer{
	width:900px; 
	height:50px; 
	float:left; 
	border-top:medium; 
	border-top-style:solid; 
	border-top-color:#f4b34d;
	margin-top:5px;
}
.footerLeft{
	width:430px; 
	height:auto; 
	float:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#252525; 
	margin:10px;
}
.footerRight{
	width:430px; 
	height:auto; 
	float:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#252525;
	text-align:right;
	margin:10px;
}