@charset "utf-8";

/********************/
/* HarveyNorman css */
/******************************************************************************************** Initials */

html, body, div, form, img, h1, h2, h3, h4, h5, h6, input {
	margin:0px;
	padding:0px;
}
html, body {
	font-family:Arial,Helvetica,sans-serif;
	background-color:#fff;
	border:0;
	color:#6F6F6F;
	height:100%;
	font-size:12px;
	line-height:16px;
}
img {
	border:0;
	margin:0;
	padding:0;
}

/* Stop FF3 from putting dotted borders around block anchors */
a:active{outline: none;}
a:focus, input#login_enter, input#download, input#add-customer{-moz-outline-style: none;}

/******************************************************************************************** Letter Style */

.hr_head {
	height:2px;
	width:310px;
	float:left;
	background:url(/images/hr.gif) top left repeat-x;
	padding:0px 20px;
	margin:2px 0px 0px 0px;
	font-size:0px;
	line-height:0px;
	}
p {
	/*line-height:12px;*/
	padding:4px 0px;
}
h1 {
	font-size:16px;
	line-height:18px;
	letter-spacing:0px;
	color:white;
	font-weight:bold;
	padding-left:5px;
}
h2 {
	font-size:14px;
	line-height:18px;
	letter-spacing:0px;
	font-weight:bold;
}
a:link {
	color:#ff882a;
	text-decoration:underline;
}
a:visited {
	color:#ff882a;
	text-decoration:underline;
}
a:hover {
	color:#ff882a;
	text-decoration:underline;
}

/******************************************************************************************** Structure */

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width:652px;
}
#header {
	margin: 10px auto;
	width:651px;
	height:100px;
}
#content {
	margin:0px auto;
	width:652px;
	float:none;
}
#footer {
	width:651px;
	float:left;
	font-size:11px;
	margin-top:20px;
}


.errorMessageBG {
	background-color: transparent;
	font-weight: bold;
	margin: 0px auto;
}

.errorMessageBG h3 {
	font-size:12px;
	margin-bottom:10px;
}
.errorMessageBG img {
	display: none;
}

/******************************************************************************************** Login */

.boxcontent {
	margin-top:14px;
	margin-bottom:14px;
	padding-left:7px;
	width:300px;
	}
	
#login {
	margin:50px auto 0px auto;
	font-size:11px;
	color:#FFFFFF;
	width:360px;
	height:162px;
	background:url(/images/login_bg.jpg) top left no-repeat;
	padding:18px 10px 0px 16px;
}
#login label {
	float:left;
	width:240px;
	padding-left:7px;
	margin-top:8px;
	}
#login_email {
	font-size:11px;
	border:none;
	float:left;
	width:250px;
	height:12px;
	padding:6px 10px;
	background:url(/images/email.jpg) top left no-repeat;
	margin-top:2px;
	}
.login_password {
	font-size:11px;
	border:none;
	float:left;
	width:250px;
	height:12px;
	padding:6px 10px;
	background:url(/images/password.jpg) top left no-repeat;
	margin-top:2px;
	}
.login_enter {
	border:none;
	float:right;
	margin:23px 0px 0px 0px;
	width:90px;
	height:90px;
	padding:0px;
	cursor:pointer;
	}
.login_button {
	float:left;
	text-align:center;
	margin-left:130px;
	padding:3px;
	font-size:11px;
	width:121px;
	height:20px;
	background:url(/images/button_overout.jpg) top left no-repeat;
	}
.login_button:link, .login_button:visited {
	color:#6f6f6f;
	font-weight:bold;
	text-decoration:none;
	}
.login_button:hover {
	color:white;
	background:url(/images/button_overout.jpg) bottom left no-repeat;
	}
#login_aux {
	margin: 0px auto;
	margin-top:20px;
	color:#FFFFFF;
	width:386px;
	height:30px;
	padding:0px;
	text-align:center;
	}
/******************************************************************************************** MessageBox */
#messagebox {
	margin-top:90px;
	font-size:11px;
	color:#FFFFFF;
	width:360px;
	height:162px;
	background:url(/images/login_bg.jpg) top left no-repeat;
	padding:18px 10px 0px 16px;
	float:left;
}
.messagebox_button {
	float:left;
	text-align:center;
	margin-left:3px;
	padding:4px 0px 0px 0px;
	font-size:11px;
	width:126px;
	height:23px;
	background:url(/images/buttonorange_overout.jpg) top left no-repeat;
	}
.messagebox_button:link, .messagebox_button:visited {
	color:#6f6f6f;
	font-weight:bold;
	text-decoration:none;
	}
.messagebox_button:hover {
	color:white;
	background:url(/images/buttonorange_overout.jpg) bottom left no-repeat;
	}


/******************************************************************************************** Registration Page */
#tabs {
	background:url(/images/tabs_bg.jpg) bottom left no-repeat;
	padding-right:6px;
	width:640px;
	height:49px;
	float:left;
}
.tab, .tab_active {
	margin-right:5px;
	width:118px;
	height:24px;
	padding:4px 4px 0px 4px;
	text-align:center;
	float:right;
	display:inline;
}
.tab:link, .tab:visited {
	background:url(/images/tabs.jpg) center left no-repeat;
	color:#6f6f6f;
	font-weight:bold;
	text-decoration:none;
}
.tab_active:link, .tab_active:visited {
	background:url(/images/tabs.jpg) bottom left no-repeat;
	color:#6f6f6f;
	font-weight:bold;
	text-decoration:none;
}
.tab:hover {
	color:white;
	background:url(/images/tabs.jpg) top left no-repeat;
}
.form_content {
	background:url(/images/form_bg.gif) #66CC99;
	width:616px;
	float:left;
	padding:15px;
}
.form_bottom {
	background:url(/images/form_bottom.jpg) #66CC99;
	width:646px;
	height:124px;
	float:left;
}
.form_hr {
	width:360px;
	background-color:#6F6F6F;
	font-size:0px;
	height:1px;
	border-top:1px solid #bcbbbb;
	margin-top:1px;
	margin-bottom: 10px;
}
/******************************************************************************************** Registration Form */
.form {
	width:620px;
	float:left;
	padding:10px 0px 0px 0px;
}
#input_coupon_code {
	margin:0px 330px 0px 5px;
	border:1px solid #a5acb2;
}
#in_register_last_name {
	margin:0px 5px 0px 5px;
	border:1px solid #a5acb2;
	width:220px;
}
#in_register_first_name {
	margin:0px 5px 0px 5px;
	border:1px solid #a5acb2;
	width:220px;
}
#input_street_name {
	margin:0px 5px 0px 5px;
	border:1px solid #a5acb2;
	width:448px;
}
#input_suburb {
	margin:0px 5px 0px 5px;
	border:1px solid #a5acb2;
	width:140px;
}
#input_town_city {
	margin:0px 5px 0px 5px;
	border:1px solid #a5acb2;
	width:140px;
}
#input_postcode {
	margin:0px 5px 0px 5px;
	border:1px solid #a5acb2;
	width:117px;
}
.area {
	height:18px;
	width: 40px;
	border:1px solid #a5acb2;
	position:relative;
	top:-1px;
}
.phone {
	margin:0px 5px 0px 5px;
	border:1px solid #a5acb2;
	width:161px;
}
#in_mobile_phone {
	margin:0px 5px 0px 5px;
	border:1px solid #a5acb2;
	width:211px;
}
#input_email_address {
	margin:0px 5px 0px 5px;
	border:1px solid #a5acb2;
	width:507px;
}
#input_member_number {
	margin:0px 5px 0px 5px;
	border:1px solid #a5acb2;
	width:207px;
}
.gender {
	margin:0px 5px 0px 0px;
}
#check {
	margin:0px 5px 0px 0px;
}
#age {
	border:1px solid #a5acb2;
}
.row {
	margin:0px 0px 10px 0px;
}
.star {
	margin:10px 0px 10px 0px;
	font-size:9px;
}
#buttons {
	margin:10px 0px 10px 0px;
	font-size:9px;
	width:600px;
}
#buttons input, input#download, input#add-customer, input#search, input#id1, input#id3, input#find{
	padding-bottom:4px;
}
#submit, .button {
	border:none;
	font-size:12px;
	font-weight:bold;
	padding:3px 4px 0px 4px;
	cursor:pointer;
	width:128px;
	height:31px;
	color:#6f6f6f;
	background:url(/images/form_button.png);
}
#submit:hover, .button:hover {
	color:white;
	background:url(/images/form_button_over.png);
}

.button_out {
	color:#6f6f6f;
	background:url(/images/form_button.png);
}
.button_over {
	color:white;
	background:url(/images/form_button_over.png);
}

#search_results {
	border: 1px solid #ddd;
	margin-top: 20px;
}

#search_results tr.heading {
	background-color: #ddd;
	font-weight: bold;
	padding: 3px;
}

#search_results tr.row {
	background-color: #fff;
	padding: 3px;
}
/* ========MISC============= */
div.pagination table{	
	margin:0px auto;
}

div.add_postcode{
	float:right;
	width:180px;
	font-size:10px;
	margin-top:-5px;
}

div.reg_postcode{	
	font-size:10px;
	margin-top:-5px;
	margin-bottom:5px;
	padding-right:15px;
	text-align:right;
}

div.clear_right{clear:right;}

div.note{
	font-size:11px; 
	margin-bottom:10px;
	font-weight:bold;
}

div.logout{
	float:right;
	margin-right:20px;
	margin-top:-20px;
}

/* ====POST CODE FINDER==== */

div#postcode_container{
		display:none;
		height:300px;
	}

/* =========IBOX============ */
#ibox_wrapper {
    /*padding: 10px 10px 35px 10px;*/
    line-height: 25px;
    border:none;
		background:transparent URL(/images/postcode_bg.png) no-repeat top center;
}
#ibox_wrapper, #ibox_footer_wrapper a { 
}
#ibox_content { background-color:transparent; border:0;  }
#ibox_footer_wrapper {
    padding: 0 3px;
    bottom: 5px;
    top: auto;
}
#ibox_footer_wrapper a {
    text-indent: -100000px;
    background: url('images/closelabel.gif');
    width: 66px;
    height: 0px;
}
#ibox_progress {
    text-indent: -100000px;
    background: #fff url('images/loading.gif') center center no-repeat;
}

.postcode {
  text-align:right;
  font-size:80%;
}