/* clear away the body margins and scrollbars from the body to get a clean canvas*/

body {

	margin:0px;
	/*background-color:#c8d4de;*/
	/*overflow:hidden;*/
    

}

.trueBody{
    	/*position:absolute;

	top:0px;

	bottom:0px;

	left:0px;

	right:0px;*/

	/*width:expression(document.body.clientWidth);

	height:expression(document.body.clientHeight);*/
    background-color:#c8d4de;
	/*overflow:scroll;*/
}
.canvasDiv{ /* make an absolute div canvas for the page same size as browser window that scrolls */
	
	/*position:absolute;

	top:0px;

	bottom:0px;

	left:0px;

	right:0px;*/

	/*width:expression(document.body.clientWidth);

	height:expression(document.body.clientHeight);*/


	text-align:center; /* center the canvas table within this div */

	background-color:#c8d4de;

	background-image:url(/web/design/dealeraccess/images/body-bg.gif);
	background-repeat:repeat-x;
    

}

/* mac ie has problems with some css so we need a way to hide instructions from it.

	One of the bugs can be used to do this, such that by using a \ in a comment it ignores all settings

   until the next comment is reached    */

.trueBody{

	/*overflow:auto;*/

}

/* so mac ie is still on overflow:scroll; as it couldn't read the class between the comments */





/* table is the size of the static width site */

.canvasTable{

	width:760px;

	height:100%;

	margin-left:auto; /* setting both margins to auto centers the table for gecko */

	margin-right:auto;

	font-size:0px;

	border-left:solid 1px #a1aab1;
	border-right:solid 1px #a1aab1;

	background-color:#ffffff;


}




/* cause any rtf text to maintain the overall corp design and not kindie!, they now inherit from their immediate parent container */

font{

    color:inherit;

    font-size:inherit;

    font-family:inherit;

}



/* if the html editor inserts p into the content remove margins so customer doesn't create unwanted gaps */

p {

    margin-top:0px;

}



li{

    text-align:left;

}



.block{

    display:block;

}



.nowrap{

	white-space: nowrap;

}



.clearFloat{

    clear:both;

}



.floatLeft{

    float:left;

}



.floatRight{

    float:right;

}



.vertSpaceSmall{

	padding-top: 6px;

	padding-bottom: 6px;

}



.padAbove{

	padding-top: 10px;

}



.padLeft{

    padding-left:15px;

}



.padLeftMedium{

	padding-left:7px;

}



.padLeftTiny{

    padding-left:3px;

}



.padRight{

    padding-right:15px;

}



.padRightTiny{

    padding-right:3px;

}



.gapLeft{

    margin-left:15px;

}



.gapRight{

    margin-right:15px;

}



.gapAfter{

	margin-bottom: 15px;

}



.alignCentre{

	text-align: center;

}



.alignRight{

	text-align: right;

}



.bold{

	font-weight:bold;

}



#toprow_cont{

   
    

/*     background-color:pink; */

/* 	background-color:#3C6577; */



}

#toprow{


    height:80px;
   /*  background-color:#ffffff;
    border-bottom:solid 1px #ffffff; */
    

/* 	background-color:#3C6577; */

}

#toprow_right{
    width:470px;
    height:72px;
    height:expression("74px");
    float:right;
    text-align:right;
    border-left:solid 1px #ffffff;
}


.logo_cont{
    padding-top:24px;
    padding-left:30px;
}

.right_logo{
	margin-top:10px;
	display:block;
}



#bottomrow{


    margin-top:8px;
    

/* 	line-height: 25px; */ /* only allow 1 line of text */

}



#lhs_cont{

    /*  w3c box model accommodation as outer container is 100% height */

    margin-top:5px;

   

}



#lhs{

width:162px; 
/* border-top:solid 3px #388CEF; */
position:relative;
top:-48px;
z-index:99;
background-color:#ffffff;
padding-top:10px;

}



#ctr_cont{

   /*   background-color:yellow; */
}



#ctr{

    text-align:left;


	/* Check with Andrew about how to work out the difference between expression and pixel width */
    width:500px; 
	width:expression("500px");
	
    padding-left:10px;
    padding-right:10px;
    margin-left:12px;
    /*width:374px;*/
    /*width:expression("394px");*/
    

/*  background-color:pink; */

}



#rhs_cont{

      background-color:#ffffff;
/*     float:right; */
    

}



#rhs{
	display: none;
	width:157px; /* dimensions of rhs */
	width:expression("183px"); /* dimensions of rhs */
    padding-left:28px;
    padding-bottom:20px;
/*     background-color:pink; */

}

#defaultFlashNav{
    background-color:#388CEF;
    margin-left:1px;
    margin-right:1px;
/*     padding-left:183px; */
}

#defaultFlashNav object, #defaultFlashNav div, #defaultFlashNav img{
    position:relative;
    left:183px;
}

#blueBorder{
    background-color:#B3D9FF;
    margin-top:2px;
    margin-left:183px;
    margin-right:18px;
    line-height:8px;
}


.searchContainer{

	/* background-color:#cccccc; */

	padding-right:10px;

	padding-top:40px;

	padding-bottom:10px;

	border-bottom:solid 1px #ffffff;

    float:right;
    color:#666666;
    font-weight:bold;

}



.searchappletbutton{

    font-size:1px;
    background-image:url(search-button.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
    color:#ffffff;
    height:20px;
    width:63px;
    float:right;
    margin-top:3px;
    margin-top:expression("4px");
    margin-right:16px;
    margin-left:2px;
    padding-right:2px;
}

.searchappletbutton:hover{

    color:#ffffff;

}

.searchInput{

    width:150px;
    height:20px;
    margin-top:3px;

	border:solid 1px #666666;

}

#search_cont{
/* 
    width:149px; 
 */
/*     float:right; */



}

#search_cont_right{

/*     width:200px; */

/*     float:right; */



}

#search_cont_out{

/*     clear:both; */

/*     background-color:orange; */

/*     text-align:left; */



}





/* set the default fonts to use in the site */

div,td, textarea, input {

	font-family:Arial, helvetica, Verdana, sans-serif;
    color:#666666;
	font-size: 12px;

}



li, ul{
    padding:0px;
    margin:0px;
   
}

ul{
    margin-bottom:10px;
}

/*li{
     padding-left:10px;
    margin-left:14px;
}
*/
img {
    border:none;
}



.pageHeader{

    margin-top:20px;
    font-size:18px;
    font-weight:bold;
    color:#0379CF;
    border-bottom:solid 3px #cccccc;
    padding-bottom:6px;
    margin-right:10px;
    margin-left:20px;
}



.pageSubHeader{
    margin-left:20px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:14px;
    font-weight:bold;

    color:#0379CF;
 

}



.sectionHeader{

    padding-bottom:3px;

    margin-bottom:4px;

    font-size: 14px;
    font-weight:bold;
    color: #666666;

}



.sectionSubHeader{

    padding-bottom:3px;

    color: #777777;

	font-weight:bold;
    margin-bottom:4px;

    font-size: 13px;

}



.sectionContent{
    color:#666666;
    font-size:11px;
    text-align:left;
 /*    margin-left:20px; */

/*     line-height:15px; */
    margin-top:10px;

}

.sectionContent div{


    color:#666666;
    font-size:11px;

    text-align:left;
    margin-top:10px;


}



.sectionContent a{

	color: #0379CF;

}



.sectionContent a:hover{

	color: #666666;

}



.sectionContent b, .sectionContent strong{

    color:#777777;

}

.sectionContent img{
margin-bottom:10px;
}

/* BREAD CRUMBS */

#breadCrumb_cont{
    height:24px;
    line-height:24px;
}

#breadCrumb_intro{
    padding-left:6px;
    padding-right:10px;
    font-weight:bold;
    float:left;
}

#breadCrumb{
}

.crumbs{
        color:#bbbbbb;
}

.crumbs .parent{
    font-weight:normal;
}

.crumbs .self{
    font-weight:bold;
}


#login{

/*     background-color:pink; */

 margin-right:20px;

    padding-top:10px;

    padding-left:7px;

    line-height:20px; 

    /* background-image:url(c.gif);

	background-position:center left;

	background-repeat:no-repeat; */

}

.logout{

    margin-right:20px;

    padding-left:7px;

    line-height:20px;

/*     background-color:yellow; */

    

   /*  background-image:url(c.gif);

	background-position:center left;

	background-repeat:no-repeat; */

}

#loginbutton{

    font-size:12px;

    color:#666666;

    text-decoration:none;

    font-weight:bold;



    /* background-image:url(client-login.jpg);

    background-repeat:no-repeat;

    background-position:center center;

     background-color:#A4D03D; 

    display:block;

    width:100%;

    height:40px;

    height:expression("45px");

    padding-bottom:5px!important; */

   

}

#adminbutton{

    font-size:12px;

    color:#666666;

    margin-right:20px;

    text-decoration:none;

    padding-left:7px;

    line-height:20px;

    font-weight:bold;



    /* background-image:url(c.gif);

	background-position:center left;

	background-repeat:no-repeat; */

     /* background-color:#A4D03D; 

    background-image:url(client-admin.jpg);

    background-repeat:no-repeat;

    background-position:center center;

    display:block;

    width:100%;

    height:40px;

    padding-bottom:5px; */

    }

.logoutButton{

    font-size:12px;

    color:#666666;

    text-decoration:none;

    font-weight:bold;

    /* color:#A4D03D;

    background-image:url(client-logout.jpg);

    background-repeat:no-repeat;

    background-position:center center;

    display:block;

    width:100%;

    height:40px;

    padding-bottom:5px; */

}



#loginbutton:hover, #adminbutton:hover, .logoutButton:hover{

    color:#01AEF0;

}

    




.outerCont{

    background-color:#A5CC3B;

    width:100%;

}



/*news*/

#homeNewsPreview_cont{
/*    background-color:red; */
    width:135px;
   
}

#homeNewsPreview_header{
     background-image:url(newspreview-topbg.gif);
    background-position:left top;
    background-repeat:no-repeat;
/*     background-color:yellow; */
    width:135px;
     height:8px;
    /*margin:0px;
    padding:0px; */
    font-size:1px;
}

#homeNewsPreview_footer{

 background-image:url(newspreview-footerbg.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    width:133px;
    width:expression("135px");
/*     background-color:green; */
/*     height:30px; */
    border-left:solid 1px #d1d1d1;
    border-right:solid 1px #d1d1d1;
}

#homeNewsPreview_footer a{
    color:#ED6109;
    font-weight:bold;
    background-image:url(more-news-bg.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:10px;
    margin-left:10px;
    line-height:30px; 
    
    display:block;
}

#NewsPreview_cont{
/*    background-color:red; */
    width:135px;
   
}

#NewsPreview_header{
     background-image:url(newspreview-topbg.gif);
    background-position:left top;
    background-repeat:no-repeat;
/*     background-color:yellow; */
    width:135px;
     height:8px;
    margin-top:20px;
    font-size:1px;
}

#NewsPreview_footer{

  background-image:url(newspreview-footerbg.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    width:133px;
    width:expression("135px");
/*     background-color:green; */
/*     height:30px; */
    border-left:solid 1px #d1d1d1;
    border-right:solid 1px #d1d1d1;

}

#NewsPreview_footer a{
    color:#ED6109;
    font-weight:bold;
    background-image:url(more-news-bg.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:10px;
    margin-left:10px;
    line-height:30px; 
    
    display:block;
}

.newscontainer{


 

    

}

.newslinkheader{

    display:block;
    font-weight:bold;
    color:#666666;
    font-size:12px;
}

.newslinksubheader{

    display:block;

    text-decoration:none;

    color:#666666;

}

.newslink{

    padding:10px;
    padding-top:4px;
    padding-right:6px;
    border-left:solid 1px #d1d1d1;
    border-right:solid 1px #d1d1d1;
    font-weight:bold;
    
}

.newslink img{
    padding-top:15px;
}

.newsimage{
    padding-top:15px;


    display:block;

}

.newslink a{

    text-decoration:none;

    color:#666666;

	font-size:11px;

}

.newslink a:hover{

    color:#000000;

	text-decoration:underline;

}

.newslinksubheader a{

    text-decoration:none;

    color:#666666;

}

.newsAppletHeader{

    font-size:12px;

    

    padding-left:10px;



    padding-bottom:5px;

}



#moreNews_link{
    padding-left:10px;

     padding-bottom:30px;
    border-bottom:solid 1px #cccccc;
}

/* RHS QUICK LINKS */

.rhs_quickLinks_cont{
       width:135px;
    
}
.rhs_quickLink{
     border:solid 1px #cccccc;
    padding:10px;
    margin-top:14px;
   background-image:url(quickLink-bg.gif);
   background-position:right;
   background-repeat:no-repeat;

}
.rhs_quickLink_withImg{
    border:solid 1px #cccccc;
    padding:10px;
    margin-top:14px;
        height:36px;
}

.rhs_quickLink_withImg a{
    text-decoration:none;
     font-size:9px;
     font-weight:bold;
     font-family:arial, sans-serif;
}

.rhs_quickLink a{
    text-decoration:none;
     font-size:9px;
     font-weight:bold;
     font-family:arial, sans-serif;
}

.quickLink_hdr{
/*     background-color:#ffffff; */
/*     width:88px; */
    display:block;
}

.quickLink_content{
    color:#388CEF;
    width:94px;
    display:block; 
/*     background-color:#ffffff; */
}

.quickLink_image{
    float:left;
    padding-right:10px;

}





#moreNews_link a{
    color:#000000;
    font-weight:bold;
    text-decoration:none;
    background-image:url(device.gif);
    background-repeat:no-repeat;
    background-position:right bottom;
    display:block;
    margin-right:90px;
    margin-top:8px;
   
}

.relatedAppletHeader{

    font-size:12px;

    background-color:#A5CC3B;

    padding-left:10px;

    padding-top:5px;

    padding-bottom:5px;

}

.relatedPagesCont{

    background-color:#ffffff;

}

.RelatedPageslinks{

    border-left:solid 1px #cccccc;

    border-bottom:solid 1px #cccccc;

    padding:10px;

	text-align:center;

}

.RelatedPageslinks a{

   text-decoration:none;

    color:#666666;

	font-size:11px;

}

.RelatedPageslinks a:hover{

   text-decoration:underline;

}

.RelatedPagesImage{

	text-align:center;

	padding-bottom:5px;

}






.footer{
    /*background-color: #dedede;
     color:#666666;
    margin-bottom:12px;
    margin-left:1px;
    margin-right:1px;
    height:20px;
    line-height:20px;*/
/*     padding-top:6px; */
}

.footerlinkcont{
/* 
    height:10px;

    padding-right:10px;
    padding-top:4px;
    float:right;
    display:block;
 */
}

.footerlink a{
/*
    text-decoration:none;

    color:#666666;

    font-size:10px;
*/


}



.footerlink{
/*
    padding-right:5px;

    padding-left:5px;


    color:#666666;

    font-size:10px;
*/
}


/*paging*/



.defaultpaging {

    float:right;

	color: #000000;

	font-size: 11px;

	font-family:Arial, helvetica, Verdana, sans-serif;

    font-weight:bold;

	text-decoration: none;

    margin-bottom:15px;

}



.pageIdentifier {

	font-weight: bold;

	padding-left: 2px;

	padding-right: 2px;

}



.pageLink{

	padding-left: 3px;

	padding-right: 3px;

	/* color: #01AEF0; */

	color: #0066AA;

    font-weight:bold;

    text-decoration: none;

}



.pageLink:hover{

	padding-left: 3px;

	padding-right: 3px;

	/* color: #3E6878; */

	color: #0099DD;

    font-weight:bold;

    text-decoration: underline;

}




 
/*
 #col2 a {

     font-size:12px;

     color:#666666;

 }

 

 #col2 a:hover{

     color:#000000;

 }
*/
 
#prodMgrLink{
    float:right;
    padding:30px;
    font-weight:bold;
}
 

/* DEALER AND SPARES */
.dealerRegion{
    background-color:#EEEEEE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    border: solid 1px #FF6600;
    padding: 2px;
    margin-bottom:4px;

}
.dealerComodCart{
    color: #336699;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    display:block;
    float:right;
/*     position:abslute;
    top:155px;
    left:575px; */
}
.dealerEtaGreen{
    color: #33CC00;
}
.dealerEtaAmber{
    color: #FF6600;
}
.dealerEtaGrey{
    color: #CCCCCC;
}
.dealerTable{
    margin-top:5px;
    background-color:#EEEEEE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
}
 .dealerTable td{
    color:#000000;
	font-size:10px;
} 
.dealerDateEdit{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #336699;
    border: solid 1px #AAAAAA;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:1px;
    padding-right:1px;
    width: 70px;
    text-align: left;
    text-decoration:none;
}
.leftMarg_A{
    margin-left:0px;
    margin-right:60px;
}
.dealerInvSearch{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #336699;
    border: solid 1px #AAAAAA;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:10px;
    padding-right:10px;
    width: 30px;
    text-align: center;
    text-decoration:none;
    float:right;
    position:absolute;
    top:220px;
    left:615px;
}
.dealerInvPrint{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #336699;
    border: solid 1px #AAAAAA;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:10px;
    padding-right:10px;
    width: 30px;
    text-align: center;
    text-decoration:none;
    float:right;
    position:absolute;
    top:220px;
    left:671px;
}
.dealerInvEmail{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #336699;
    border: solid 1px #AAAAAA;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:10px;
    padding-right:10px;
    width: 30px;
    text-align: center;
    text-decoration:none;
    float:right;
    position:absolute;
    top:240px;
    left:615px;
}
.dealerEmailPrint{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #336699;
    border: solid 1px #AAAAAA;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:10px;
    padding-right:10px;
    width: 30px;
    text-align: center;
    text-decoration:none;
    float:right;
    position:absolute;
    top:240px;
    left:671px;
}
.BRclearFloats {
    /* use on a BR tag*/
    line-height:0px;
    clear:both;   
}

.dealerButton,
.HeatpumpsAddLead .submitBtnLink
{
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #336699;
    background-color:#FFFFAA;
    border: solid 1px #AAAAAA;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:5px;
    padding-right:5px;
    margin-left:3px;
    margin-top:2px;
    margin-bottom:3px;
    margin-right:10px;
    width: 65px;
    text-align: center;
    text-decoration:none;
    cursor:pointer;
}
.savecart{
    float: left;
    margin-left:3px;
    margin-top:2px;
    margin-bottom:3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #336699;
    background-color:#FFFFAA;
    border: solid 1px #AAAAAA;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:5px;
    padding-right:5px;
    width: 65px;
    text-align: center;
    text-decoration:none;
}
.dealerQuantityEdit{
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #336699;
    border: solid 1px #AAAAAA;
    padding-top:1px;
    padding-bottom:1px;
    width: 30px;
    text-decoration:none;
}
.dealerEdits{
    float:left; 
    border: solid 1px #aaaaaa;
    background-color: #ffffff;
    width: 180px;
    font-family: Arial, Helvetica, sans-serif;
    color: #555555;
    font-size: 10px;
    padding:1px;
    margin-left:1px;
    margin-top:2px;
}
.dealerMultiEdits{
    border: solid 1px #aaaaaa;
    background-color: #ffffff;
    width: 379px;
    font-family: Arial, Helvetica, sans-serif;
    color: #555555;
    font-size: 10px;
    padding:1px;
    margin-bottom:3px;
    margin-left:3px;
    height:36px;
    float:left;
}
.dealerStatusMessage{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color: #000000;    
    background-color:#FFFF99;
    padding-bottom:2px;
    padding-left:2px;
    margin-bottom:2px;
    margin-top:2px;
}
.dlrLoginDtls {
    color: #FF9900;
    width:555px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    display:block;
   /*  float:right; */
   /*  position:absolute;
    top:110px;
    left:467px; */
    padding:10px 0px;
}
.tblRowLight {
    background-color:#EEEEEE;
    height:30px;
}
.tblRowDark { 
    background-color:#DDDDDD;
    height:30px;
}
.tblRowDarkH { 
    background-color:#FF9900;
    height:30px;
    color:#FFFFFF;
}

.tblRowDarkH td{
color:#ffffff;
}

.tblRowLightBO {
    background-color:#EEEEEE;
    height:20px;
}
.tblRowDarkBO { 
    background-color:#DDDDDD;
    height:20px;
}
.tblRowDarkBOH { 
    background-color:#FF9900;
    /*height:20px;*/
    color:#FFFFFF;
}
.tblRowDarkBOH td{
     color:#FFFFFF;
     margin:2px;
}
.dlrInvRow{
    background-color:#EEEEEE;
    height:18px;
}
.invTable{
    background-color:#CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    margin-left:35px;
    border: 1px solid #FF9900;
}
.invtblHead{
    background-color:#FF9900;
    height:20px;
}
.invtblRow{
    background-color:#ffffff;
    height:18px;
    font-size: 9px;
}
.td100pc {
    width:100%;
}
.switcherBtn{
    text-align:center;
    background-image:url('/web/design/switcher.gif');
    background-position: center bottom;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color:#FFFFFF;/*#FF9900;*/
    border: solid 1px #AAAAAA;
    width: 134px;
    height: 53px;
    text-decoration:none;
/*     float:left; */
    margin-bottom:5px;
  /*   margin-left:15px; */
    display:block;
}
.switcherEdit{
    border: solid 1px #ff9900;
    background-color: #ffffff;
    width: 134px;
    font-family: Arial, Helvetica, sans-serif;
    color: #555555;
    font-size: 11px;
/*     float:left; */
   /*  margin-left:15px; */
    margin-bottom:2px;
    display:block;
}
 
 .menuCenterParent {
    display:block;
	margin-left:17px;
    font-weight:bold;
    color:#0376CA;
    padding-bottom:20px;
   /*  background-color:pink;
     width:100px;  */
}

 .toSupport{
     float:right;
     width:100px;
     
 }

#IEReload{
    font-size:0px;
    display:none;
}

#switchCont{
   padding-top:14px;
   padding-right:10px;
   clear:both; 
}

#retailerlogoutlink{
    padding-top:10px; 
    float:right;
}

#retailerlogoutlink span{
    line-height:20px;
    float:left;
    padding-right:20px;
}
#retailerlogoutlink img{
    display:inline;
}

.line{
	padding-bottom:10px;
}

h6{
	font-size:10px;
}

h3
{
	font-size: 14px;
}

.fontxxSmall
{
	font-size:70%;
}
.fontxSmall
{
	font-size:80%;
}
.fontSmall
{
	font-size:90%;
}
.fontMedium
{
	font-size:100%;
}
.fontLarge
{
	font-size:110%;
}
.fontxLarge
{
	font-size:120%;
}
.fontxxLarge
{
	font-size:130%;
}