/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
    MARGIN:0;
}

.Site H1, .Site H2, .Site H3, .Site H4, .Site H5, .Site H6
{
	margin: 0;
	margin-bottom: 10px;
	line-height: 1em;
}


.Site FORM
{
	margin:0;
}
.Site form th
{
	text-align:right;
}
.Site form TD
{
	padding:2px 0;
}
.Site IMG
{
	BORDER:none;
}
.Site TABLE
{
	WIDTH: 100%;
	BORDER:none;
}
.Site th, 
.Site td
{
	padding:0;
	text-align:left;
	vertical-align:top;
}
.Site dl, 
.Site ol, 
.Site ul
{
	margin-left:20px;
	padding:0;
}
.Site ul li
{
	list-style-type:square;
}

.Site .detail dt 
{
	font-weight: 800;
	float: left;
	margin-right: 10px;
	min-width: 120px;
	margin-bottom: 10px;
}

.Site .detail dd
{
	margin-bottom: 10px
}

.Site .detail dt.address
{
	margin-bottom: 90px
}




/* ####################################   Classes   #################################### */


.Site #mainTitle h1
{
	margin-bottom:20px!important;
}


.Site .box
{
    padding:0;
    width:auto;
    height:1%;
}
.Site .box .tl, 
.Site .box .tr
{
	padding:0;
    margin:0;
    width:auto;
}

.Site .box h2.title
{
    margin:0 !important;
    padding:5px !important;
    width:auto;
}

.Site .box .content
{
    position:relative;
    padding:10px;
}
.Site .content img
{
	margin:0 5px 5px;
}
.Site .content table td
{
	padding:3px;
}
.Site .detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px;
    position: relative;
}
.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .textBox,
.Site .required
{
    WIDTH:250px;
    font-size:1em;
}

.Site .formMainTable td,
.Site .formMainTable th
{
   padding: 5px;     
}
.Site .list
{
    MARGIN-BOTTOM: 5px;
    margin-left:1px;
    PADDING: 5px 0;
}
.Site .label
{
	FONT-WEIGHT: bold;
}
.Site .list H3
{
    MARGIN-TOP:0;
    MARGIN-BOTTOM: 5px
}
.Site .list H4
{
    MARGIN: 0px
}
.Site .list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px;
    position: relative;
}
.Site .list P
{
	MARGIN: 3px 0;
}
.Site .list .terminus, 
.Site .detail .terminus
{
	clear:right;
}
.Site .morelink
{
    TEXT-ALIGN: right
}
.Site .backlink
{
    TEXT-ALIGN: right
}
.Site .stepper
{
    PADDING:3px 5px;
    width:auto !important;
}
.Site .stepper P
{
    MARGIN: 0px;
    TEXT-ALIGN: right;
}
.Site TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site TABLE.documentTable TH.heading
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site .template
{
	padding-left:1px;
}
.Site .template ul
{
	margin-left:20px;
}
.Site #template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}
.Site .subPageList
{
	margin:0;
	padding:0;
}
.Site .subPageTitle a
{
	display:block;
}
.Site .subPageTitleThumb img
{
	display:block;
}


/* ################################### Site IDs ################################# */

#mainTable
{
    line-height:1.2;
	width:986px;
	margin:auto;
}
.Site #mainHeader
{
	position:relative;
	min-height:89px;
	float:left;

}

.Site .fullwidth #template_1_Column #header 
{
	/*float:left;*/
}



.Site #mainMenuContainer ul
{
	margin: 0;
}

.Site #mainLayoutContainer 
{
	min-height: 573px;
	position: relative;
}

.Site #searchBar 
{
	min-height: 34px;
}

.Site #strapline 
{
	width: 450px;
	position: absolute;
	top: 15px;
	left: 10px;
}

.Site #strapline ul a
{

}

.Site #strapline h2
{
	display:inline;
	overflow: hidden;
}

.Site #loginBrief 
{
	float: right;
	margin-right: 12px;
}

.Site #loginBrief table 
{
	width: auto;
	border-collapse: collapse;
	border: none !important;
	background: Transparent !important;
}

.Site #loginBrief table td
{
	padding: 0;
}

.Site #loginBrief table input.textBox
{
	width: 71px;
	margin: 0 3px;
	font-size: 110%;
	border: solid 1px #b7aeae;
	color: #c7c0c0;
}

.Site #loginBrief table .loginName
{
	font-weight: 300;
	color: #404040;
	text-transform: uppercase;
	padding-top: 3px;
}

.Site #loginBrief table .loginButton
{
	background: transparent url(/images/layout/membershipLogin.gif) no-repeat 0 0;
	border: none;
	font-size: 90%;
	width: 32;
	height: 21px;
	padding: 3px 6px;
	color: #c7c0c0
}

.Site #loginBrief table .loginButton:hover
{
	color: #6497b5;
}


.Site #location 
{
	padding: 6px 6px 12px 6px;
}

.Site #location .hidden
{
	display: none;
}

.Site #leftcol 
{
	width: 152px;
	float: left;
	height: 100%;
}


.Site #iconBoxes 
{
	margin-left: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* ################################## Menu setup ################################### */

.Site #mainMenu
{
	margin-top: 54px;
	left: 0;
	margin-left: 8px;
	margin-right: 8px;
	width: 970px;
}

.Site #mainMenu ul, 
.Site #mainMenu li, 
.Site #subMenu ul, 
.Site #subMenu li
{
    padding:0;
    margin:0;
}

.Site #mainMenu li, 
.Site #subMenu li
{
	list-style:none;
	display:inline;
}


.Site #mainMenu ul a
{
	float:left;
	padding:8px 9px 7px 9px;
	line-height:1.2em;
	font-weight: 700;
	font-size: 0.9em;
}

.Site #mainMenu ul a span
{
	border:none;
	padding-left: 13px;
	white-space: nowrap;
}

.Site #mainMenu ul a span span
{
	border:none;
	padding:0;
	margin:0;
}

.Site #mainMenu a:hover span
{
	text-decoration: none !important;
}

.Site #mainMenu ul li.first a
{

}

.Site #mainMenu ul li.last a
{

}

/* ################################## Sub Menu setup ################################### */

.Site #leftcol 
{
	padding-bottom: 90px;
}

.Site #subMenu
{
	margin:12px 0 60px 0;
}
.Site #subMenu ul a
{
	line-height:1.5em ;
	display:block;
	padding:6px 0 6px 23px;
	padding:10px 10px 17px 24px;	
	margin:0;
	font-size: 1em;
}

.Site #subMenu ul li.first a
{
	display:block;
	padding:6px 0 6px 23px;
	padding:0 10px 16px 24px;
}

.Site #subMenu ul ul a
{
	padding-left:33px!important;
}
.Site #subMenu ul ul ul a
{
	padding:3px 0 3px 43px!important;
}
.Site #subMenu ul ul ul ul a
{
	padding-left:53px!important;
}

/* ======================== */

.Site #mainTitle
{
    MARGIN:0 0 0 175px;
}
.Site #mainTitle H1
{
	MARGIN: 0;
}

.Site #mainLayout
{
	margin-left:153px;
	line-height:1.5;
	padding:0 24px 20px 24px;
	/*position: relative;*/
}

.Site .fullwidth #mainLayout
{

	padding:0!important;
}

.Site #mainLayout TABLE#productList TD.list
{
    width: 50%;
}
.Site #template_News_Articles_Style_2 #column1
{
	float:left !important;
	width:230px !important;
}
.Site #template_News_Articles_Style_2 #column2
{
	margin:0 0 0 250px !important;   
}
.Site #template_Mailform_Right #column1
{
	float:none !important;
    width: 490px !important;
}

.Site #template_Mailform_Right #column2
{
	margin:20px 0 !important;
	width: 490px !important;
}
.Site #mainFooter
{
    padding:10px;
}

.Site #footer .logo
{
	display:block;
	width: 114px;
	height: 40px;
	text-indent: -9000px;
	font-size: 0;
}

/* ======================== */


.Site #header
{
	/*padding-bottom:10px;*/
	margin-bottom:10px;
}

.Site #footer
{
	margin-top:10px;
	padding-top:10px;
	clear:right;
}

/* ===========SUB MENU LAYOUT============= */

.Site #template_2_Columns DIV#column1
{
	width: 388px !important;
}

.Site #template_2_Columns DIV#column2
{
	margin-left: 398px !important;
}

.Site #template_Microgen_Subpage DIV#column1
{
	width: 388px !important;
	float: left;
}

.Site #template_Microgen_Subpage DIV#column2
{
	margin-left: 388px !important;
}

.Site #template_2_Columns_Boxed DIV#column1
{
	width: 376px !important;
}
.Site #template_2_Columns_Boxed DIV#column2
{
	margin-left: 386px !important;
}

.Site #template_2_Columns_66_33 DIV#column1
{
	width: 513px !important;
}

.Site #template_2_Columns_66_33 DIV#column2
{
	margin-left: 523px !important;
}

.Site #template_2_Columns_66_33_Boxed DIV#column1
{
	width: 503px !important;
}

.Site #template_2_Columns_66_33_Boxed DIV#column2
{
	margin-left: 523px !important;
}


.Site #template_2_Columns_33_66 DIV#column1
{
	width: 254px !important;
}

.Site #template_2_Columns_33_66 DIV#column2
{
	margin-left: 264px !important;
}

.Site #template_2_Columns_33_66_Boxed DIV#column1
{
	width: 246px !important;
}

.Site #template_2_Columns_33_66_Boxed DIV#column2
{
	margin-left: 256px !important;
}


.Site #template_3_Columns DIV#column1
{
	width: 265px !important;
}

.Site #template_3_Columns DIV#column2
{
	margin-left: 10px !important;
	width: 265px !important;
}

.Site #template_3_Columns DIV#column3
{
	margin-left: 550px !important;
}


/* ===========FULL WIDTH============= */

.Site .fullwidth #mainTitle
{
	margin-left: 84px!important;
	margin-right: 84px;
}

.Site .fullwidth #mainLayout
{
	margin-left: 84px!important;
	margin-right: 84px;
	/*border: solid 1px red;*/
}

.Site .fullwidth #template_1_Column .content
{
	/*float:left !important;*/
}

.Site .fullwidth #template_2_Columns  DIV#column1
{
	width: 404px !important;
}

.Site .fullwidth #template_2_Columns DIV#column2
{
	margin-left: 414px !important;
}

.Site .fullwidth #template_2_Columns_Boxed DIV#column1
{
	width: 393px !important;
}

.Site .fullwidth #template_2_Columns_Boxed DIV#column2
{
	margin-left: 403px !important;
}

.Site .fullwidth #template_2_Columns_66_33 DIV#column1
{
	width: 534px !important;
}

.Site .fullwidth #template_2_Columns_66_33 DIV#column2
{
	margin-left: 544px !important;
}

.Site .fullwidth #template_2_Columns_66_33_Boxed DIV#column1
{
	width: 525px !important;
}

.Site .fullwidth #template_2_Columns_66_33_Boxed DIV#column2
{
	margin-left: 535px !important;
}


.Site .fullwidth #template_2_Columns_33_66 DIV#column1
{
	width: 295px !important;
}

.Site .fullwidth #template_2_Columns_33_66 DIV#column2
{
	margin-left: 305px !important;
}

.Site .fullwidth #template_2_Columns_33_66_Boxed DIV#column1
{
	width: 257px !important;
}

.Site .fullwidth #template_2_Columns_33_66_Boxed DIV#column2
{
	margin-left: 267px !important;
}

.Site #template_3_Columns DIV#column1
{
	width: 253px !important;
}

.Site #template_3_Columns DIV#column2
{
	margin-left: 10px !important;
	width: 253px !important;
}

.Site #template_3_Columns DIV#column3
{
	margin-left: 526px !important;
	width: auto;
}


.Site .fullwidth #template_3_Columns DIV#column1
{
	width: 265px !important;
}

.Site .fullwidth #template_3_Columns DIV#column2
{
	margin-left: 10px !important;
	width: 265px !important;
}

.Site .fullwidth #template_3_Columns DIV#column3
{
	margin-left: 550px !important;
}





/* ======================== */

.Site TABLE#subPageTable .col1
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable .col2
{
    WIDTH: 40%;
}
.Site TABLE#subPageTable .col3
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable TH.heading
{
    PADDING: 5px;
}
.Site TABLE#subPageTable TD.cell
{
    PADDING:5px;
    VERTICAL-ALIGN: middle;
}
.Site #template_Products_Grouped .backlink
{
	clear:right;
	padding:3px;
	TEXT-ALIGN: right;
}

/* ======================== */

.Site #template_sitemap ul
{
	margin:0 0 0 20px;
	padding:0;
	line-height:1.8;
}
.Site #template_sitemap ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul 
{
	line-height:1.5;
}

.Site TABLE#productList
{
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px
}
.Site TABLE#productList td img
{
    float:none;
    text-align:center !important;
}
.Site TABLE#productList TD.list
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}
.Site #developerLink a
{
	margin:10px;
}

/* ############################### Header Info ############################ */

.Site #headerInfo
{
	position:relative;
	float:right;
	width:400px;
}
.Site #headerInfo
{
	width:400px;
}

.Site #logonForm th, 
.Site #logonForm td
{
	vertical-align:middle;
}


/* ################################## Top Seach ################################### */

.Site #searchForm_brief 
{
	padding-top: 8px;
}


.Site #searchForm_brief label	
{
	float:left;
}

.Site #searchForm_brief input.inputBox
{
	width:137px;
	float:left;
	margin-right: 3px;
	margin-left: 6px;
	border: solid 1px #b7aeae;
	color: #555555;
	padding: 2px 10px;
	font-size: 90%;
}




.Site #searchForm_brief .submitButton
{

	border: none;
	margin: 0;
	width: auto;
	float:left;
	background: transparent url(/images/layout/searchButton.gif) no-repeat 0 0;
	width: 64px;
	height: 21px;
	color: #c7c0c0;
}
 
.Site #searchForm_brief .submitButton:hover
{
	color: #6497b5;
}


.Site .microgeneration-homepage-icon
{

	margin-right: 16px;
	margin-left: 31px;
}


.Site .fullwidth #template_1_Column #header h2
{

float: left;
width:85%;
}

.Site #template_1_Column #header h2.grey
{

float: left;
clear: left;

}


.Site #template_1_Column #header h2.blueHeader
{

	margin-top: 55px;

}


.Site #template_1_Column #header table
{
width: auto!important;
float: right;
}



.Site #template_1_Column #header  .microgeneration-homepage-icon
{

margin-bottom: 5px;
	
}

.Site #template_1_Column #header  .gemserv-homepage-icon
{

margin-bottom: 5px;
}


.Site .flyoutHidden 
{
	display:none;
}


.Site table#heatpumps td, .Site table#heatpumps th
{
    width: 20% !important;
}

.Site table#heatpumps th
{

}

.Site table tbody td.certificatedDate 
{
	width: 95px;
}

.Site table tbody td.moreInfo 
{
	width: 65px;
}