@charset "utf-8";
* { padding: 0; margin: 0; }

img { border: 0; }

body {
	background-color: #4d4d4d;
}
#wrap { width: 1058px;
		margin: 0 auto; }
#main {
	float: left;
	background-color: #ffffff;
	border-left: 17px solid #c6c6c6;
	border-right: 17px solid #c6c6c6;
}
#main-colum { padding: 0px 32px 0px 32px; }

#header { padding-top: 50px; }
	#main-header { height: 110px; }
		#logo { float: left; }
		#right-comment { float: right; }
/* navigation */		

#navigation { height: 65px; width: 100%; }
	#main-navigation { float: left; }
	ul.nav { padding-top: 12px; }
		ul.nav li { float:left; padding:0; margin:0; list-style-type: none; }
		ul.nav li a { display:block; height: 43px; }
		ul.nav li a strong { display: none; }
		
		ul.nav li.home a { width: 171px; background: url(../images/btn_home.png) 100% -45px; }
		ul.nav li.home a:hover { background-position: 100% 0; }
		ul.nav li.about-us a { width: 171px; background: url(../images/btn_aboutUs.png) 100% -45px; }
		ul.nav li.about-us a:hover { background-position: 100% 0; }
		ul.nav li.services a { width: 171px; background: url(../images/btn_services.png) 100% -45px; }
		ul.nav li.services a:hover { background-position: 100% 0; }
		ul.nav li.contact-us a { width: 171px; background: url(../images/btn_contactUs.png) 100% -45px; }
		ul.nav li.contact-us a:hover { background-position: 100% 0; }
		
		ul.nav li a.current { background-position: 100% 0; }

#free-quote-box { float: right; }
	#free-quote-box	a { display:block; height: 56px; }	
	#free-quote-box	a strong { display: none; }
	div.quote a { width: 266px; background: url(../images/btn_quote.png) 100% -56px; } 
	div.quote a:hover { background-position: 100% 0; }
	div.hints a { width: 266px; height: 57px!important; background: url(../images/btn_handyHints.png) top left; } 
	div.hints a:hover { background-position: 0 -59px; }

#content-block { width: 100%; height: auto; }
	div.homepage-message { width: 100%; height: auto; }
	div.homepage-message img { border: 0; padding-top: 5px; }
	div.homepage-msg-background { width: 100%; height: auto; background: url(../images/contentBGBackdrop.png) left center; }
	div.homepage-highlight { width: 100%; height: auto; background: url(../images/contentBGHighlight.png) no-repeat; padding-bottom: 15px; }
	div.msg-footer { width: 960px; height: 6px; background:url(../images/contentBGfoot.png); margin-top: -3px; display:block; }	
	
	div.contact-message { width: 100%; height: auto; background: url(../images/contentBG_contact.png); }
	div.form-side { width: 921px; margin: 5px; padding: 20px; }
		div.form-holder { width: 650px; }
			#EditableTextField7 { float: right; }
		
	div.info-side { width: 100%; padding-left: 25px; padding-top: 10px; }
		div.info-side p { font-size: 14pt; }
		.contact-info td { width: 200px; }
		.contact-info td { vertical-align: top; }
	
	div.information-banner { width: 961px; height: 159px; }
		div.information-banner h1 { padding: 30px 0 0 70px; width: 500px; }
		
	div.page-banner { width: 961px; height: 161px; background: url(../images/page-banner.png);  }
		div.information-box a, div.information-box a:visited { color: #5163b8; font-weight: bold; }
		div.information-box ul { padding-left: 20px; }

#global-content-block { float: left; width: 960px; }

#content-tabs { float:left; padding-top: 20px; width: 709px; background: url(../images/tabsBG.png) no-repeat 1px 44px; }
	.tab-left { float: left; width: 390px; }
	.tab-right { float: right; width: 295px; padding-right: 20px; padding-top: 20px;}
		.tab-right h6 { background: #fff; }

div.information-box { float:left; padding-top: 20px; width: 689px; padding-left: 20px; }

#sidebar { float: right; width: 215px; background: url(../images/sidebarBG.png) repeat-y; padding: 20px 10px 0 15px;}
	#sidebar li { list-style-type: none; }
	#sidebar a, #sidebar a:visited { color: #5163b8; font-weight: bold; }

#contact-block { width: 673px; height: 117px; background: url(../images/contactBG.png) no-repeat; float: left; margin-top: 20px; padding: 0 20px 0 20px; }
	.contactTable { text-align:center; width: 100%; height: 100%; }

#footer { width: 100%; float: left; margin-top: 20px; padding-bottom: 66px; }
	#text-footer { float: left; width: 100%; height: 55px; background: #939393; padding-top: 5px; }
		#text-footer p { padding-left: 20px; color: #fff; }
		#text-footer a { padding-right: 15px; margin-right: 15px;color: #fff; text-decoration: none; background: url(../images/footerSpace.png) no-repeat right; }
		#text-footer a.fullLeft { color: #fff; text-decoration: none; background: none;}
		#text-footer a:hover { text-decoration: underline; }
	#image-footer { float: left; padding-top: 10px; padding-left: 100px;}
		#image-footer td { padding-right: 50px; }
		#stamp { float: right; width: 249px; height: 152px; background: url(../images/stamp.png) no-repeat; position: relative; top: -80px; }
		
/* Information Pages, About Us, Services */

div.main-banner { width: 100%; height: auto; }
	#about-page-table td { vertical-align: top!important; }
	.interface { width: 279px; height: auto; background: url(../images/sub-nav-baseBG.png) repeat-x left bottom; }
		.page-title { width: 259px; height: 54px; background: url(../images/sub-page-header.png) no-repeat; padding-left: 20px;  }
			.page-title h6 { color: #fff; padding-bottom: 2px; font-size:15pt;}
			.page-title p { color: #fff; padding: 0; }
		.second-navigation {  }
			.second-navigation li { padding-left: 50px; padding-top: 5px; width: 227px; height: 47px; background: url(../images/sub-navBG.png) repeat-x; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; list-style-type: none; }
				.second-navigation li h6 { color: #787878; padding: 7px 0 0 0; font-size:15pt; }
				.second-navigation li p { color: #787878; display: none; font-size: 8pt;}
				.second-navigation li a { text-decoration: none; }
				.second-navigation li:hover { background: url(../images/sub-nav-currentBG.png) repeat-x 0px 3px; }
				.second-navigation li.current { background: url(../images/sub-nav-currentBG.png) repeat-x; width: 227px; height: 92px; padding-top: 0;}
					.second-navigation li.current h6 { color: #303030; display: block; font-size:15pt; }
					.second-navigation li.current a:hover { text-decoration: none; }
					.second-navigation li.current p { color: #787878; display: block; margin-right: 10px;  }
				#base-clipped { background: url(../images/sub-nav-baseBG.png) repeat-x; border: 0; width: 230px; height: 49px; }
	.sub-main { width: 641px; height: 268px; background: url(../images/about-us-pageBG.png); padding: 20px; }
		.sub-content { height: 120%; width: 641px; overflow: auto; }
		.sub-main img { border: 0; padding: 10px; padding-top: 10px; }

/* Contact Form */

div.form-side label { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; padding: 5px 0 5px 0; color: #1e1e1e; } 
div.form-side span { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; padding: 5px 0 5px 0; color: #1e1e1e; }
div.form-side input { margin-bottom: 10px; }

#Form_Form fieldset { border: none; }
	#Form_Form label { font-weight: bold; font-size: 11pt; }
		#Form_Form label.required { color: #990000; margin-bottom: 10px; font-size: 8pt; }
	#Form_Form textarea { width: 400px; display: block; }
	#Form_Form input { width: 225px; display: block; }
	#Form_Form select { width: 225px; display: block; }

div.Actions { padding: 15px 0 5px 0; margin-left: -4px; }
	#Form_Form_action_process { border: none; background: url(../images/click-here-send-link.png) no-repeat; width: 210px; height: 36px; cursor: pointer; }
	#Form_Form_action_clearForm { border: none; background: url(../images/reset-form.png); width: 76px; height: 36px; }







h1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24pt; padding: 20px 0px 10px 20px; color: #3f3f3f;}
h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18pt; padding: 20px 0px 7px 20px; color: #3f3f3f;}
h3.right-comment-text { font-family: "Times New Roman", Times, serif; color: #a7a7a7; font-size: 13pt; padding: 10px 0 20px 0;}
h4 { font-family: Geneva, Arial, Helvetica, sans-serif; color: #a7a7a7; font-size: 11pt; }
h5 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11pt; padding: 5px 0 5px 0;color: #3f3f3f; }
h6 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16pt; padding: 5px 0 5px 0;color: #3f3f3f; }
.red { color: #ed1f23; }
p  { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; padding: 5px 0 5px 0; color: #1e1e1e; }



.homepage-message p { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; padding: 5px 480px 5px 20px; color: #1e1e1e; }
.homepage-message a { font-weight: bold; color: #2a48ca; text-docoration: underline; }

/* TABS! */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(http://www.hdl.co.nz/themes/hdl/images/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #939393;
	font-size: 11pt;
	font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
	width: 705px;
	margin-left: 1px;
	height: 274px;
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}