﻿.main_cont  
{
    background:url("/web/design/images/heatpumps/wheretobuy/wheretoby2-bg.jpg") no-repeat scroll 0 0 #FFFFFF;
    min-height:567px;
}
.whereRight
{
	float:right;
	width:510px;
	margin:82px 32px 20px 0;	
}
.whereLeft_cont
{
	width:370px;
	padding:0 0 0 10px;	
}
.whereLeft
{
    background:url(/web/design/images/heatpumps/wheretobuy/left-line.gif) 370px 79px no-repeat;
    float:left;
}
.whereLeft h1
{
	padding:33px 0 2px 29px;
	color:#fff;
	font-size:32px;
    height:40px;
    line-height:35px;
}
.whereLeft h2
{
    color:#7593B1;
    font-size:20px;
    line-height:120%;
    float:left;
    margin:24px 0 0 37px;
}
.whereLeft p
{
    width:310px;
    margin:14px 0 0 40px;
    float:left;
}
.whereLeft_cont h4
{
    float:left;
    width:260px;
    margin:10px 0 0 46px;
    line-height:100%;
    font-size:12px;
}
.whereLeft_cont hr
{
    width:315px;
    margin:0 0 0 40px;
    float:left;
    border:none;
    border-top:solid 1px #ccc;
    height:1px;
    clear:both;
    color:#ccc;
}
.selectLocation
{
    margin:12px 0 0 45px;
}
.whereRight h3
{
    color:#333;
    font-size:16px;
    margin:20px 0 10px 2px;
}
.whereRight h3 span
{
    color:#4b6281;
    font-size:16px;
}
.instructArrow
{
    background:url(/web/design/images/heatpumps/wheretobuy/instruct-arrow.gif) 0 0 no-repeat;
    width:392px;
    height:106px;
    margin:249px 0 0 47px;
}


/*  Retailers  */
.greyBackground
{
	background:#eee;
}
.retailerCont
{    
    width:500px;
    border-bottom:1px solid #ccc;
    position:relative;
    min-height:90px;
}
.retailersContEmpty
{
    margin:20px 0 0 20px;
}
.retailerLogo img
{
    max-width:154px;
    max-height:69px;
}
.retailerLogo
{
    width:164px;
    float:left;
    text-align:center;
    overflow:hidden;
    max-height:91px;
}
.logo
{
	float:right;	
	margin:11px 5px;
}
.retailerCont h4
{
    font-size:16px;
    line-height: 100%;
    padding:0;
}
.retailerCont span,
.retailerCont p,
.retailerCont h4
{
    color:#4b6281;
}
.retailerCont p
{
    margin:4px 0 2px 0;

}
.retailerCont .addr p
{
    /*margin:1px 0 7px 0;*/
    margin: 5px 0 0px 0;
}

.retailerCont span
{
    font-weight:bold;
}
.retailerCont .addr span
{
    display:none;
}
.individual,
.chain
{
	overflow:hidden;
	padding:10px 0 0 10px;
}
.chain
{
	height:50px;	
}
.moreLink
{
    background:#ccc url(/web/design/images/heatpumps/wheretobuy/more-info-bg.gif) 86px top no-repeat;
    position:absolute;
    bottom:0;
    right:0;
    width:92px;
    height:14px;
    color:#fff;
    font-size:10px;
    text-decoration:none;
    padding:0 0 0 6px;
}
a.visitWebsite
{
    background:url("/web/design/images/heatpumps/orange-arrow.png") no-repeat scroll right center transparent;
    color:#CC6600;
    font-size:11px;
    line-height:16px;
    padding:0 13px 0 0;
    text-decoration:none;
    float:right;
    position:absolute;
    right:9px;
    bottom:20px;
}
a:hover.visitWebsite
{
    text-decoration:underline;
}
.retailerTooltips
{
    margin:5px 0 5px 175px;
}


/*  Tool Tip   */
.toolTip {
	color: #3366FF;
	position: relative;
}
.toolTipWrapper {
    padding-left:11px;
	width: 175px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	bottom:-2px;
	left:-13px;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */	
	float:left;
	z-index:999;
}
.whereRight .toolTipWrapper 
{
    bottom:0;
    left:-15px;
}
.toolTipTop { /* Top section of the tooltip */
	width: 290px;
	height:20px;
	background: transparent url(/web/design/images/heatpumps/wheretobuy/tooltip-top.png) no-repeat bottom;
}

.toolTipMid { /* Middle section of the tooltip */
	width: 240px;
	min-height:20px;
	background: transparent url(/web/design/images/heatpumps/wheretobuy/tooltip-middle.png);
	padding:0 25px;
	
}
.toolTipMid div
{
    color: #FFF;
	font-weight: bold;
	font-size: 10px;
	font-family:arial,helvetica,sans-serif;
}

.toolTipBtm { /* Bottom Section of the tooltip */
	height: 30px;
	width: 290px;
	background: transparent url(/web/design/images/heatpumps/wheretobuy/tooltip-bottom.png) no-repeat top;
}
.image
{
	width:21px;
	height:21px;
	float:left;
	padding-right:5px;	
}
.showroom
{
	background: transparent url(/web/design/images/heatpumps/wheretobuy/showroom.png) no-repeat;
}
.inHome
{
	background: transparent url(/web/design/images/heatpumps/wheretobuy/inhome.png) no-repeat;
}
.installer
{
	background: transparent url(/web/design/images/heatpumps/wheretobuy/installer.png) no-repeat;
}
.service
{
	background: transparent url(/web/design/images/heatpumps/wheretobuy/service.png) no-repeat;
}


/* Key */
.keyCont
{
    width:345px;
    float:left;
    height:66px;
    margin:14px 0 0 38px;
}
.keyTitle
{
    font-weight:bold;
    float:left;
    width:28px;
    height:50px;
    font-size:11px;
    margin:0px 0 0 3px;
}
.keyInfo
{
    float:left;
    width:310px;   
}   
.keyShowroom,
.keyInstaller,
.keyInhome,
.keySC
{
    float:left;
    height:26px;
}
.keyShowroom,
.keyInstaller
{    
    width:130px;    
}
.keyInhome,
.keySC
{
    width:170px;
}
.keyShowroom span,
.keyShowroom div,
.keyInstaller span,
.keyInstaller div,
.keyInhome span,
.keyInhome div,
.keySC span,
.keySC div
{
    float:left;
}
.keyContent
{
    margin:4px 0 0 0;
    font-size:11px;
}
.keyInfo span img
{
    margin:0 3px 0 4px;
    z-index:300;
}





/* Consult form */
.consultForm
{
	background:url(/web/design/images/heatpumps/wheretobuy/free-consult.png) no-repeat;
	width:276px;
	height:200px;
	margin:21px 0 20px 44px;
}
.bookConsultContent
{
	height:95px;
	overflow:hidden;
}
.freeConsultCont
{
	float:left;
	width:162px;
	height:23px;
	margin:4px 0 0 15px;
	background:transparent url(/web/design/images/heatpumps/book-one-today-btn-ovr.png) no-repeat;
}
.freeConsultCont a
{
	width:162px;
	height:23px;
	background:transparent url(/web/design/images/heatpumps/book-one-today-btn.png) no-repeat;
	text-indent:-9999px;
	display:block;
}
.freeConsultCont a:hover
{
	background:none;
}
.HeatpumpsWhereToBuy2 .consultForm fieldset
{
	margin:2px 0 0 10px;
	font-size:11px;
	height:28px;	
	overflow:hidden;
}
.question
{
    font-size:11px;
    color:#fff;
    margin:9px 0 0 15px;    
}
.mac .consultForm fieldset
{
	margin-left:1px;
}
.consultForm input,
.consultForm label
{
	display:block;
	float:left;
}
.consultForm label
{
	color:#fff;
	text-transform:uppercase;
	margin:5px 0 0 6px;
}
.consultForm input
{
	margin:6px 0 0 10px;
}
#businessLabel
{
	margin-left:22px;
}
#businessCheckbox
{
	margin-left:8px;
}
.bookConsultContent h3
{
	color:#ffcc00;
	font-size:18px;
	height:22px;
	margin:16px 0 0 15px;
}
.bookConsultContent p
{
	width:245px;
	color:#fff;
	height:35px;
	overflow:hidden;
	font-size:10px;
	margin:7px 0 0 15px;
	line-height:120%;
}
.mac .consultForm label
{
	margin-top:6px;
}
.mac .consultForm input
{
	margin:5px 0 0 7px;
}
.mac #businessLabel
{
	margin-left:21px;
}
.mac #homeLabel
{
	margin-left:14px;
}
.mac .businessCheckbox
{
	margin-left:0px;
}
.ie .consultForm input
{
	margin-top:2px;
}
.whereRight .content
{
	padding-right:5px;
}
.retailersSelect
{
	margin:20px 0 20px 0;
}



/* Map */
.locationMapNorth,
.locationMapSouth
{
    width:269px;
    height:309px;
    margin:9px 0 0 50px;
    padding:0;
    position:relative;
}
.hidden
{
    display:none;
}
.locationMapNorth
{    
    background:url(/web/design/images/heatpumps/wheretobuy/MapNorthIsland.gif);
}
.locationMapSouth
{
    background:url(/web/design/images/heatpumps/wheretobuy/MapSouthIsland.gif);
}
.northland
{
    background-position: -538px 0;
}
.auckland
{
    background-position: -269px 0;    
}
.waikato
{
    background-position: 0 -310px;
}
.bop
{
    background-position: -269px -310px;
}
.hawkesbay
{
    background-position: -269px -620px;
}
.manawatu
{
    background-position: 0 -620px;    
}
.taranaki
{
   background-position: -538px -310px;    
}
.wellington
{
   background-position: -538px -620px;    
}
.nelson
{
    background-position: -269px 0;
}
.canterbury
{
    background-position: 0 -310px;
}
.westcoast
{
    background-position: -538px 0;
}
.southland
{
    background-position: -538px -310px;
}
.otago
{
    background-position: -269px -310px;
}
.mapToolTip
{
    width:210px;
    height:36px;
    position:absolute;
    float:left;    
    background:url(/web/design/images/heatpumps/wheretobuy/map-tooltip.png) no-repeat;
    color:#ccc;
    padding:15px 0 0 20px;
    text-align:left;
    font-size:11px;
}
.tipnorthland
{
    left:50px;
    top:0px;
}
.tipauckland
{
    left:90px;
    top:60px;
}
.tipwaikato
{
    left:115px;
    top:75px;
}
.tipbop
{
    left:150px;
    top:105px;
}
.tiphawkesbay
{
    left:195px;
    top:100px;
}
.tipmanawatu
{
    left:120px;
    top:160px;
}
.tiptaranaki
{
    left:90px;
    top:140px;
}
.tipwellington
{
    left:110px;
    top:215px;
}
.tipnelson
{
    left:150px;
    top:40px;
}
.tipwestcoast
{
    left:130px;
    top:40px;
}
.tipcanterbury
{
    left:130px;
    top:80px;
}
.tipotago
{
    left:80px;
    top:150px;    
}
.tipsouthland
{
    left:40px;
    top:150px
}

#islandselectnth,
#islandselectsth
{
    display:block;
    width:48px;
    height:56px;
    position:absolute;
    float:left;    
}
#islandselectnth
{
    left:221px;
    top:0;
}
#islandselectsth
{
    top:251px;
    left:0;
}
