/*

  yellow:		rgb(251, 235, 159)
  orange:		rgb(233, 153, 79)
  flame:		rgb(214, 79, 36)
  dark red:		rgb(80, 67, 27)


*/


* {
	 	margin: 0px;
	 	padding: 0px;
		border: none;
	}

body {
		width: 800px;

		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: justify;		
		
		margin: 0px auto 20px auto;
		padding: 0px 0px 0px 0px;

		/*background: white url('images/black_strip.gif') 0px -60px repeat-x;
		color: black;*/

		
		border: solid 1px black;
		border-top: none;
		
		background: white;
		color: rgb(72, 72, 72);

	}

p {
	   margin: 20px 10px;	   
	}

q {
		font-style: italic;
		color: rgb(214, 79, 36);
	}

b,
h3 {
		color: rgb(233, 153, 79);
	}



ol,ul {
		margin: 10px 10px 10px 25px;
	}

li {
		list-style: disc black inside;
		margin: 5px 0px;
		padding-left: 0px;
		/*background: url('images/ball_smaller.jpg') 0px -2px no-repeat;*/
		
	}

li li {
		/*background: url('images/ball_smallest.jpg') 0px -2px no-repeat;*/
	}	

a {
		color: rgb(233, 153, 79);
		padding: 2px 2px;
		
	}

a:hover {
		color: white;
		background: rgb(233, 153, 79);
		text-decoration: none;
	}

a:active {
		background: rgb(214, 79, 36);
	}

a#headerLink,
a.imageLink:hover,
a.imageLink {
		background: transparent;
		text-decoration: none;
	}

.imageLink img {
		border: none;		
	}

img.imageFloatRight {
		float: right;
		clear: right;
		
		padding: 10px 10px 10px 30px;
	}

img.imageFloatLeft {
		float: left;
		clear: left;
		padding: 10px 30px 10px 10px;
	}

.floatRight {
		float: right;
	}

/* Forms
--------------------------------*/

form {
		margin: 0px 20px 0px 20px;	
	}

label {
		font-weight: bold;
		padding-top: 4px;
		float: left;
		width: 200px;
		text-align: right;
	}

span.formRequired {
		color: rgb(248, 203, 105);
		font-weight: bold;		
		padding: 0px 2px;
		font-size: 20px;
		line-height: 12px;
	}

.inputTextArea,
.inputText {
		padding: 2px 1px;
		margin: 0px 0px 10px 205px;

		border: rgb(233, 153, 79) solid 1px;
		display: block;
		width: 200px;
		
		text-indent: 0px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
	}

.inputButton {
		color: rgb(251, 235, 159);
		background: black;
		padding: 2px 1px;
		border: 1px solid rgb(233, 153, 79);
		font-weight: bold;
/*		float: right;
		margin-right: 20px;		*/
		margin-top: 20px;
		margin-left: 250px;
	}

.inputButton:active {
		background: rgb(233, 153, 79);
		color: white;
	}

.inputCheckbox {
		display: block;
		height: 25px;				
		padding: 2px 1px 2px 1px;
		margin: 2px 0px 2px 205px;
	}


/* header
------------*/

div#header {
		height: 165px;
		background: black url('images/header_image.jpg') 678px 10px no-repeat;
		padding: 5px 0px 0px 20px;
		margin-right: 0px;		
	}

div#header a#headerLink {
		padding-left: 20px;
	}


div#header a#headerLink img {
		width: 600px;
		height: 132px;
	}

p#strapline {
		color: white;
		/*position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto; */

		width: 630px;
		
		text-align: left;
		margin: 0px 0px 10px 0px;
		font-weight: bold;
	}

/* menu
------------*/

div#menu {	
		height: 40px;		
		
		padding: 0px 0px 0px 30px;		
		margin: 0px 0px 0px 0px;

		background: rgb(214, 79, 36);		
		
		/*border-top: rgb(125, 26, 60) solid 1px;
		border-bottom: rgb(125, 26, 60) solid 1px;
		border-left: rgb(0, 123, 194) solid 1px;
		border-right: rgb(0, 123, 194) solid 1px;*/
	}


div.mainMenu, div.mainMenuSelected {	
		/*height: 32px;	*/
		width: 150px !important;
		width: auto;

		padding: 0px 0px 0px 0px;
		margin: -31px 0px 0px 0px;	
		z-index: 20;
	}

div#menuProducts {		margin-left: 10px; margin-top: 0px;  }
div#menuInformation { 	margin-left: 165px;  }
div#menuServices { 		margin-left: 320px;  }
div#menuAbout { 		margin-left: 475px;  }
div#menuGroup { 		margin-left: 630px;  }

div.mainMenu {
		
	}

div.mainMenuSelected {		
		
		
	}


div.mainMenu p, div.mainMenuSelected p {

		/*border: solid 1px rgb(200, 200, 200);*/
		

		background-position: 0px 0px;
		background-repeat: no-repeat;
		
		height: 30px;
		width: 140px;

		margin: 0px 0px 0px -40px;
		padding: 1px 0px 0px 33px;

		color: white;

		overflow: hidden;

		text-indent: 0px;
		line-height: 40px;
		text-align: left;
		font-weight: bold;
		/*white-space: nowrap;*/

		

			
	}

div#menuGroup p {
		/*font-size: 12px;*/
		/*letter-spacing: -0.4px;*/				
		
		
		
	}
/*
div#menuGroup div p {		
		font-size: 11px;
	}

div#menuGroup div ul p {		
		font-size: 12px;
	}*/


div.mainMenu p {
		
	}


div.mainMenuSelected p {				
	
		cursor: pointer;
	}

div.mainMenu p.currentMenu {
		
	}

div#menu div#menuHome a {
		padding: 0px;
		display: block;		
		line-height: 30px;
		text-indent: 7px;
		width: 118px;
	}

div#menu div.mainMenu#menuHome a,
div#menu div.mainMenu#menuHome a:hover 
div#menu div.mainMenu#menuHome a:active {
		color: black;
		background: #E7E4D4;		
		border: #E7E4D4 solid 1px;
		
	}

div#menu div.mainMenuSelected#menuHome a,
div#menu div.mainMenuSelected#menuHome a:hover 
div#menu div.mainMenuSelected#menuHome a:active {
		color: white;
		background: #007AC2;
		border: #007AC2 solid 1px;		
	}



div.mainMenu div.subMenu {
		visibility: hidden;
	}

div.mainMenuSelected div.subMenu {
		visibility: visible;
	}

div.subMenu {		
		margin: 15px 0px 0px 0px;
		position: absolute;
		width: 200px;
		/*background: url('images/menu_bottom_shorter.png') 0px bottom no-repeat;*/
		border: rgb(233, 153, 79) solid 1px;		
		background: black;
		z-index: 50;
	}

div.subMenu ul {
		/*border-top: rgb(0, 123, 194) solid 2px;*/
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		overflow: visible;		
	}

div.subMenu ul li {				
		margin: 0px 0px 0px 0px;
		
		padding: 3px 3px;
		/*border-left: rgb(0, 123, 194) solid 2px;
		border-right: rgb(0, 123, 194) solid 2px;*/
		list-style: none;
		background: none;
	}

div.subMenu ul li.subMenuSplitter {
		margin: 0px;		
		padding: 0px;
	}

div.subMenu ul li.subMenuSplitter .splitter {
		margin: 0px;
		padding: 0px;
		height: 2px;
		font-size: 0%;
	}

div.subMenu ul li p:hover,
div.subMenu ul li p {

		display: inline;		

		margin: 0px;
		padding: 0px;

		/* -- reset after menu p -- */ 
		border: none;		 
		
		background: transparent;
		text-indent: 0px;
		
		font-size: 12px;
		font-weight: normal;
		white-space: normal;
	}		

div.subMenu ul li p.itemMain a {

	}

div.subMenu ul li p.itemSub a {
		padding-left: 15px;
	}

div.subMenu ul li p a {				
		padding: 1px 2px;
		display: block;
		text-align: left;		
		color: rgb(251, 235, 159);
		font-weight: bold;
		font-style: normal;

		text-decoration: none;
		
		line-height: 100%;		
	}

div.subMenu ul li.subMenuItemSelected, 
div.subMenu ul li.subMenuItemSelected p,
div.subMenu ul li.subMenuItemSelected p a,
div.subMenu ul li.subMenuItemSelected p a:hover {		
		color: white;
		background: rgb(233, 153, 79);
		cursor: pointer;
	}

div.subMenu ul li p a img {
		position: absolute;
		
		margin-left: -27px;
	}



/* content
---------------------------*/

div.content {
		/*width: 757px;*/
		padding: 30px 20px 10px 20px;
		border-top: solid 1px black;
		background: url('images/black_fade_2.gif') 0px -25px repeat-x;		
	}

div.contentTitle {
	}

div.contentTitle p {			   
		font-weight: bold;
		/*font-size: 28px;*/
		font-size: 24px;		
		margin: 0px 0px 0px 0px;		
		padding: 10px 0px 10px 30px;		
		text-align: left;
		color: black;
		/*background: rgb(40, 106, 156);
		color: white;					*/
	}

body#bodyIndex div.boxHeading {
		margin-right: 337px;
	}	


div.boxHeading {
		margin: 5px 10px 5px 10px;
		padding: 5px;
		background: black;
		color: rgb(251, 235, 159);
		border: rgb(233, 153, 79) solid 1px;
		font-weight:bold;
	}

div.boxHeading p {
		margin: 5px;
		line-height: 150%;
	}


/* footer
------------------*/

div.footer {	
		margin: 20px 0px 0px 0px;			
		clear: both;
		font-size: 12px;
		height: 40px;
		border-top: solid 1px black;
		background: rgb(214, 79, 36);
	}

div.footer p {					
		padding: 0px 0px 4px 0px;
		margin: 12px 0px 0px 0px;
		line-height: 100%;
		text-align: center;
		
	}

div.footer p a {	
		margin: 0px 10px;
		color: white;
		font-weight: normal;
		font-style: normal;
		/*padding: 7px 5px 6px 5px;*/
	}


div.footer div#lastUpdated {
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;

		margin: 20px 0px 0px 10px;

	}

/* caption
------------*/

p.captionBlock {				
		display: inline;
		padding: 10px;
		text-align: center;		
	}

p.captionBlock a.imageLink {
		text-align: center;
		display: block;
	}

p.captionBlock a.imageLink:hover {
		color:rgb(233, 153, 79); 
	}


p.captionBlock a.imageLink img {
		display: block;
		margin-bottom: 5px;
	}


/* heating homes pack
------------*/

/*label#label_pack,
label#label_bdm_visit {
		width: 70px;
	}*/

/* product page
--------------------*/

div#details {
		float: left;
		padding: 0px 0px 5px 0px;

		margin-right: 12px;
		margin-right: 24px !important;

		background: rgb(251, 235, 159);
		border: rgb(233, 153, 79) solid 1px;
	}

div#details h4 {
		background: rgb(233, 153, 79);
		color :white;
		padding: 5px;
	}

div#productList {
		float: right;
		padding: 20px 5px 5px 5px;

		margin-left: 12px;
		margin-left: 24px !important;

		/*background: rgb(251, 235, 159);
		border: rgb(233, 153, 79) solid 1px; */

		/*background: black;
		color: rgb(251, 235, 159);
		border: rgb(233, 153, 79) solid 1px;
		font-weight:bold;*/
	}

div.productHolder a:hover img {
		background: none;
	}

div.productHolder p {
		margin: 0px 0px 15px 2px;
	}

div.productHolder p a {
		display: block;
		width: 100px;
		padding: 2px 10px;
		font-weight: bold;
	}

/* solar
---------------------------*/

div#contentSolar div.panel {
		width: 300px;
		float: left;		
	}

div#contentSolar .imageFloatRight {
		padding-top: 0px;
	}

div#contentSolar .imageFloatLeft {
		padding-top: 0px;
		padding-bottom: 0px;
	}

div#contentSolar table.solar {
		margin-left: 90px;
		font-size: 12px;
	}	

table.solar tr {
		
	}

table.solar th {
		background: rgb(246, 149, 20);
		color: white;
		padding: 5px;
	}

table.solar td {
		border:solid 1px rgb(252, 221, 181);
		padding: 5px;
	}

table.solar .solarFeature,
table.solar .solarBenefit {
		width: 250px;
	}

table.solar .solarGap {
		border-color: white;
		background-color: white;
	}

/* contactMap
---------------*/

div.contactMap {
		clear: right;
	}