/*    * {padding:0;margin:0;}
*/


body {
	margin: 15px 0;
	background: #12235f url(images/background.gif) repeat-x left top;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4c5965;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

#BoilerScrappage #LeftCol {
	float: left;
	width: 450px;
	padding-right: 20px;
}
#BoilerScrappage #RightCol {
	float: left;
	width: 450px;
}

h1 {
	color: #00a2d4;
	font-size: 1.5em;
	padding-top: 0px;
    text-transform: uppercase;

}


h2 {
	color: #fff;
	font-size: 1em;
	padding-bottom: 0px;
	text-transform: uppercase;

}

h3 {
	font-size: 1em;
	padding-bottom: -5px;
	color: #bdcad4;
	padding-top: 0px;
	text-transform: uppercase;



}

h4 {
	font-size: 0.75em;
	color: #fff;

}



p, blockquote, ul, ol {
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

p {
	font-size: .9em;
	padding-bottom: 0px;
	margin-bottom: -5px


}

blockquote {
	margin-left: 2em;
	margin-right: 2em;
	font-style: italic;
}

ul {
	margin-left: 0.1em;
	list-style-type:none;

}

li {

	font-size: .95em;

}


ol {
	margin-left: 3em;
}



a {
	text-decoration: none;
	color: #00a2d4;
}

a:hover {
	text-decoration: underline;
	color: #95c802;
}

img {
	border: none;
}

img.left {
	float: left;
    margin: 0px 0px 0px 0px;

}

img.right {
	float: right;
	margin: 5px 0 10px 0px;
}


img.middle {
	margin-top: 15px;
margin-left: auto;
    margin-right: auto;
	display: block;
}

img.pic {
	float: left;
    margin: 0px 0px 10px -10px;
}

img.title {
	margin: 5px 10px 15px 0px;
	clear:right;
	display: block;
	}
	
	
img.smallbox {
	margin: 0px 0px 10px -13px;
}

/* Boxed Style */

.boxed {
}

.boxed .title {
}

.boxed .title h2 {
	height: 28px;
	padding: 12px 0 0 20px;
	font-size: 1em;
	color: #FFFFFF;
}

.boxed  {
	padding: 12px;
	background: #008ac8 url(images/sidefade.gif) no-repeat left top;
	
}



/* Header */

#header {
	width: 930px;
	height: 87px;
	margin: 0 auto;
	padding: 2px 10px 0 20px;
	background: url(images/header.gif) no-repeat;
}

/* Header > Logo */

#logo {
	float: left;
	width: 164px;
	height: 56px;
	margin: 14px 0px 0px 0px;
	background: url(images/halstead_logo.gif) no-repeat;
}

#logo h1 {
	float: left;
	margin: 0;
	padding: 25px 0 0 0;
	font-size: 2.5em;
}

#logo h2 {
	float: left;
	margin-top: -5px;
	font-size: 1em;
}

#logo a {
	float: left;
	width: 164px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
}

/* Header > Menu */


#navwrapper{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 0px 0px;


}


#navbuttons{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 0px 0px;


}


#navbuttons a{
	text-decoration: none;
	color: #fff;
	margin-left: 6px;
	padding: 0 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.85em;
	padding: 3px 3px 3px 3px;


}

#navbuttons a:hover{
	color: #00a2d4;
	padding: 3px 3px 3px 3px;

}




/*----- Nav Second ----- */

   #navsecond {
   	width:700px;
	height:21px;
text-align:right;
	float:right;
margin-top:8px;
padding-right: 5px;
      font-size:100%;
	  font-weight: bold;
      line-height:normal;

      }
    #navsecond ul {
	  float:right;
	  margin:0;
	  padding:10px 0px 0px 0px;
	  list-style:none;
	  
      }
    #navsecond li {
      display:inline;
      margin:0;
      padding:0;
      }
    #navsecond a {
      float:left;
      background:url("images/tableft5.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #navsecond a span {
      float:left;
      display:block;
      background:url("images/tabright5.gif") no-repeat right top;
      padding:1px 15px 0px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navsecond a span {float:none;}
    /* End IE5-Mac hack */
    #navsecond a:hover span {
      color:#FFF;
      }
    #navsecond a:hover {
      background-position:0% -31px;
      }
    #navsecond a:hover span {
      background-position:100% -31px;
      }  
	  
	  
	  
	  
/*----- OLD Menu ----- */


#menu {
	float: right;
	padding-right: 15px;

}

#menu ul {
	margin: 0;
	padding-top: 20px;
    list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 85px;
	height: 30px;
	margin-left: 3px;
	margin-top: 0px;
	padding-left: 0px;
	background: url(images/img03.gif) no-repeat;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

#menu a:hover {
	background-image: url(images/img04.gif);
}

#menu .active a {
	background-image: url(images/img05.gif);
}






/* Content */




#content
{
	width: 920px;
	margin: 0 auto;
	padding: 20px 20px 10px 20px;
	background: #fff url(images/contenttop.gif) no-repeat top;
}

#base {
	width: 960px;
	height: 4px;
	margin: 0px auto;
	background: #fff url(images/contentbase.gif) no-repeat top;
overflow:hidden;
	
}



/* Home */

#home {
	float: left;
	width: 920px;
	
}


/* Content > Main */

#main {
	float: left;
	width: 410px;
	padding-left: 30px;
}

#main_wide
{
    float: left;
	width: 720px;
	padding-left: 30px;
}

#basicpage {
width: 600px;
float:left;
}


#page {
	float: left;
	width: 727px;
	padding-left: 30px;

}


#gridpage {
	float: left;
	width: 727px;
	padding-left: 0px;

}

#gridpage1 {
	float: left;
	width: 172px;
	padding-left: 0px;
	margin: 0px 0px 0px 0px;



}

#gridpage2 {
	float: left;
	width: 344px;
	padding-left: 0px;

}

#gridpage3 {
	float: left;
	width: 516px;
	padding-left: 0px;

}



#gridbox:hover{border:1px #a0a0a0;}

#gridbox{
	width: 155px;
	padding:0px 0 0px 5px;
	height:175px;
	float:left;
	border:1px dashed #c8d2da;
	display:block;
	overflow:hidden;
	margin: -5px 10px 15px 0px;
	background: #fff;
}




#gridbox:hover{border:1px solid #c8d2da;}



#textfloatright {
	float: left;
	width: 230px;
	margin: -10px 0px 0px 0px;


}



#contactpage {
width: 460px;
float:left;
}



.stockist {

}

.stockist h1, .stockist p {
margin-left: 230px;
}





/* Content > Main > Welcome */

#welcome {
}

/* Content > Main > Example */

#example {
}


#productdisplay {
	float: right;
	width: 305px;
	padding-left: 0px;
	
}






/* Home Graphics */


#homegraphic {
	float: left;
	width: 275px;
	height: 336px;
	margin: 0px 0px 0px 0px;
	padding: 25px 20px 0px 630px;
	background: url(images/homegraphic.jpg) no-repeat;
}


#homeinstaller {
	float: left;
	width: 275px;
	height: 310px;
	margin: 0px 0px 0px 0px;
	padding: 25px 20px 0px 630px;
	background: url(images/homeinstaller.jpg) no-repeat;
}


#homemerchant {
	float: left;
	width: 275px;
	height: 315px;
	margin: 0px 0px 0px 0px;
	padding: 25px 20px 0px 630px;
	background: url(images/homemerchant.jpg) no-repeat;
}


#homeconsumer {
	float: left;
	width: 275px;
	height: 315px;
	margin: 0px 0px 0px 0px;
	padding: 25px 20px 0px 630px;
	background: url(images/homeconsumer.jpg) no-repeat;
}


/* Image Banners */


#banner{
	clear: both;
	margin: 0 0 0px 0;
	overflow: hidden;
}
#banner.normal{ height: 333px }
#banner.short{ height: 191px; margin-bottom: 0px;}
#banner img{ margin: 0 auto; }





/* Content > Sidebar */

#sidenav, #sidenav2
{
	float: left;
	width: 160px;
	padding: 0px 0px 0px 0px;
	background: #008ac8 url(images/sidefade.gif) no-repeat left top;
}


#sidenav ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    text-indent:0px;
}


#sidenav li {
    height:22px;
    line-height:22px;


}

/*2nd indent */
#sidenav li {
    width:55px;
    background-color:Red;
}



#sidenav li ul li {
    width:100px;
}


#sidenav li.category {
    padding-left:10px;
    height:auto;

}
/*IE needs extra margin and padding set for the indented li */
* html #sidenav li ul li {
    margin-left:-10px;
    padding-left:10px;
}
/* end IE hack */

#sidenav li a,
#sidenav li ul li a {
    text-decoration:none;
    display:block;
    height:100%;
    width:125px;
    padding-left:5px;

}


#sidenav li.category ul li a {
    margin-left:0px;
    padding-left:20px;
	width:110px;
}
#sidenav li a:link,
#sidenav li a:visited {
    color:#fff;

}
#sidenav li a:hover,
#sidenav li a:active {
    color:white;
    background-color:#00a2d4;
}



#sidebar {
	float: left;
	width: 165px;
}

#sidebar a {
	color: #fff;
	text-decoration: none;

}

#sidebar a:hover {
	text-decoration: underline;
	color: #95c802;
}



#sidebar .boxed .title h2 {
	background: #008ac8;
	width: 154px;
}


#sidenav2 h2 a {
	text-decoration: none;
	color: #FFF;
}

#sidenav h2 a {
	text-decoration: none;
	color: #FFF;
}


#sidenav2 ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    text-indent:0px;
}
#sidenav2 li {
    line-height:22px;

}
#sidenav2 li ul li {
    margin-left:0px;
    height:auto;
    text-indent:10px;
}

#sidenav2 li ul li ul li {
    text-indent:20px;
}
#sidenav2 li a,
#sidenav2 li ul li a {
    text-decoration:none;
    display:block;
    height:100%;
    /*width:155px;*/
    padding-left:5px;

}
#sidenav2 li a:link,
#sidenav2 li a:visited {
    color:#fff;

}
#sidenav2 li a:hover,
#sidenav2 li a:active {
    color:white;
    background-color:#00a2d4;
}
























/* Content > Sidebar > Login */

#login {
}

#login form {
}

#login fieldset {
	border: none;
}

#login legend {
	display: none;
}

#login label {
	display: block;
}

#login input {
	margin-bottom: 10px;
	padding: 2px 5px;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}

#inputtext1, #inputtext2 {
}

#inputsubmit1 {
	margin: 0;
	padding: 0;
}

/* Content > Sidebar > Updates*/

#updates {
}

#updates ul {
	margin: 0;
	list-style: none;
}

#updates h3 {
	font-size: .9em;
}

#updates p {
	line-height: normal;
	font-size: 1em;
}

#updates a {
	text-decoration: none;
}

/* Content > Sidebar2 */

#sidebar2 {
	float: left;
	padding-left: 20px;
}

#sidebar2 .boxed .title h2 {
	background: url(images/img10.gif) no-repeat right top;
}

/* Content > Sidebar2 > Sponsors */

#sponsors {
}

#sponsors ul {
	margin-left: 0;
	padding-left: 0;
	list-style: inside;
}


/* Footer */

#footer {
	clear: both;
	width: 960px;
	height: 30px;
	margin: 3px auto;
	padding: 12px 0;
	background: url(images/footer.gif) no-repeat;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: .9em;
	color: #fff;
}

#footer a {
	text-decoration: underline;
	color: #fff;
}

#footer a:hover {
	text-decoration: none;
}
/* Sort out John's Mess!! Start */
#box-wrapper{
	width:924px;
	background-color:#ffffff;
}
#box-one{
	float:left;
	width:293px;
	height:176px;
	padding:0px;
	display:block;
	margin-right:21px;
}
#box-two{
	float:left;
	width:293px;
	height:176px;
	padding:0px;
	display:block;
}
#box-three{
	margin-left:21px;
	float:left;
	width:293px;
	height:176px;
	padding:0px;
	display:block;
}
/* Sort out John's Mess!! End */

#box1 {
	float: left;
	width: 279px;
	height: 180px;
	margin: 0px 0px 0px 0px;
	/*padding: 5px 0 0px 15px;*/
	padding: 0px 0px 0px 0px;
	/*background: url(images/congratulations.png) no-repeat;*/
	display: block;
	overflow:hidden;
}

#box1 p {
/*	margin: 0;
	line-height: normal;
	color: #fff;*/
}

#box1 a{
color: #fff;
	padding: 0 0px;
	font-weight: bold;
	text-decoration: none;
}

#box1 a:hover{
	color: #2a57aa;
}





#box2 {
	float: left;
	width: 279px;
	height: 174px;
	margin: 0px 18px 0px 18px;
	padding: 5px 0 0px 15px;
	background: url(images/box2.png) no-repeat;
	display: block;
	overflow:hidden; 
}

#box2 p {
	margin: 0;
	line-height: normal;
	color: #fff;
}

#box2 a{
	padding: 0 0px;
	font-weight: bold;
	text-decoration: none;

}

#box2 a:hover{
	padding: 0 0px;
}



#box3 {
	float: left;
	width: 279px;
	height: 174px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0 0px 15px;
	background: url(images/box3.png) no-repeat;
	display: block;
	overflow:hidden;
}

#box3 p {
	margin: 0;
	line-height: normal;
	color: #fff;
}

#box3 a{
	padding: 0 0px;
	font-weight: bold;
	text-decoration: none;

}

#box3 a:hover{
	padding: 0 0px;
}




/* installer home page boxes */

.boxinstaller {
	float: left;
	width: 214px;
	height: 174px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0 0px 16px;
	background: url(images/box_installer.png) no-repeat;
	display: block; 

}

.boxinstaller p {
	margin: 0px;
	line-height: normal;
	color: #fff;
	text-decoration:none;


}

.boxinstaller a{
	padding: 0px 0px;
	text-decoration: none;

}


.boxinstaller a:hover{
	text-decoration:none;
}


/* merchant home page boxes */

#boxmerchant {
	float: left;
	width: 214px;
	height: 174px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0 0px 16px;
	background: url(images/box_merchant.png) no-repeat;
	display: block;

}

#boxmerchant p {
	margin: 0;
	line-height: normal;
	color: #fff;
	text-decoration:none;

}

#boxmerchant a{
	padding: 0 0px;
	text-decoration: none;

}

#boxmerchant a:hover{
	text-decoration:none;
}


/* consumer home page boxes */

#boxconsumer {
	float: left;
	width: 214px;
	height: 174px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0 0px 16px;
	background: url(images/box_consumer.png) no-repeat;
	display: block;
	text-decoration:none;

}

#boxconsumer p {
	margin: 0;
	line-height: normal;
	color: #fff;
	text-decoration:none;

}

#boxconsumer a{
	padding: 0 0px;
	text-decoration: none;

}

#boxconsumer a:hover{
	text-decoration:none;
}










/* Breadcrumb Nav */


#breadcrumb p {
	margin: 0px;
	padding: 0px 5px 5px 0px;
	border-bottom: 1px dotted #CCCCCC;
	line-height: normal;
	font-size: 0.8em;
}


/* PDF icon */

a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:14px;
height: 14px;

background:transparent url(images/pdf_icon.gif) center left no-repeat;
}





#sitemap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	clear: both;


}

#sitemap li {
	list-style-type: none;
}

ul#sitemap > li {
	margin-bottom: 10px;
}

#sitemap ul li {
	list-style-image:   url("images/l2_normal.gif");
}

#sitemap ul ul li {
	list-style-image:   url("images/l3_normal.gif");
}

#sitemap ul li.firstfollow {
	list-style-image:   url("images/l2_first_follow.gif");
}

#sitemap ul li.last {
	list-style-image:   url("images/l2_last_item.gif");
}

#sitemap ul ul li.firstfollow {
	list-style-image:   url("images/l3_first_follow.gif");
}

#sitemap ul ul li.last {
	list-style-image:   url("images/l3_last_item.gif");
}

.mapbox
{
	/*width: 440px;*/
	width: 915px;
	height: 300px;
	border: 2px solid #ddd;
	float: left;
	margin: 0px 10px 15px 0px;
}

/*#essex {width:440px;height:300px;border:2px solid #ddd;float:left;margin:5px 10px 15px 0px;}*/


P.terms {
	FONT-SIZE: 10px;
	PADDING-RIGHT: 25px;
	FLOAT: right;
 
}




P.contacts {
	FONT-SIZE: 10px;
	FLOAT: left;
	COLOR: #999;
	PADDING-LEFT: 25px; 

}


#credit
{
	width: 935px;
	margin: 0px 3px 0px 3px;
	margin-top: 37px;
	padding: 10px 20px 0px 0px;
	text-align: right;
	font-size: 0.8em;
}

#credit a {
	text-decoration: none;
	color: #fff;
	padding: 2px;

}

#credit a:hover {
	text-decoration: none;
	background: #00a2d4;
	padding: 2px;

}