@charset "UTF-8";
/* Skellerup Milk Liner CSS Document */
/* Site by HCA digital hca.co.nz  */


body{
	font-family:Geneva, Arial, Helvetica, sans-serif;
    background:#b7dbed url(images/background.jpg) no-repeat top center;
    font-size: 12px;

}


h1 {color: #FF0000;font-family: "TradeGothic Bold", Geneva, Arial, Helvetica, sans-serif;}
h2 {color: #FF0000; font-family: "TradeGothic Bold"; margin-bottom: 10px;}
h3 {color: #333333; font-family: "TradeGothic Bold"; margin-bottom: 5px;}

p {	font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; padding-bottom: 10px; padding-top: 5px; 	line-height:18px;}


*{padding:0;	margin:0;}

/*\*/

* html  {height: 1%;}

/**/

/*

	voice-family:"\"}\"";

	voice-family:inherit;	

*/

#outer{
	/*
	width:1392px;
*/
    width:1000px;

/*
	height:864px;
    margin: 0px auto 0 auto;

*/
	margin:auto;
	padding:auto;

}


#wrap{
    background: Transparent;
	width:960px;
/*
	height:582px;
*/
	height:700px;
	margin:auto;
	padding:auto;
}



#header{
	background:url(images/bg_header.jpg) top left no-repeat;
	width:960px;
	height:99px;
	margin:0px auto 0px auto;
	padding:0;
	border:0;
}


#navigation{
	border:0px;
	float: left;
	padding: none;
	width: auto;
}


#nav-pad{
	border:0px;
	float: left;
	padding: 8px, 0px, 0px, 30px;
	width:600px;
}


#main{
	background:url(images/main-bg.gif) top left repeat-y;
	width:960px;
/*
	height:483px;
*/
	height:601px;
	
	margin:auto;
	border:0;
}



#main_content{
	width:900px;
	height:auto;
}



.main_content_header{
	background:url(images/bg_main_content_header.jpg) top left no-repeat;
	width:960px;
	height:8px;
	margin:auto;
	padding:auto;
	font-size:0;
}


.header_content_left_line{
	background:url(images/line.gif) top left no-repeat;
	width:521px;
	height:2px;
	float:left;
	font-size:0;
	border:0;
	padding:0px 0px 0px 0px;
	margin:20px 0px 10px 0px;
}




/* --- Links --- */


a:link {
	color: #1F8BB1;
}
a:visited {
	color: #1F8BB1;
}
a:hover {
	color: #1E2C6B;
}
a:active {
	color: #1F8BB1;
}




/* --- Grid --- */

.content {
  width: 960px;
  margin: auto;
}

.content-margin1 {
  float: left;
  width: 22px;
  height: 1px;
}

.content-1 {
	float: left;
	width: 521px;
	margin: 0px;
	padding: 15px;
}

.content-margin2 {
	float: left;
	width: 328px;
	height: 1px;
}

.content-2 {
	float: left;
	width: 59px;
}






/* ======================================
    Horizontal CSS menu image rollovers
   ======================================
*/   



#testing a {
	border:none;
}
#testing a:hover img {
	visibility:hidden;
}

/* both IE/win and mac 
#testing a {display:inline-block;}
/* \*/
html #testing a {display:block;}
html #inline-images a {display:inline;}
/* end hiding from IE/mac */


/* ######### menu ############# */

#horizontal-list {
	margin:/* 1em*/ 0;
	padding:0;
	list-style:none;
}

#horizontal-list li {margin:0;padding:0;}

#horizontal-list {
	height:59px;
	/*width:600px;*/
	margin:1em 0;
}

#horizontal-list li {
	display:block;
	width:98px;
	float:left;
	padding-top:8px;
	margin-left:10px;
}
#horizontal-list a:hover img {visibility:hidden;}
#horizontal-list a {display:block;}
#horizontal-list a/**/ {height:59px; /* hide from IE5.0/win */}
/* fixes for IE/win \*/
* html #horizontal-list a {cursor:hand;}
* html #horizontal-list li a:hover {height:1%;}
/* */

.Calculator { background:url(images/menu-calculator-over.gif) bottom left no-repeat; }
.Conversion { background:url(images/menu-conversion-over.gif) bottom left no-repeat; }
.Square { background:url(images/menu-square-over.gif) bottom left no-repeat; }
.Login { background:url(images/menu-login-over.gif) bottom left no-repeat; }
.Logoff { background:url(images/menu-logout-over.gif) bottom left no-repeat; }
.Benefits { background:url(images/menu-benefits-over.gif) bottom left no-repeat; }
.Home { background:url(images/menu-home-over.gif) bottom left no-repeat; }
.Contact { background:url(images/menu-contact-over.gif) bottom left no-repeat; }



/* ######### STEPS ############# */

#steps{
	border:0px;
	float: left;
	padding: none;
	width: auto;
}

#horizontal-list-steps {
	margin:/* 1em*/ 0;
	padding:0;
	list-style:none;
}

#horizontal-list-steps li {margin:0;padding:0;}

#horizontal-list-steps {
	height:48px;
	/*width:600px;*/
	margin: 1em 0;
}

#horizontal-list-steps li {
	display:block;
/*
	width:98px;
*/
	float:left;
	padding-top:8px;
	margin-left:0px;
}
#horizontal-list-steps a:hover img {visibility:hidden;}
#horizontal-list-steps a {display:block;}
#horizontal-list-steps a/**/ {height:48px; /* hide from IE5.0/win */}
/* fixes for IE/win \*/
* html #horizontal-list-steps a {cursor:hand;}
* html #horizontal-list-steps li a:hover {height:1%;}
/* */

.step1-up{width: 150px; background:url(images/step1-over.jpg) bottom left no-repeat; }
.step2-up{width: 170px; background:url(images/step2-over.jpg) bottom left no-repeat; }
.step3-up{width: 200px; background:url(images/step3-over.jpg) bottom left no-repeat; }

.step1-over{width: 150px; background:url(images/step1-up.jpg) bottom left no-repeat; }
.step2-over{width: 170px; background:url(images/step2-up.jpg) bottom left no-repeat; }
.step3-over{width: 200px; background:url(images/step3-up.jpg) bottom left no-repeat; }





/*Begin footer*/

#footer{
	background:url(images/bg_footer.jpg) top left no-repeat;
	margin:auto;
	padding:auto;
	width:960px;
	height:19px;
}


.footer_text{
	width:960px;
	height:15px;
	margin:auto;
	padding:17px 0px 0px 0px;
	border:0;
	font-size:0;
	text-align:center;
}
.footer_text p a{
	width:960px;
	height:11px;
	color:#115e92;
	font-size:12px;
	padding:0;
	margin:0;
	text-decoration:none;
}
.footer_text_center{
	width:500px;
	height:13px;
	margin:auto;
	text-align:center;
}
.footer_text_left{
	width:auto;
	height:11px;
	float:left;
	
}
.footer_text_right{
	width:auto;
	height:11px;
	float:left;
}
.footer_text_line{
	background:url(images/line_footer.gif) top left no-repeat;
	width:1px;
	margin:3px 8px 0px 8px;
	height:10px;
	float:left;
}



img{border: none;}
#dnn_ctr385_ctl00_imgIcon{display: none;}

div#user {float:left; margin-bottom:10px;}
div#login {float:right; text-align:right;  margin-bottom:10px;}

div#user {float:left; margin-top:10px; margin-bottom:10px;margin-left:10px;}
div#login {float:right; text-align:right;  margin-top:10px; margin-bottom:10px; margin-right:10px;}

.CommandButton{font-size: 12px;}

a.CommandButton, a.CommandButton:vistied, a.CommandButton:link, a:link, a {color: #ba001c; text-decoration: none;}
a.CommandButton:hover, .links a:hover, .normal a:hover, a:hover, .NormalTextbox a:hover{text-decoration: underline;}



a:visited {color: #666; text-decoration: none;}
/*
ul li{list-style: disc; padding-left: 15px; padding-top: 5px;}
*/

ul{padding-left:15px;}
ul li{
	padding-left:10px;
	line-height:18px;
    list-style: disc;
    color: #333333
}

.content-1 ol
{
    background: none;
	margin-bottom: 10px;
    list-style-type: decimal;
	padding-left:20px;
	line-height:18px;
}

.content-1 ol li
{

    line-height:18px;
  
    list-style-type:decimal;
    padding-left:0px;
    color: #333333
    }


/*
    background: none;
*/

/*
.header_content_left_b_text_reg li{list-style: disc; padding-left: 5px;}

.main_center_b li{list-style: disc; padding-left: 5px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px;}

.resources_left li{list-style: disc; padding-left: 5px; padding-top: 5px; padding-bottom: 10px;}
.resources_right li{list-style: disc; padding-left: 5px; padding-top: 5px; padding-bottom: 10px;}
*/
.normal {font-size: 12px;}

.forgottenPassword {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px;}
.c_contentpane{ text-align: left;}

.mediaModule {
	border: none;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	}

/*  style for individual links in the link module  */
.linkModule {
	border: none;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
    }

.links img{padding-bottom: 5px;}    
.links {
	border: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
    }

.resourceTable h2{margin-bottom: 0px; display: inline;}

.resources {font-size: 11px; color: #000;}
.error{color:red; font-weight: bold;}

.left{float: left}
.right{float: right}

.formtext {font-size: 11px; color: #000; font-weight: normal;}
.formTextBold {font-size: 11px; color: #000; font-weight: bold;}

.formtext p, .formTextBold p{ line-height: 17px; margin-top: 0px; padding-top: 2px; margin-bottom: 0px; padding-bottom: 2px; display: inline;}

/*
.resourcesLine {background:url(images/line-430x1.gif) bottom left no-repeat; }
*/

.tableMilkCalculation{width: 520px;}
.tableMilkCalculation p, .tableMilkCalculation{
	color:#0291e7;
	font-weight:bold;
	font-size:12px;
/*
	margin: 10px 0px 5px 0px;	
	padding-bottom: 5px;
*/
}

.border{
    	border-top: solid 1px #0291e7;    	
    	border-bottom: solid 1px #0291e7;
        padding-top: 10px;
        padding-bottom: 10px;        
        margin-top: 20px;
        margin-bottom: 10px;
}

.textBox{width: 75px;}

.calculationTable{width: 520px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.calculationTable tr{height: 30px;}

.calculationTable1{width: 250px; margin-right: 10px;}
.calculationTable2{width: 80px;}
.calculationTable3{width: 180px;}

.timeToChange1{width: 330px; margin-right: 10px;}
.timeToChange2{width: 130px;}
.timeToChange3{width: 50px;}


.RequestAQuoteTable1{width: 130px; margin-right: 10px; vertical-align: top;}
.RequestAQuoteTable2{width: 160px; vertical-align: top;}
.RequestAQuoteTable3{width: 220px; vertical-align: top;}


.hide, .test {display: none;}

.imgSearch {float:right; display:inline;}
/*


#dnn_ctr385_ctl01_lblMessage { display: none;}  
*/
  
#breadCrumb{ font-weight:normal; margin-bottom: 10px; margin-left:20px;} 
#breadCrumb a{color:#000000; text-decoration:none;}
#breadCrumb a:hover{color:#000000; text-decoration:underline;}
#dnn_ctr375_Login_cmdRegister {display:none;}

#dnn_ctr385_ctl01_imgIcon, #dnn_ctr388_ctl00_imgIcon {display:none;}
#dnn_ctr375_Login_Login_DNN_plUsername_imgHelp, #dnn_ctr375_Login_Login_DNN_plPassword_imgHelp {display:none;}


#dnn_ctr_SendPassword_plUsername_imgHelp{display: none;}

.SignInTable, .LoginPanel {padding: 10px 0px 10px 0px;}
/*
#dnn_ctr380_Login_Login_DNN_plUsername_lblLabel{padding: 12px 12px 12px 12px;}
*/
#dnn_ctr380_Login_Login_DNN_plPassword_lblLabel{margin-top: 12px;}

hr{display:none;}


